网页设计与制作 第10章 层与时间轴.ppt

第10章 层与时间轴 本章导读 本章介绍了层与时间轴的相关知识，主要内容包括：如何创建和使用层；对层的基本操作；层与表格之间的互相转换；最后简单介绍了时间轴的使用。 本章要点 ?层的创建与使用 层的基本操作 层与表格的相互转换 时间轴的使用 层是CSS中的定位技术，在Dreamweaver中对其进行了可视化操作。文本、图像、表格等元素只能固定其位置，不能互相叠加在一起，而层可以放置在网页文档内的任何一个位置，层内可以放置网页文档中的其他构成元素，层可以自由移动，层与层之间还可以重叠。层体现了网页技术从二维空间向三维空间的一种延伸，综合层和行为的使用还可以制作出动画效果，而不必使用任何JavaScript或HTML代码。 10.1 层的创建与使用 在Dreamweaver 8中，可以通过层来设计网页的布局，实现对隐藏和显示的控制。还可以在文档设计视图中移动层，以及在两个层中设置层的背景图像。利用层可以让位置的设置变得更加灵活和机动，同时还可以实现层和表格的相互转换。在网页中放置层时，代码以div/div标签实现。 10.1.1 创建层 在网页中创建层的步骤如下： （1）在工具栏中选择“布局”分类，单击工具面板中的第3个按钮，如图1所示。 图1 （2）或选择菜单命令【插入》布局对象》层】，此时在文档中出现