这些都达到要求后，下面你就开始了解一些最基本的网页设计知识比如一般的网页宽度960像素，字体大小是12号宋体等等这些内容接下来就找几个别人设计的网页效果图来临摹下，自己在PS里边临摹边想，看看别人是怎么一步步从。

但是现在当然是在PS里做效果图啦，不过网页设计没那么复杂，不用PS导出切片照样可以做的很好，现在做CSS还是可以的，加上PS，应该还是可以，但是现在单单会一样显然是不行的，得追随潮流，要学习新的事物，很多公司都是要求。

1先用Photoshop做一个网页图片2Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分3使用切片工具，按照绘制的表格划分切片 4以上步骤完成后，进行操作“文件”“储存为Web和设备所用格式”，在打开的窗口。

设计网页的网格方法 第一种方法使用GuideGuide？卡梅伦McEfee建立垂直列这Photoshop插件被认为是处于测试阶段，但是从我与它的经验的一切工作得很好，甚至有谈GuideGuide 2的发布，其中将包括更多的功能GuideGuide页面上可以找到。

制作这些东西你也许要用到做图片的Photoshop做gif动画的GALE制作image map的工具Map This中文字库也应该拿出来 3制作网页 当然要制作网页了！于是你把网页制作好了！以后再讲 4测试网站 网页做好了，链接做好。

你想在dreamweaver制作二级页面，就在dw中新建一个页面制作具体步骤是dw菜单中的文件，新建，页面类型选html，点击创建按钮就创建了一个空白页面在这个空白页面上做你要得二级页面效果给你举个例子一级页面是网站首页。

1将网页需要展示的图片在Photoshop里面排版好2将排版好的页面进行切片，并将文件保存为web所用格式文件3这样文件就保存为了一个HTML文件和一个images文件夹，可以看到我们刚排版的图片已经被切成一张张的图片保存在 4接。