文档介绍：第5章网页制作基础《大学计算机信息科技教程(第二版)》——第5章网页制作基础*主要内容概述设计站点编辑网页页面布局建立超链接使用CSS样式层、行为和时间轴模板管理和发布站点《大学计算机信息科技教程(第二版)》——第5章网页制作基础* 布局模式《大学计算机信息科技教程(第二版)》——第5章网页制作基础*,网页总体上是从上到下进行布局的。可分为三个区域:栏目导航区、主内容区和版权区。栏目导航区又可以细分为栏目区和导航区,主内容区可以根据实际情况分为若干个区域,版权区比较简单,一般不再细分。《大学计算机信息科技教程(第二版)》——第5章网页制作基础*,在制作网页之前,先在布局模式下把网页设计成如右图的布局,然后在每个区域中插入网页的内容。返回《大学计算机信息科技教程(第二版)》——第5章网页制作基础*,它与标准表格绘制方法的不同之处在于:在布局模式中,用户可以在页面上绘制任意数目和大小的布局表格,在布局表格的任意位置可以绘制任意数量和大小的布局单元格。布局单元格必须放在布局表格之中,如果在布局表格以外绘制布局单元格,系统会自动创建一个布局表格,以容纳这个布局单元格。另外,布局表格中还能绘制另一个布局表格。布局表格布局单元格《大学计算机信息科技教程(第二版)》——第5章网页制作基础*“查看”/“表格模式”/“布局模式”命令;在“插入”工具栏的“布局”选项卡中单击“布局”按钮。返回标准模式的方法选择“查看”/“表格模式”/“标准模式”命令;单击“插入”工具栏的“布局”选项卡中的“标准”按钮。返回插入工具栏→布局→“布局”按钮插入工具栏→布局→“标准”按钮《大学计算机信息科技教程(第二版)》——第5章网页制作基础*“插入”工具栏的“布局”选项卡中的“布局表格”按钮后,拖动鼠标绘制出布局表格。布局表格的底色为灰色、边框为浅绿色,带有布局表格标签和宽度值。单击“插入”工具栏的“布局”选项卡中的“绘制布局单元格”按钮,在布局表格中拖动鼠标绘制布局单元格。布局单元格的底色为白色、外加蓝色的边框。“布局表格”“绘制布局单元格”拖曳拖曳布局表格布局单元格“布局表格”按钮“绘制布局单元格”按钮《大学计算机信息科技教程(第二版)》——第5章网页制作基础*,因此不能在布局单元格上再绘制布局表格。而布局表格中却可以再绘制布局表格,使得新的布局表格包含在原来的布局表格之中。在绘制表格和单元格时,Dreamweaver会自动激活绘制区的对齐特性,因此很容易绘制出整齐的表格。在绘制时按住Alt键同时拖动鼠标,可以精确到1像素为单位。一般由上往下绘制布局表格布局表格中可以再绘制布局表格何时绘制嵌套的“布局表格”?在以下情况之一时绘制嵌套的“布局表格”而不是“布局单元格”:,页面内容只能置于“布局单元格”内。《大学计算机信息科技教程(第二版)》——第5章网页制作基础*