文档介绍：网页设计和制作
第7章：网页的布局
主要教学环节
五、知识讲解与操作示范
一、课程引导
二、明确知识技能目标
三、展示网页浏览效果
四、分析操作任务
六、课堂模仿实践
七、疑难解析
八、归纳总结
九、布置****中所需选择的多个层，当选中多个层时，最后选定的层的控制柄将以蓝色实心突出显示，其他层的控制柄以蓝色空心显示。
（2）激活层
单击层中任意位置可以激活层，此时层的左上角将显示一个正方形的选择柄。激活一个层后，便可以向其中插入对象。
（五）知识讲解与操作示范（10）
4．设置层的属性
接下来设置层的属性，对层的设置要求如下：
（1）层“Layer1”的“宽”设置为“550px”，“高”设置为“450px”。
（2）层“Layer1”的“左”设置为“80px”，“上”设置为“9px”。
（3）层“Layer1”的“背景图像”设置为“image/”。
（五）知识讲解与操作示范（11）
（4）层“Layer1”的可见性设置为“default”。
（5）层“Layer2”的“宽”设置为“205px”，“高”设置为“450px”。
（6）层“Layer2”的“左”设置为“620px”，“上”设置为“9px”。
（7）层“Layer2”的可见性设置为“default”，背景颜色设置“#FFFFFF”。
（五）知识讲解与操作示范（12）
具体设置过程如下：
（1）通过“属性”面板设置层的属性
（2）通过“层”面板管理层
在Dreamweaver 8主窗口中，单击菜单【窗口】→【层】，可以打开 “层”面板。通过“层”面板可以管理文档中层、选择多个层、控制层的叠放顺序、更改层的可见性。
（五）知识讲解与操作示范（13）
5．调整层的大小和位置
（1）调整层的大小
在Dreamweaver 8中，调整层的大小的方法有多种。
方法之一：选定需要调整大小的层，将鼠标指针移动到控制柄上，拖动该层的边框即可在相应的方向上改变层的大小。水平方向的双向箭头可以改变层的宽度，垂直方向的双向箭头可以改变层的高度，斜向的双向箭头可以同时改变层的宽度和高度。
（五）知识讲解与操作示范（14）
方法之二：选定单个层，按住“Ctrl”健的同时使用键盘上的方向键来调整层的大小。注意：此方法只能移动层的右边框和下边框。
方法之三：选定单个层，按住“Ctrl+Shift”组合键的同时使用键盘上的方向键来调整层的大小，每按一次方向键可在相应的方向上调整一个网格单元的大小。
方法之四：选定单个层，在层“属性”面板上“宽”和“高”文本框直接输入数值，可精确设置层的大小。
（五）知识讲解与操作示范（15）
（2）移动层
层可以在页面上任意移动，移动层的方法有多种。
方法之一：选定单个或多个层，单击选中层左上角的选择柄，按住鼠标左键并拖动鼠标，当移动到合适位置时释放鼠标即可。
方法之二：将鼠标指针移动到层的边框位置，当鼠标指针形状变为四向箭头时，按住鼠标左键并拖动，也可以移动层。
（五）知识讲解与操作示范（16）
方法之三：选定单个或多个层，使用键盘上的方向键也能移动图层，每按下一次则移动一像素的距离。
方法之四：在层“属性”面板中，通过设置“左”和“上”的坐标值能精确定位层的位置。如果需要将页面中的某个对象贴合在窗口的左边框或上边框，只需要将该对象放置在层中，然后在层的“属性”面板中设置“左”或“上”为0即可。
（五）知识讲解与操作示范（17）
（3）多个层的对齐
按住 “Shift” 键选定需要对齐的多个层，在Dreamweaver 8主窗口，单击【修改】→【排列顺序】，在弹出的级联菜单中选择一个对齐命令。
（五）知识讲解与操作示范（18）
6．层的嵌套
在“Layer1”层中插入嵌套层“Layer3”，嵌套层“Layer3”的属性设置要求如下：
（1）层“Layer3”的“宽”设置为“420px”“高”设置为“340px”。
（2）层“Layer3”的“左”设置为“60px”“上”设置为“100px”。
（3）层“Layer3”的可见性设置为“default”。
（五）知识讲解与操作示范（19）
插入嵌套层且设置其属性的操作过程如下：
（1）选择层“Layer1”。
（2）在Dreamweaver 8主窗口中，单击菜单【插入】→【布局对象】→【层】。
（3）在层“Layer1”中会自动插入一个的层，该层命名为“Layer3”。
（4）选择层“Layer3”，利用层的“属性”面板设置层Layer3的属性。
（五）知识讲解与操作示范（20）
创建嵌