第7章-网页布局..pptVIP

* 第7章 网页布局 当遨游Internet时，一幅幅漂亮的网页令人流连忘返，网页的精彩和色彩的搭配、文字的变化、图片的处理等关系密切，除此之外，还有一个非常重要的因素——网页的布局。 本章介绍用Dreamweaver进行网页布局的方法和技巧，主要内容有： 使用布局模式进行布局 利用层进行布局 利用表格＋CSS进行布局 利用DIV＋CSS进行布局 7.1 使用布局模式 前面学习了利用表格布局页面的方法，利用表格直接布局网页元素灵活性不强，比如无法精确定位网页内容，对网页版面进行调整时，也不很方便。为了提高表格布局的灵活性，Dreamweaver提供了布局模式，在布局模式下，可以使用表格作为基础结构来设计网页，同时也使网页布局更加高效。 7.1.1 在布局模式下绘制表格 1．切换布局模式 在【插入】工具栏上选择【布局】类别。在右边的工具栏上单击【布局】按钮，弹出一个【从布局模式开始】对话框。按【确定】按钮即进入“布局模式”中。 2．绘制布局表格 在工具栏的【布局】类别中，单击【布局表格】按钮。鼠标移到页面时指针变为加号“+”。拖动鼠标绘制一个布局表格。 3．绘制布局单元格 在工具栏的【布局】类别中，单击【绘制布局单元格】按钮。鼠标移到布局表格上或者网页内容下边的空白处时指针变为加号“+”。拖动鼠标绘制一个布局单元格。 4．绘制嵌套布局表格 绘制嵌套布局表格，就是将一个布