网页设计与制作——DreamweaverMX2004邓宁10章节.pptVIP

项目十 层与行为的应用 项目提要 在设计页面布局的过程中，有些内容我们希望能够随意的放在网页的某个地方，但是利用前面学习过的各种布局方法都无法实现这种要求。但接下来我们要学习的层的使用，就可以实现布局时任意排布文字、图片等网页素材。我们平时在浏览网页时经常会看到一些对话框探出来，或者看到一些广告信息漂浮在页面上，这些效果是怎么实现的呢？其实通过Dreamweaver中的行为和事件，配合时间轴，就可以实现上述的效果了。 学习目标 掌握创建和使用层的方法； 掌握转换表格和层的方法； 掌握使用时间轴创建层动画的方法； 掌握行为面板的使用方法； 理解常用事件及其意义； 掌握Dreamweaver中内置动作的使用方法。 任务一 使用层 层是一种HTML页面元素，可以将它定位于页面的任意位置。层可以包含文本、图像和其他任何可放入HTML文档正文中的内容。利用Dreamweaver，可以在不进行任何JavaScript或HTML编码的情况下放置层。可以将层前后放置、隐藏某些层而显示其他层，以及在屏幕上移动层。利用层可以非常灵活地放置内容。若要确保所有人都能够完美地查看Web页，可以使用层设计页，然后将层转换为表格。 操作一 创建并应用层 操作一 创建并应用层 任务二 添加行为和事件 行为是Dreamweaver中的一个重要部分，通过行为可以在网页上制作出一些简单的交互效果。行为由两个部分组成，即 Event（事件）和 Action（动作），通过事件的响应进而执行对应的动作。 任务二 添加行为和事件 1、认识“行为”面板 任务二 添加行为和事件 2 、认识事件 onDblClick：双击选定元素将触发该事件。 OnClick(NS3、NS4、IE3、IE4、IE5)：单击选定元素（如超链接、图片、影像、按钮）将触发该事件。 onKeyDown（NS4、IE4、IE5）：当用户按下任何键时即触发该事件。 onKeyPress（NS4、IE4、IE5）：当用户按下并释放任意键时触发该事件。它相当于onKeyDown与onKeyUp事件的联合。 onKeyUp（NS4、IE4、IE5）：按下键后释放该键时触发该事件。 Onload(NS3、NS4、IE3、IE4、IE5)：当图片或页面完成装载后触发该事件。 onMouseDown (NS4、IE4、IE5)：当用户按下鼠标键时触发该事件。 onMouseMove (NS4、IE4、IE5)：当鼠标指针停留在对象边界内时触发该事件。 onMouseout（NS3、NS4、IE4、IE5）：当鼠标指针离开对象边界时触发该事件。 onMouseOver（NS3、NS4、IE3、IE4、IE5）：当鼠标指针自次移动指向特定对象时触发该事件。该事件通常用于链接。 onMouseUp（NS4、IE4、IE5）：当按下的鼠标键被释放时触发该事件。 onstart（IE4、IE5）：当编辑框中的内容开始循环时触发该事件。 onsubmit（NS3、NS4、IE3、IE4、IE5）：确认表单时触发该事件。 onUnload（NS3、NS4、IE3、IE4、IE5）：离开页面时触发该事件。 任务二 添加行为和事件 3、 认识动作 “调用 JavaScript”：此动作允许用户使用“行为”面板指定当发生某个事件时应该执行的自定义函数或Javascript代码行。 “改变属性”：此动作可更改对象某个属性的值。 “拖动层”（NS 3.0 F、IE 3.0 F）：利用该动作允许用户拖动层。 “转到 URL”：在当前窗口或指定框架打开一个新页面。 “跳转菜单”（IE 3.0 F）：当用户通过选择“插入”→“表板对象”→“跳转菜单”命令创建了一个跳转菜单时，Dreamweaver将创建一个menu对象，并为其附加行为。在“行为”面板中双击“跳转菜单”动作可编辑跳转菜单。 “打开浏览器窗口”（IE 3.0 F）：在新窗口中打开 URL，并可设置新窗口的属性、特性和名称。 “播放声音”（IE 3．0 F）：用此动作可播放声音。但浏览器需要某种附加的音频支持（例如音频插件）来播放声音，因此，具有不同插件的浏览器所播放的声音的果会有所不同。 “弹出消息”：显示带指定信息的Javascript警告。 “设置层文本”（NS 3.0 F、IE 3．0 F）：利用指定内容取代现存层中的内容及格式。 “设置状态栏文本”：在浏览器左下角的状态栏中显示信息。 “设置文本域文本”：利用指定内容取代表单编辑框中内容。 “显示一隐藏层”（NS 3.0 F、IE 3．0 F）：此动作可显示、隐藏或恢复一个或多个层的默认可见性。常用于在用户与网页进行交互时显示信息。 “交换图像”（IE 3．0 F）：此动作通过更改 IMG标签的 SRC