photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrlaltshifts保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片浏览这个web页面，显示的效果和ps中的完全一致，似乎。

PS设计网页页面的教程 网页设计需要的PS操作技术并不是很多，只要掌握基础就行了但是你想要做好一个稿子就不是那么简单了这当中有一些天赋的因素，但是更多的是学习你可以从模仿别人的稿子开始，渐渐的融入自己的东西。

所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改在制作网页时要多灵活运用模板，这样可以大。

最关键的是“切片工具”你可以在一张图像上任意添加按钮图片文字等内容，做成网页最关键的一步就是切片，用切片工具托拉，就能拉出一块块的区域这些区域后来在网页软件中可以设置链接，然后把这个文件存储为WEB所用。

首先，创建主页模板 1首先打开我们下载的ps软件，选择左上角的文件新建快捷键ctrlN，然后创建一个1920x3000的画布网页设计的分辨率可以选择72，颜色模式为RGB单击创建注意宽度是以像素为单位选择的为什么要创建一。

如何用ps设计网站首页，网页首页是设计网页首页页面的一种方式，通过ps设计页面就可以进行网站首页的设计下面我们就来看一下网站首页的设计要点首页的布局，网站首页的布局是整个网站设计中的重要部分，首页的首页要能给浏览。

PS切图的步骤 下面是PS切图的基本步骤1打开设计图 首先要打开设计师提供的设计图，通常设计图是一个psd文件，其中包含了所有需要切割的元素2选择需要切割的元素 在打开的设计图中，选择需要切割的元素，比如按钮。

首先你要明白网页制作的流程1网页设计师主要是用PS先将网页设计出来2进行网页制作，就是切片，div+css布局，将图片变成网页3后台制作可以自己开发，也可以套用cms，如dedecms，phpcms等 4具体步骤就是这样。