Dreamweaver8学案.ppt

3.8.3 行为的概述 2.常用事件的种类（参照教材表格） 窗口事件 键盘和鼠标的事件 表单事件 其他事件 3.行为动作的类型（参照教材表格） 4.行为面板 选择“窗口”|“行为”菜单命令，或按Shift+F4键打开“行为”面板。在Dreamweaver中，通过使用“行为”面板为页面元素附加行为或修改以前所附加行为的参数。“行为”面板如图所示： 3.8.3 行为的概述 5.行为的应用 选择网页中要附加行为的对象（例如图像或链接），然后在“行为”面板中单击“添加行为”按钮，从弹出菜单中选择要附加的行为。当选择某个动作时，将会弹出一个相应的对话框，显示该动作的参数和说明。在对话框中进行参数设置后，单击“确定”按钮，即可完成附加行为的操作，如图所示。 3.8.3 行为的概述 6.修改行为事件 添加行为后，用于触发该动作的默认事件会显示在“行为”面板“事件”栏中。在“事件”栏中单击要应用的事件，然后单击该事件右侧出现的下拉按钮，在弹出的下拉列表框中选择另一个事件，即可修改触发的事件。 3.8.4 层和行为应用实例 1.制作“播放音乐” 和“改变属性”的行为网页 2.添加“弹出信息框”、“设置状态栏文本”和“打开浏览器窗口”行为的网页 （具体操作步骤详见教材） 3.8.5 上机实训 实训要求： 层与行为在网页中的各种应用 实训目的： 层与行为在网页中的各种类型 理解层的概念及两者的联系 返回 3.9 时间轴的应用 本节知识 时间轴的概念 时间轴的实例 在Dreamweaver 8中，可以不使用ActiveX控件、插件或Java程序，而在“时间轴”面板中创建一系列帧，然后改变每帧中层的位置、尺寸、可见性及重叠顺序等属性，从而创建出动画效果，或者利用时间轴在特定的时间改变层中的对象或执行特定行为。 3.9.1 案例 制作“动画”网页 利用时间轴面板制作层动画效果，网页的效果如图所示 知识要点 “时间轴”面板 修改关键帧层的位置 （实战步骤详见教材） 3.9.2 时间轴 1.时间轴的概念 利用时间轴可以通过在不同的时间改变层的位置、大小、可见性和叠放顺序等来创建动画。其原理是将画面连起来播放，产生运动的效果。 时间轴动画的基本单位是一个画面，也叫帧，而其中起关键性作用的、可以影响整个动画的帧叫做关键帧。很多帧按照时间的先后顺序连接起来，就形成了动画。因此说：时间轴就是用来排列画面顺序的。 2. “时间轴”面板 时间轴面板能够显示层和图像随时间变化的属性。 选择“窗口”|“时间轴”命令，即可显示时间轴面板，如图所示 时间轴弹出式菜单 行为通道 播放头 向后跳进 后退 当前帧 播放 播放速度 帧编号 动画条 关键帧 动画通道 3.9.2 时间轴 3.创建时间轴动画 所谓时间轴动画，就是在浏览器浏览网页时让一个层随时间的变化而不断的改变它的位置。创建时间轴动画的步骤为： ①添加对象到时间轴 在页面上插入一个层，并在层中插入要移动的元素，再把层移到动画的起始位置，然后选择要制作动画的层，再选择“修改”|“时间轴”|“增加对象到时间轴”命令，或者直接用鼠标左键按住层的“选择柄”，将层直接拖到时间轴，如图所示。 并在弹出的提示对话框中单击“确定”按钮，此时层“Layer1”就添加到时间轴的第1～15帧上，如图所示：一个动画条便出现在时间轴的第一个通道内。 3.9.2 时间轴 ②记录层路径 选择所需的层后，将该层移动到动画的起始处，并保证该层被选择状态，选择“修改”|“时间轴”|“录制层路径”命令，然后再页面上拖动层，即可创建想要的运动路径，如图所示。 在动画停止时释放鼠标键，弹出提示用户，时间轴面板可以变动的层属性的提示对话框，单击其中的“确定”按钮，即会添加一个动画条到时间轴中，同时也添加了适当数量的关键帧。此时，若勾选时间轴面板上的“自动播放”选项，打开网页时就会直接自动播放该动画。若勾选时间轴面板上的“循环”选项，该动画的播放就会循环往复进行。用浏览器预览，就会看到这个层随着制作的路径漂移的效果。 3.9.2 时间轴 4.修改时间轴 添加和删除帧—在时间轴面板中，将播放头放置时间轴上在要添加或删除帧的位置，选择“修改”|“时间轴”|“添加帧”或“移除帧”命令。 改变关键帧的位置---在时间轴面板的动画条中左右拖动要改变位置的关键帧标记。 改变动画的起始时间---选择与要改变的动画相应的动画条，左右拖动此动画条。 改变动画路径的位置---在时间轴面板中选择该路径位置的动画条，然后在页面上拖动该动画所对应的对