Dreamweaver淘宝美工教学

1、　1、为什么要用8.0版本，而不是CS5版本?　　dreamweaver是一款网页设计软件，它的用途是网页设计，而不是专门针对淘宝美工，淘宝旺铺装修只支持部分dreamweaver语法，比如，淘宝只支持行内CSS样式，而DW默认的格式定义是采用内嵌式CSS。所以我们用淘宝主要是用它的table表格定位排版功能，CS4、5以后的版本，默认采用CSS为定位方式，表格操作功能被忽视了，用起来很不方便，所以建议使用DW8.0。

2、　　2、DW站点管理　　网页里的文字内容与图片文件是分开保存的，所以为了方便管理，要将图片与网页代码保存到同一文件夹下面，关于这个操作，DW提供了一个站点管理功能来解决。所以建议大家，用DW制作时首先进行站点管理

3、D掳姗浚瑙W站点管理　　网页里的文字内容与图片文件是分开保存的，所以为了方便管理，要将图片与网页代码保存到同一文件夹下面，关于这个操作，DW提供了一个站点管理功能来解决。所以建议大尸园拽诟家，用DW制作时首先进行站点管理。　　3、表格定位与嵌套方式　　虽然理论上DW表格可以任意拆分，但是不建议象WORD那样对表格进行随意划分，DW里我们还是偏向于使用表格嵌套的功能进行定位。　　关于表格定位的操作，应老师列出几个关键点，大家在练习时多加留意。　　(1)表格宽度要用绝对宽度，而不是用相对宽度，插入表格后稍微拖动一下竖线就可以实现表格宽度的绝对定位。　　(2)单元格插入嵌套表格前，先将单元格的对齐方式设置为“水平居中，垂直顶部”，这样有利于后面的高度调整操作。　　(3)表格嵌套表格时，插入的表格不应超出单元格宽度。　　(4)装饰图片建议做为背景置入，这样单元格里还可以添加文字或图片。　　(5)大面积的单色，不要用图片，改为设置背景色。　　(6)一般外层表格框架以“一行多列”为原则，内层表格嵌套以“多行一列”为原则。　　(7)如果，需要在单元格内一个特定位置插入内容，可以用“左对齐、顶对齐”的“2*2”表格定位。

4、　　4、表格的背景　　dreamweaver特性决定了利用“背景填色”或“背景图的平铺功能”功能可以实现更小的文件容量，有利于优化网页打开速度。

5、新窗口打开链接　　制作或插入超链接时，建议在新窗口打开链接，而不是在原有窗口打开，因为在原窗口打开，很可能使某一用户不小心关闭窗口时，就不容易找回到原来的页面。

6、用DW调整PS导出的网页　　比如：将图片改为背景(因为原有的PS导出网页图片是插入形式);设置超链接;将本地图片地址替换成图片网络空间地址;插入嵌套表格;添加特效代码(如：客服、滚动字幕、收藏)。

7、不要在DW里设置文字格式　　因为DW采用CSS定义格式，淘宝暂不支持内嵌CSS风格，导致了DW设置的文字格式在淘宝里无效，建议大家在淘宝编辑器里设置文字格式。