dreamweaver淘宝教学实例设计

1、为什么要用8.0版本，而不是CS5版本？

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

2、DW站点管理

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

3、表格定位与嵌套方式

虽然理论上DW表格可以任意拆分，但是不建议象WORD那样对表格进行随意划分，DW里我们还是偏向于使用表格嵌套的功能进行定位。

关于表格定位的操作，应老师列出几个关键点，大家在练习时多加留意。
（1）表格宽度要用绝对宽度，而不是用相对宽度，插入表格后稍微拖动一下竖线就可以实现表格宽度的绝对定位。
（2）单元格插入嵌套表格前，先将单元格的对齐方式设置为“水平居中，垂直顶部”，这样有利于后面的高度调整操作。
（3）表格嵌套表格时，插入的表格不应超出单元格宽度。
（4）装饰图片建议做为背景置入，这样单元格里还可以添加文字或图片。
（5）大面积的单色，不要用图片，改为设置背景色。
（6）一般外层表格框架以“一行多列”为原则，内层表格嵌套以“多行一列”为原则。
（7）如果，需要在单元格内一个特定位置插入内容，可以用“左对齐、顶对齐”的“2*2”表格定位。

4、表格的背景

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

5、新窗口打开链接

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

6、用DW调整PS导出的网页

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

7、不要在DW里设置文字格式

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

除了掌握淘宝编辑器里的设置文字格式，大家还要掌握在淘宝编辑器里替换图片、设置超链接等操作。