课件：hxzdw层.ppt

THANK YOU SUCCESS * * 可编辑 层的显示和隐藏 在层中可插入所有的网页元素，若想控制层内元素的显示与隐藏可通过改变层的可见性来实现。 单个层的显示和隐藏 多个层的显示和隐藏 单个层的显示和隐藏 在Dreamweaver 8中可通过“层”面板和属性面板对层的显示或隐藏进行控制。 多个层的显示和隐藏 更改多个层的可见性可在“层”面板中设置，单击该列顶部标题的“眼睛”图标，设置所有的层的显示或隐藏。要将子层设置为“继承”父层的属性则需在属性面板中设置。 层名的变更 层的名称并非固定不便，为了制作网页时方便工作，可以将层名更改为容易理解和记忆的名称，变更层的名称有以下两种方法。 在“层”属性面板的“层编号”文本框中输入层的名称。 在“层”面板中设置层的名称。 层的堆叠和删除 层的堆叠设置 用属性面板设置层的堆叠 用“层”面板设置层的堆叠 使用菜单命令设置层的堆叠 层的删除 用属性面板设置层的堆叠 在“层”面板或文档编辑区中选择一个层。 在“层”属性面板的“Z轴”文本框中输入一个较大的数字将该层在堆叠顺序中上移，输入一个较小的数字可将该层在堆叠顺序中下移。 用“层”面板设置层的堆叠 选择[窗口]?[层]菜单命令或按【F2】键打开“层”面板。 选择要改变堆叠顺序的层，将层向上或向下拖至所需的位置时释放鼠标即可。 THANK YOU SUCCESS * * 可编辑 使用菜单命令设置层的堆叠 在“层”面板或文档编辑区中选择一个层。 选择[修改]?[排列顺序]子菜单中的“移到最上层”或“移到最下层”命令即可。 层的删除 当不需要某层时，就应将该层删除。在“层”面板或文档编辑区中选择需删除的层，然后按【Delete】键或选择[编辑]?[清除]菜单命令，还可以在层上单击鼠标右键，在弹出的快捷菜单中选择“删除标签”命令，将层删除。如果将嵌套层中的父层删除，则其下包含的所有子层也将同时被删除。 层与表格的相互转换 将层转换为表格 将表格转换为层 将层转换为表格 层和表格都是对网页进行精确定位的工具，用层定位比表格定位使用起来更加方便，但层只有在Internet Explorer 4.0或Netscape Navigator 4.0以上的版本中才能够正确显示。表格对浏览器的版本高低没有要求，如果要使设计的网页在更低版本的浏览器中也能被正确显示，那么可将用层设计的网页转换为表格形式。 将表格转换为层 在网页制作中，表格的灵活性没有层的灵活性强，为了方便调整一些元素的位置，可将表格转化为层。由于层能定位到网页中任何位置，所以将表格转换为层后可以方便定位网页元素的位置。 上机实战 本课上机实战将用层布局一个公司主页，其效果如图8-20所示。本主页主要由导航栏、公司徽标、新书预告、消息简介和版权信息5个部分组成，制作过程中采用从上到下，从左到右的方法制作。 具体操作如下。 （1）新建一个为“层布局示例站点”的新站点，设置本地文件夹的位置为E:\Layer，并在该文件夹下建立一个名为pic的文件夹用以放置本网页所需的图片。 图8-20 （2）新建一页面，命名为index.htm，在“文档”工具栏的“标题”文本框中输入“层布局示例页面”以作为本页页面的标题。 （3）在“插入栏”的“布局”选项卡中，单击 按钮，在文档编辑窗口中拖动以创建第一个层（属性面板设置如图8-21所示），并在其中插入如图8-22所示的导航条。 图8-21 图8-22 （4）单击 按钮，在导航条所在层的下面绘制第2个层（属性面板设置如图8-23所示），并在其中插入如图8-24所示的公司LOGO图片。 （5）单击 按钮，在第2个层下面的左侧绘制第3个层（属性面板设置如图8-25所示），在其中插入如图8-26所示的4行1列表格（表格宽度为100%，边框粗细为0，单元格边距为0，单元格间距为0）。 （6）将光标定位到刚插入表格的第1个单元格中，插入如图8-27所示的背景图片，该单元格所对应的属性面板如图8-28所示（单元格高为29px）。 图8-23 图8-24 图8-25 图8-27 图8-26 图8-28 图8-30 图8-29 （7）在“插入”栏的“表单”选项卡中，单击“表单”按钮 以在第1个单元格中插入1个表单域。 （8）在第1个