2.布局要点

　　网页文档一般为1007*600和708*800像素，分辨率为72像素。一般情况下，大型网站不要超过3屏。网站背景颜色与文件颜色要统一协调，导航字体一般用黑体，正文一般用宋体，其它字体可能会因为客户的浏览器不兼容而给工作带来麻烦。如果为增强页面效果用到其它字体，最好在Photoshop中制作然后切分。图文搭配要合理，图像大小要合乎美学原则，不能太大，一般用缩略图较好，如果要显示更多的图片细节，不妨给缩略图链接一个大的图片。

　　要精确定位网页元素，可用对齐参考线的方法来实现，而参考线的精确定位可以借助标尺和网格来实现。网站的Logo、Banner或导航条等都是事先设计好的，有固定大小，在做这些区域时尺寸一定要按照这些元素尺寸设计，否则进入DW整合时，可能出现空边或撑开表格的现象。

3.活用“切片”

　　利用Photoshop做好布局效果图后，关键的一步就是“切片”。只有正确地切片，DW才能对效果图进行有效的整合。

　　切片时要用好参考线。参考线能保证我们切出的图像在同一表格中的尺寸统一协调，有效避免“留白”和“爆边”。为提高Logo和Banner的显示效果，如果效果图中存在Logo和Banner，必须将这些切片然后在DW中用Logo和Banner的原文档替换。大的图像必须切分成均匀的图像，这样可以提高网页下载速度。导航条一般都是特别设计的，其效果在DW难以实现，所以也必须切片后供后期使用。存储切片的文件夹必须是英文名字，存储切片时建议使用用“文件—存储为web所用格式”命令。如无特殊要求，切片的存储格式要求使用Gif格式。