网页制作技术第09章.pptVIP

第 9 章 利用图层技术制作网页 9.1 认 识 图 层 9.2 图层的基本操作 9.3 层 面 板 的 应 用 9.4 图 层 与 表 格 9.5 图 层 与 时 间 轴 层是一种HTML页面元素，可以将它放置在页面的任意位置。层可以包含文本、图像或其他可放在HTML文档正文中的任何内容。 9.1 认 识 图 层 层是网页中用来放置文本、图像、动画、表单、插件等网页元素的载体。没有层的网页像一个平面，即由x轴和y轴组合成的二维空间，而层所确定的区域是在z轴上，它摆脱了二维平面的束缚，形成了一个三维空间结构，如图9-1所示。同时，层与层之间的关系也由z轴的坐标来决定。一般来说，默认后建立的层的z值大，先建立的层z值小，z值大的层可以覆盖z值小的层 。 9.2 图层的基本操作 9.2.1 创建图层 1．利用工具创建图层 2．通过菜单创建图层 3．拖动法创建图层 9.2.2 激活图层 9.2.3 选中图层 1．选中一个图层 2．选择多个图层 9.2.4 调节图层大小 1．调整单个图层的大小 2．调整多个图层的大小 9.2.5 移动图层 1．拖动层 2．利用属性面板 3．利用键盘 9.2.6 对齐图层 9.2.7 图层与网格的对齐 9.3 层 面 板 的 应 用 9.3.1 层属性面板的应用 9.3.2 层控制面板的应用 1．改变图层的可见性 2．图层的叠放次序 3．创建嵌套图层 9.4 图 层 与 表 格 9.4.1 防止图层重叠 方法一：在“层”控制面板中，请选择“防止重叠”选项。 方法二：在“文档”窗口中，选择“修改”→“排列顺序”→“防止重叠”命令。 9.4.2 把图层转换为表格 9.4.3 把表格转换为图层 9.5 图 层 与 时 间 轴 DHTML，也就是动态HTML，是一种能够具有使用脚本语言来改变样式或位置能力的语言。时间轴在网页中所获得的效果就是利用动态HTML语言来实现的。通过DHTML来改变层的属性，或是通过时间轴各帧上的一系列图像来实现动态的效果。 时间轴也叫时间线，顾名思义，它是一条贯穿时间的轴。通过在这条时间轴上不同的时间部位放置不同的内容，就可以实现网页元素的动态效果。 9.5.1 时间轴介绍 1．时间轴面板 “时间轴”弹出式菜单 “行为”通道 动画条 关键帧 “动画”通道 2．播放选项 倒带 后退 播放 播放速度 自动播放 循环 3．修改时间轴 4．重命名时间轴 5．用时间轴更改图像和层的属性 6．使用多个时间轴 9.5.2 时间轴的应用 1．拷贝和粘贴动画 2．将动画序列应用于另一对象 3．时间轴动画小技巧 9.5.3 创建时间轴动画 1．创建动画的基本方法 2．录制图层路径 * 图9-1 层在网页中的相对位置 图9-29 时间轴面板 图9-30 播放选项