文档介绍：上节课回顾
⑴插入一个表格并添加内容
⑵选择表格元素
⑶导入和导出表格式数据
⑷使用“扩展表格”模式更容易编辑表格
⑸设置表格和单元格的格式
⑹调整表格、列和行的大小
⑺添加及删除行和列
⑻拆分和合并单元格
⑼复制、粘贴和删除单元格
⑽嵌套表格
⑾对表格进行排序
本章内容
⑴层的概念
⑵Div+CSS布局的优点
⑶插入层
⑷设置层首选参数和属性
⑸管理层
⑹操作层
⑺将层转换为表格
⑻制作层动画
⑼使用 div 标签进行布局
⑽更改 div 标签的高亮颜色
⑾处理 CSS 布局可视化
⑿使用跟踪图像
什么是层
Dreamweaver 会将具有绝对位置的所有 div 标签视为层
层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容
Div+CS布局的优点
大大缩减页面代码，提高页面浏览速度,缩减带宽成本;
结构清晰，容易被搜索引擎搜索到，天生优化了seo （请查看参考资料）
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
强大的字体控制和排版能力。
CSS非常容易编写。
提高易用性。
可以一次设计，随处发布。
更好的控制页面布局。
表现和内容相分离。
Div+CSS布局的优点
更方便搜索引擎的搜索。
Table 布局灵活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。
另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。
Table 中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div 更能体现样式和结构相分离，结构的重构性强。
在几乎所有的浏览器上都可以使用。
以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
你可以轻松地控制页面的布局。
你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。
绘制一个或多个层
在“插入”栏的“布局”类别中单击“绘制层”按钮。
在“文档”窗口的“设计”视图中，执行下列操作之一：
拖动以绘制一个层。
通过按住 Ctrl 键并拖动来连续绘制多个层。
只要不松开 Ctrl，就可以继续绘制新的层。
在文档中的特定位置插入层
将插入点放置在“文档”窗口中，然后选择“插入”>“布局对象”>“层”。
在层中放置插入点
在该层边框内的任意位置单击。
该层的边框会突出显示，并且选择柄将出现，但该层本身尚未选定。
显示层边框
选择“查看”>“可视化助理”，然后选择“层外框”或“CSS 布局外框”。
注意：
同时选择这两个选项可获得同样的效果。
隐藏层边框
选择“查看”>“可视化助理”，然后取消选择“层外框”和“CSS 布局外框”。