清华大学版（2012） 八年级下册信息技术 课件 - 4.12 一触即发——应用行为创建动态效果 (共25张PPT)

一触即发——应用行为创建动态效果 1 一、关于Dreamweaver行为 行为有三个最重要的构成部分，分别为对象(Object)、事件(Event)和动作(Action)。对象是产生行为的主体。网页中很多的元素都可以成为对象，如网页中插入的图像、一段文字、一个多媒体文件等。对象也是基于成对出现的HTML标签的，在创建时要首先选中对象的标签。事件是触发动态效果的条件。行为是最终产生的动态效果。 三者的关系：对象在发生某事件的情况下，产生某动作。 例子：对于交换图像这一行为：图像(对象)在鼠标放置其上时(事件)，更换为另一张图像(动作)。 2 在DreamWeaver中创建行为时，这三者的顺序为： 1、选择对象 2、添加动作 3、调整事件 3 二、Dreamweaver主要内置动作 4 1、“交换图像”和“恢复交换图像” 步骤如下： （1）网页上应该有正常状态的图像，选中图像，打开行为面板。选中图像，实际上也就是选中了图像的<img>标签。 （2）添加动作 （3）设定事件 5 2、弹出信息 网页中的某些对象，在一定事件下，会弹出信息框。信息框上显示网页制作人员预先输入的信息。 具体的操作步骤参看教材 6 3、 打开浏览器窗口 5、 控制Shockwave或Flash 6 、 播放声音 7 、改变属性 4 、拖动层 拖动层动作允许访问者拖动层。 7 8、显示-隐藏层 具体的操作步骤如下： （1）在页面上添加两个层，分别为layer1和layer2,在layer1中插入一个事先准备好的图片，在layer2中添加文字，如图： 8 （2）调整这两个层在页面中的显示位置。设置layer2的显示属性为隐藏，如图： 9 （3）在layer1层中的图片上添加显示和隐藏层的行为动作”。选择图片，打开行为面板。单击加号 (+) 按钮并从“动作”弹出菜单中选择“显示－隐藏层”。选中layer2,单击“显示”按钮如图，单击确定。 10 （4）单击事件下拉菜单，选择触发动作的事件为onMouseOver； （5）再次选中图片，打开行为面板，单击加号 (+) 按钮并从“动作”弹出菜单中选择“显示－隐藏层”。选中layer2，单击“隐藏”按钮如图，单击确定。 11 （6）再次单击事件下拉菜单，选择触发动作的事件为onMouseOut； （7）设置完成后，行为面板如