网页设计课件第8章11.ppt

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