中文版Dreamweaver8实用教程1123转换表格和层.PPTVIP

第11章 层的使用 11.1 教学目标 11.2 理论指导 11.2.1 使用层 11.2.2 管理层 11.2.3 转换表格和层 11.2.4 设置层参数 11.3 上机实验 中文版Dreamweaver 8实用教程 层(Layer)，有电脑美术设计知识的用户一定清楚它的强大功能：不同的层可以并存、可以重叠，不同层上的内容在一定的设置下可以分别显现出来，从而达到非常玄妙的设计目的。层是一种HTML页面元素，通常由DIV标记说明。层可定位在页面上的任意位置，并且其中可包含文本、图像、表单等所有可直接用于文档的元素。 在Dreamweaver中，用户可以将层前后放置，隐藏或显示，以及在屏幕上移动，还可以制作许多网页效果，而不必再使用任何JavaScript或HTML编码就可以实现。 掌握知识：通过本章的学习，读者应了解并掌握插入层的基本方法，并能够编辑插入到文档中的层，设置它们的属性。 重点学习：本章重点讲解了创建层、管理层以及在Dreamweaver中转换层和表格的方法。 课后读者应结合上机操作进行强化练习。 使用层 管理层 转换表格和层 设置层参数 在Dreamweaver中，用户可以通过在网页文档创建层，再将页面元素放置于层中，来精确定位插入的页面元素，并可以控制元素的上下顺序、显示或隐藏，甚至可利用时间线同时在屏幕上移动一个或多个层。 认识层 创建层及嵌套层 显示层面板 认识层的HTML代码 加入“显示/隐藏层”行为指令 使用“设定层文字”行为指令 通俗地讲，层就象是含有文字或图形等元素的胶片，一张张按顺序叠放在一起，组合起来形成页面的最终效果。层可以将页面上的元素精确定位，其中可以加入文本、图片、表格、插件，也可以再嵌套其他层。 使用“层”面板可以管理文档中的层。要打开”层”面板,可以选择“窗口”|“层”命令，或者是按下F2快捷键即可。 层属性的一个重要功能就是显示/隐藏层，该功能是制作动画的基本属性.用户在制作网页的过程中，要设置层的显示/隐藏层可以选择“窗口”|“行为”命令，打开“行为”面板，单击“行为”面版中的”+”按钮，在弹出的菜单中选择“显示-隐藏层”命令，在打开“显示-隐藏层”对话框中设定显示/隐藏层。 用户在创建层的过程中还可以使用“设定层文字”行为指令，为创建的层效果设定文字导览。要设定层文字指令，可以在 “行为”面板中单击”+”按钮，在弹出的快捷菜单中选择“设置文本”|“设置层文本”命令。然后在打开的“设置层文本”对话框中的 “层”下拉列表中选择层名称，并在“新建HTML”列表框中输入文字内容后，单击“确定”按钮即可。 网页文档中处理页面布局时，选择任一个层后，可以对该层进行移动、大小调整、对齐、设置可见性和重叠顺序等操作。 选择层 调整层的大小与对齐方式 移动层 将层对齐网格 删除层及复制层 改变层的重叠顺序 设置层属性 要对层进行操作，首先要选择层。在Dreamweaver中，选择层的方法有以下几种。 在“层”面板中，单击层名称，这时选择的层就会出现控制点，表示选中。 将鼠标移到层的边框处，当鼠标变成十字形时，单击。 单击文档窗口中的层锚记，可选中对应的层。如果层锚记没有显示出来，可在“首选参数”对话框的“不可见元素”类别中，选中“层锚记”复选框。 如果要选中多个层，可按下Shift键，然后在层面板或是文档窗口中直接单击要选择的层边框即可。 层可以重叠是其一大特色，因此设置层与层之间的重叠顺序也变的相当重要，不然的话，层可能就会杂乱无章的重叠。 要对层的重叠顺序进行设置。可以选择“窗口”|“层”命令，或是按F2快捷键，显示“层”面板。然后在“层”面板中改变层的重叠顺序。 要设置层的属性，可在网页文档中选择一个层，然后选择“窗口”|“属性”命令，显示层的属性检查器 。 在Dreamweaver中，许多用户喜欢使用层和表格来设计页面布局。Dreamweaver允许用户使用层来创建布局，然后再把层转换为表格，以使网页能够浏览器中正确浏览。并且，用户也可以将网页中的表格转换为层。 将表格转换为层 将层转换为表格 防止层的重叠 在网页文档中，选择“修改”|“转换”|“表格到层”命令，打开“转换表格为层”对话框，可以把表格转换为层。 在网页文档中，按住Shift键在文档中选择需要转换为表格的层，然后选择“修改”|“转换