网页制作行为与时间轴及其应用
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2021/3/3
7
例2 双击层1，改变状态栏中显示的文字。
layer1
2021/3/3
8
例3 拖动层。 选中整个<body>……</body>
2021/3/3
9
9.2 Dreamweaver 8 内置的动作和事件
Dreamweaver 8中自带了很多动作，使用它们可以在网 页中设计出各种效果。在本节中列出的动作是Netscape 6.0、 Internet Explorer 6.0及以上版本支持的动作。在【行为】面 板的【动作】菜单中各项的意义如下所述。
（1） 选中网页中的一个对象，
该对象可以是图像、文本或层。
（2） 选择【窗口】|【行为】命
令，打开【行为】面板。
（3） 单击【行为】面板上的按
钮，屏幕显示【动作】（Action）
菜单。根据需要选择其中一种动
作，并在对话框中设置该动作的
参数。
（4） 选择【显示事件】命令，
并在【显示事件】级联菜单中选
择一种合适的浏览器。
事件：是完成某一动作的具体方式； 动作：指在浏览网页时可完成的一些特殊功能；
在浏览带有行为的交互网页时，当某一事件被响应 后便会触发执行相对应的动作。
对象
附加
一个事件可以触发多个动作
指定动作触发的先后次序
行为
2021/3/3
2
9.1.1 行为面板及其使用方法
在网页中为页面对象添加和修改行为，可使用【行
9.4 用时间轴改变图像和层的属性 9.4.1 用时间轴控制层的可见性 9.4.2 用时间轴控制图像替换 9.4.3 用时间轴改变层的叠放次序 9.4.4 多条时间轴的管理
9.5 行为和时间轴的应用实例
2021/3/3
1
9.1 行为的概述
行为——以某种方式完成的动作，在网页设计中 通过行为可以实现浏览者与计算机的人机交互。
第9章 行为与时间轴及其应用
9.1 行为的概述 9.1.1 行为面板及其使用方法 9.1.2 添加和修改行为 9.1.3 行为的简单应用
9.2 Dreamweaver 8 内置的动作和事件
9.3 时间轴的概述 9.3.1 使用时间轴面板 9.3.2 创建时间轴动画 9.3.3 生成和编辑动画路径 9.3.4 在时间轴中加入行为
7 【播放声音】： 在网页中加入音乐。
8 【改变属性】： 通过设定的动作触发行为，动态改变对 象属性值。
2021/3/3
11
9 【时间轴】级联菜单中有以下3个命令。 【播放时间轴】： 可以启动播放时间轴动画。 【停止时间轴】： 可以停止播放时间轴动画。 【转到时间轴帧】： 此动作可以转到时间轴动画的某个
2来自百度文库21/3/3
5
9.1.3 行为的简单应用
例1 设计制作一个符合下列要求的网页文件。 （1） 在网页中创建2个层，在层Layer1中插入图片1，在 层Layer2插入图片2。 （2） 隐藏层Layer2。 （3） 在浏览该页面时，只显示层Layer1的图片1。当鼠 标指向该图片时，显示图片2； 移开鼠标时，隐藏图片2。
1 【交换图像】：通过改变IMG标记的SRC属性，改变图像。 利用该动作可创建活动按钮或其他图像效果。
2 【弹出信息】：可以很方便地在网页上显示带指定信息的 JavaScript对话框。
3 【恢复交换图像】: 用于将在Swap Image动作中设置的后一张 图片，恢复为前一张图片。此动作会自动 添加在链接了Swap Image动作的对象中。
layer1
layer2
2021/3/3
6
◆插入层layer1和layer2，并在层中插入相应的图片； ◆打开【层】面板，选中层Layer2，该层的属性设置为不可见。
◆◆按选给快层中捷该La键y行eSrh为i1ft添，+加并F4【单，显击打示事开-【件隐行列藏为表层】中】面下的板三动。角作选形。中按在层钮弹La，出ye在的r1菜，【单单显中击示行选-隐 为层单择当藏该添】击事鼠层层加对【件标】。按话确【 指 对 选钮框定在 话 择o，中】n层 框 事M选按选o中 件L择钮中auy选 【s，【层eerO中o1【显Lnva上层eMy显示er时】oLr示-2a隐u，，y，s-e藏隐e显并rO其2层藏u示，单意t】层】击层并义动】，【L单为a作的其y显击“e动，意示r【鼠2作在。义】隐标被弹此为按藏指添出钮时“】向加的设层鼠按对到【置L标钮a【显象显y移设e行示”示r去2置为-，隐中该”隐】表藏层图，藏示。 面像表板示2被中当。显鼠示标。从层Layer1上移去时，隐藏层Layer2。
2021/3/3
4
（5） 在【事件】（Event）菜单中显示 当前动作的默认事件，单击该事件后， 【行为】面板的当前事件中会出现一个 下拉三角形按钮，单击该下拉三角形按 钮，屏幕显示【事件】级联菜单,可从该 菜单选项中选择一种事件来代替默认事 件。
网页中一个对象附加了行为后，可 以根据需要利用【行为】面板修改触发 动作的事件，添加、删除及修改动作的 参数。
2021/3/3
10
4 【打开浏览器窗口】： 在触发该行为时打开一个新的浏 览器窗口，并在新窗口中打开URL地址指定的网页。还可 设置新窗口的尺寸，是否显示导航条、滚动条等属性。
5 【拖动层】： 允许用户用该动作完成拖动层的操作。
6 【控制Shockwave或 Flash】： 利用该动作可控制 Shockwave或Flash动画的【播放】、【停止】、【倒带】 或指定【前往帧】等操作。
指定的帧，然后开始播放时间轴动画。在时间轴面板的行为 通道中设置此动作及时间轴动画的某部分循环播放的次数。
10【显示隐藏层】： 显示、隐藏一个或多个层的可见性， 这个动作在与浏览者交互信息时是非常有用的。
11【显示弹出式菜单】： 该行为用来创建或编辑Dreamweaver 弹出式菜单，或者打开并修改已插入Dreamweaver文档的 Fireworks弹出式菜单。
为】面板。选择【窗口】|【行为】命令，或按Shift+F4
快捷键，也可以单击状态栏中的按钮，便可打开【行为】
面板。 添加行为
删除行为
显示所有事件
行为先后次 序调整按钮
显示设置事件
事件列表
动作列表
2021/3/3
3
9.1.2 添加和修改行为
利用【行为】面板可在网页 中添加、修改行为。给网页对象 添加行为的步骤如下。