动态网页技术教学讲义

▪ 翻滚图是指最简单的一种动态网页效果。 （当鼠标移动到一幅图片上时，鼠标指向的 图片会立即更换为另外一幅图片，当鼠标移 出图范围片时，又换回原来的图片）
▪ 步骤：插入/图像对象/鼠标经过图像
百度文库实例
用等时线制作DHTML动画
▪ 准备图层
• 一个大图层（世界地图）六个小图层（各洲名称（更改洲图层的名 称、做完动画隐藏））
• 一个小图层（gif动画）
▪ 使图层动起来
• 打开时间轴面板/拖动动画图层到时间轴（*拖动图层）/将尾帧拖到 100帧/增加关键帧（5个）拖动图层到相应的洲位置。
▪ 加入行为
• 单击时间轴的B轴对应关键帧位置/行为/添加行为/显示隐藏层，进 行相应的设置
多媒体对象
----网页设计与制作
在网页中使用声音和视频
▪ 行为的过程
• 是先发生事件，从而执行动作，例如：单击按钮（事件），弹出一 个对话框（动作）。
具体行为示例
▪ 弹出消息
• 行为/添加/弹出消息（事件改为onload）
▪ 在状态栏显示消息
• 选择链接的对象/行为/设置文本 /设置状态栏文本
▪ 打开浏览器窗口
• 添加行为/打开浏览器窗口
翻滚图（鼠标经过图像）
▪ 声音
• 背景音乐 • 将声音作为链接文件 • 直接将声音嵌入到网页
▪ 视频
• 作为超链接文件 • 嵌入到网页
动态网页技术
----网页设计与制作
Dreamweaver 中 的 行 为
▪ 行为是动作和事件的组合
• 事件：指“做了什么事”，如单击鼠标、移动鼠标、移动鼠标到对 象上或双击鼠标等。
• 动作：是指“引发什么动作”，如引发打开浏览器窗口、播放声音、 弹出信息提示框等。
• 动作的实质是：dreamweaver提供了许多标准的javascript程序， 这些程序被称为动作（action）每个动作都可以完成特定的任务。