网页设计教程全集第八章(共十六章)

将层转换为表格
层和表格都是对网页进行精确定位的工具， 用层定位比表格定位使用起来更加方便，但层 只有在Internet Explorer 4.0或Netscape Navigator 4.0以上的版本中才能够正确显示。表格对浏览 器的版本高低没有要求，如果要使设计的网页 在更低版本的浏览器中也能被正确显示，那么 可将用层设计的网页转换为表格形式。
层的建立
将插入点放置在“文档”编辑窗口中，然后 选择[插入][布局对象][层]菜单命令将自动 在插入点插入一个层。 在“插入栏”的“布局”插入栏中单击“绘 制层”按钮，拖动鼠标绘制一个层。 在“插入栏”的“布局”插入栏中单击“绘 制层”按钮，在文档编辑窗口中单击鼠标可 绘制一个层。 在“插入栏”的“布局”插入栏中单击“绘 制层”按钮，按住【Ctrl】键往需要精确定 位层的位置，这就需要对创建的层 进行移动。
对齐层
在网页制作中常常需要将某些层按照一定的规 定对齐。在进行层的对齐操作时，嵌套层中所有子 层并不参与层的对齐操作，它们只随父层的移动而 移动，并始终与父层保持相对的固定位置。
层大小和属性设置
层大小的设置
设置单个层的大小 设置多个层的大小
设置多个层的大小
在文档编辑区选择两个或多个层，选择 [修改][排列顺序][设成宽度相同]菜单 命令或[修改][排列顺序][设成高度相 同]菜单命令。首先选择的层将自动调整 为最后一个选择的层相同的宽度或高度。 在文档编辑区选择两个或多个层，再在 属性面板中的“多个层”栏中输入宽度 和高度值，这些值将应用于所有选择的 层。
设置单个层的属性
在“属性”面板中进行设置。
设置多个层的属性
在“属性”面板中进行设置。
层的显示和隐藏
在层中可插入所有的网页元素， 若想控制层内元素的显示与隐藏可 通过改变层的可见性来实现。 单个层的显示和隐藏 多个层的显示和隐藏
单个层的显示和隐藏
在 Dreamweaver 8 中可通过“层” 面板和属性面板对层的显示或隐藏进行 控制。
用“层”面板设置层的堆叠
选择[窗口][层]菜单命令或按【F2】键打开 “层”面板。 选择要改变堆叠顺序的层，将层向上或向下拖 至所需的位置时释放鼠标即可。
使用菜单命令设置层的堆叠
在“层”面板或文档编辑区 中选择一个层。 选择[修改][排列顺序]子菜单 中的“移到最上层”或“移 到最下层”命令即可。
层的删除
当不需要某层时，就应将该 层删除。在“层”面板或文档编 辑区中选择需删除的层，然后按 【Delete】键或选择[编辑][清除] 菜单命令，还可以在层上单击鼠 标右键，在弹出的快捷菜单中选 择“删除标签”命令，将层删除。 如果将嵌套层中的父层删除，则 其下包含的所有子层也将同时被 删除。
层与表格的相互转换 将层转换为表格 将表格转换为层
层的堆叠和删除
层的堆叠设置
用属性面板设置层的堆叠 用“层”面板设置层的堆叠
使用菜单命令设置层的堆叠
层的删除
用属性面板设置层的堆叠
在“层”面板或文档编辑区中选 择一个层。 在“层”属性面板的“Z轴”文本 框中输入一个较大的数字将该层 在堆叠顺序中上移，输入一个较 小的数字可将该层在堆叠顺序中 下移。
多个层的显示和隐藏
更改多个层的可见性可在“层” 面板中设置，单击该列顶部标题的 “眼睛”图标，设置所有的层的显 示或隐藏。要将子层设置为“继承” 父层的属性则需在属性面板中设置。
层名的变更
层的名称并非固定不便，为了制作网页时 方便工作，可以将层名更改为容易理解和记忆 的名称，变更层的名称有以下两种方法。 在“层”属性面板的“层编号”文本框中输入 层的名称。 在“层”面板中设置层的名称。
选择、移动和对齐层
选择层
选择单个层 选择多个层
移动层 对齐层
选择单个层
在文档编辑区中单击层边框。 在层中单击鼠标左键，再单击该层的选择柄。 在“层”面板中单击要选择的层的名称。 按住【Ctrl+Shift】键并在层中单击即可选择 层。
选择多个层
按住【Shift】键，在需要选择 的多个层中单击，同时“层” 面板中选择的层以反白显示。 按住【Shift】键，在“层”面 板中单击要选择的多个层的名 称。
层的嵌套
层与表格相似，可进行嵌套。在某层内 新创建的层称为嵌套层或子层，嵌套层外部 的层称为父层。子层可浮动于文本编辑窗口 的任何位置，子层的大小也可以大于父层， 可根据实际需要嵌套多个层。
认识“层”面板
“层”面板是对层进行管理的场所，可以 方便地查看层的结构。要显示或隐藏“层” 面板，可选择[窗口][层]菜单命令或按【F2 】键。
层属性的设置
设置单个层的属性 设置多个层的属性
设置单个层的大小
在文档编辑区选择一个层，在出现的调整柄上按住鼠 标左键不放并拖动，当调整到适当的大小时释放鼠标 即可。 在文档编辑区选择一个层，按住【Ctrl】键的同时再 按键盘上的方向键即可按一次1个像素的步幅来调整 层大小。 在文档编辑区选择一个层，按住【Shift+Ctrl】键的同 时再按键盘上的方向键即可按一次10个像素的步幅来 调整层大小。 在文档编辑区选择一个层，以像素为单位在属性面板 中输入宽度和高度的值。
将表格转换为层
在网页制作中，表格的灵活性 没有层的灵活性强，为了方便调 整一些元素的位置，可将表格转 化为层。由于层能定位到网页中 任何位置，所以将表格转换为层 后可以方便定位网页元素的位置。
上机实战
本课上机 实战将用层布 局“悠悠音乐” 网站首页页面。 通过练习可使 读者巩固层的 创建、层的选 择、层的移动 以及层的属性 设置等操作。
第8课 在网页中应用层
课堂讲解 上机实战
课堂讲解
创建层 认识“层”面板 选择、移动和对齐层 层大小和属性设置 层的显示和隐藏 层名的变更 层的堆叠和删除 层与表格的相互转换
创建层
层的首选参数设置
层的建立 层的嵌套
层的首选参数设置
在新建层之前，通过“首选参 数”对话框中的“层”选项来设 置层的默认属性。