Dreamweaver8ppt教程第08章.ppt

第1页 Dreamweaver 8 入门与实例教程 第08章 使用层 □ 本章知识点及学习目标 本章从层的基础知识开始讲起，为读者介绍了层的创建、层的基本操作和属性设置。另外还介绍了表格与层的关系，表格与层的相互转换是网页的布局更加灵活、高效。关于层的相关内容本章没有完全讲完，还有一部分讲在本书的第12章中接续介绍与层相关的内容。 本书内容概览 8.1层的基础知识 8.2创建层 8.2.1创建普通的层 8.2.2创建嵌套层 8.3层的基本操作 8.3.1选择层 8.3.2调整层大小 8.3.3插入层对象 8.3.4移动层 8.3.5对齐层 8.3.6把层转换成表格 8.3.7把表格转换成层 8.4设置层属性 8.4.1单个层的属性 8.4.2多个层的属性 8.5实战演练 8.5.1 范例1 阴影文字 8.5.2 范例2 利用层制作个人简介 8.6 思考与练习 8.1层的基础知识 层在Dreamweaver中有其特殊的意义，使用过Photoshop的用户或许会联想到Photoshop中的层，但是Dreamweaver中的层与其不用。在众多的网页编辑软件中，只有Dreamweaver拥有层这一功能。下面列举出Dreamweaver中的层的一些主要功能。 （1）有了层以后，可以将元素置于层中，因为层是可以重叠的，所有就可以产生许多重叠效果。 （2）可以利用层来精确定位网页元素。可以包含文本、图像甚至是嵌套的其他层。 （3）层还有非常特殊的功能，就是配合时间轴可以使层实现自动移动和变化。这样就可以在层中放置些图片或者文本，制作出动画效果。 （4）层可以和表`格实现相互转换，为不支持层的浏览器提供恶劣解决方案。 （5）层可以显示和隐藏，利用这一功能可以实现网页导航中下拉菜单的制作。 8.2创建层 在开始正式学习层，先来层的创建。创建层包括创建普通的层和创建嵌套的层。 8.3层的基本操作 8.3.1选择层 8.3.2调整层大小 8.3.3插入层对象 8.3.4移动层 8.3.5对齐层 8.3.6把层转换成表格 8.3.7把表格转换成层 8.4设置层属性 创建复杂的页面布局，灵活而恰当的使用层是一种很好的选择。把页面元素放入层中，然后拖动层，这样就很容易定位它们。要正确运用层来设计网页，必须了解层的属性和设置方法。 8.5 实战演练 通过前面的学习，我们已了解了层的创建、层的基本操作和属性设置。下面就来学习如何运用层及其特效制作阴影文字和利用层制作能自动显示的个人简介。 8.5.1 范例1 阴影文字 页面中有一行带阴影的文字。只要在两个层内输入相同的文本，然后将文本设置为不同的颜色，最后把层叠加、错位，便可产生这种阴影效果。 8.5.2 范例2 利用层制作个人简介 当鼠标移动到【个人简介】文本上时，文本的右边会出现菜单。当移开鼠标时，菜单便消失。 实例中使用了层的添加、行为的添加等操作。 8.6 思考与练习 1. 简答题 （1）简述层的概念及其使用特点是什么？ （2）简述层都有那些基本操作？ （3）简述实现层与表格相互转换的方法是什么？ （4）层的嵌套和表格的嵌套有什么不同？ 2. 操作题 （1）画出多个层，并将多个层对齐。 （2）利用层布局一个首页面的框架结构，然后将层转换成表格。 本节学习结束 第1页 第1页 * 主 讲：—— 祝：大家学习愉快 ■层的基础知识 ■创建普通的层 ■创建嵌套层 ■选择层 ■调整层大小 ■插入层对象 ■移动层 ■对齐层 ■把层转换成表格 ■把表格转换成层 ■设置单个层的属性 ■设置多个层的属性 8.2.1创建普通的层 8.2.2创建嵌套层 8.4.1单个层的属性 8.4.2多个层的属性 第1页