一、PS切片生成网页代码
1、photoshop设计图像
2、切片
3、设置切片选项URL
4、导出 图片JPG GIF 导出格式HTML and image
5、上传图片
6、记事本打开代码(HTML网页文件)
7、用图片空间的图片地址替换原来的本地地址
8、删除网页代码里的头与尾多余部分
9、代码复制自定义的源码模式下
10、保存发布
二、DW表格布局
1、创建项目文件夹并建立站点
2、插入表格时,需要定义宽度定义,设置无边框
3、刚插入的表格宽度是相对等分的,需要调间隔线使其宽度成为固定形式
4、一般采用一行多列的排版形式
5、表格嵌套是DW网页排版一种基本思路
6、表格内容对齐一般用单元格对齐方式,尽量避免用文本对齐方式,这样会增加代码
7、嵌套表格时必须依据内层表格的宽、高进行精确设置,尽量避免手工随意调整宽度和高度
8、插入图片最好先上传至图片空间,直接插入URL地址,免去再次替换的麻烦
9、DW还可以对PS导出的WEB页进行图片地址替换、添加链接、添加图片说明、设置链接打开方式(新窗口或原窗口)
10、给图片制作热区
11、插入图片改为背景图片,添加旺旺客服代,制作店铺收藏功能
12、单元格内的位置采用2*2表格定位
|