文档介绍：网页设计
编辑课件
版 式
布 局
利用层精确定位网页元素作后的效果如下：
------利用层布局页面板面
编辑课件
给出的网页如下：
实践技能训练2--------利用层制作下拉菜单
编辑课件
制作后的效果如下：
实践技能训练2--------利用层制作下拉菜单
编辑课件
时间轴通过在不同的时间改变层的位置、大小、可见性和叠放顺序可以实现动画效果。这就是动态HTML的表达方式，也是Dreamweaver8-0强于其它网页编辑器的地方。
“时间轴”只能对“层”发生作用，因此，如果要产生动画效果，首先要创建层，再将图像、文本等内容插入到层中，然后通过层来移动这些元素。
在Dreamweaver8-0中为我们提供了时间轴的功能，它是将动态的DHTM功能转换为类似动画编辑的时间轴概念，可以非常方便地设定对象在页面中的运动。
编辑课件
1、“时间轴”面板
2、创建时间轴动画
3、修改时间轴
4、使用多个时间轴
5、拷贝和粘贴动画
6、将动画序列应用于另一对象
7、重命名时间轴
8、时间轴动画小技巧
编辑课件
1.“时间轴”面板
“时间轴”弹出式菜单：指定当前在“时间轴”面板中显示文档的哪些时间轴。
播放栏：显示当前在“文档”窗口中显示时间轴的哪一帧。
帧编号：指示帧的序号。“后退”和“播放”按钮之间的数字是当前帧编号。每秒 15 帧这一默认设置是比较适当的平均速率，可用于在通常的 Windows 和 Macintosh 系统上运行的大多数浏览器。
上下文菜单：包含各种与时间轴相关的命令。
“行为”通道：是应该在时间轴中特定帧处执行的行为的通道。
动画条：显示每个对象的动画的持续时间。一个行可以包含表示不同对象的多个条。不同的条无法控制同一帧中的同一对象。
关键帧：是动画条中已经为对象指定属性（如位置）的帧。Dreamweaver 8会计算关键帧之间帧的中间值。小圆标记表示关键帧。
“动画”通道：显示用于制作层和图像动画的条。
--时间轴的概念
编辑课件
后退至起点：将播放栏移至时间轴中的第一帧。。
后退：将播放栏向左移动一帧。单击“后退”并按住鼠标按钮可向后播放时间轴。
当前帧序号： 当前所在帧。
播放：将播放栏向右移动一帧。单击“播放”并按住鼠标按钮可向前播放时间轴。
自动播放：使时间轴于当前页在浏览器中加载时自动开始播放。“自动播放”将一个行为附加到页的 body 标签，该行为在页加载时执行“播放时间轴”操作。
循环：使当前时间轴于页在浏览器中打开时无限地循环。“循环”在动画的最后一帧之后将“转到时间轴帧”行为插入到“行为”通道中。在“行为”通道中双击该行为的标记可编辑此行为的参数并更改循环的次数。
--时间轴面板
编辑课件
定义完时间轴的基本组成部分后，可以进行一些更改，如添加和删除帧、更改动画开始时间等。要修改时间轴，请执行以下任一操作：
若要使动画的播放时间更长，请将结束帧标记向右拖动。动画中的所有关键帧都会移动，以保持它们的相对位置不变。若要阻止其他关键帧移动，请按住 Ctrl 键并拖动结束帧标记。
若要使层更早或更晚地到达某一关键帧位置，请在动画条中将关键帧向左或向右移动。
若要更改动画的开始时间，请选择一个或多个与该动画关联的动画条（按 Shift 可一次选择多个动画条），然后向左或向右移动。
若要移动整个动画轨迹的位置，请选择整个动画条，然后在页面上拖动该对象。Dreamweaver 会调整所有关键帧的位置。在整个动画条上所做出的任何更改将更改所有关键帧。
若要在时间轴上添加或删除帧，请选择“修改”>“时间轴”>“添加帧”或“修改”>“时间轴”>“删除帧”。
若要使时间轴于页在浏览器中打开时自动播放，请单击“自动播放”。“