清华大学版（2012） 八年级下册信息技术 课件 - 4.14 锦上添花——用层制作网页特效 (共23张PPT)

锦上添花——用层制作网页特效 1 任务一 应用Dreamweaver内置行为 【知识目标】 了解行为的概念。 掌握行为中常见的动作和事件。 掌握Dreamweaver内置行为的使用。 2 任务一 应用Dreamweaver内置行为 【技能目标】 能为网页元素添加行为。 能应用Dreamweaver常用内置行为。 能对添加的行为修改触发事件。 3 任务一 应用Dreamweaver内置行为 【项目描述】 在本节项目中，我们就要通过对网页添加一些简单的行为，实现以下功能： 当用户进入网页时，页面填出一个消息框“欢迎访问本网站！”。 鼠标放置在图像上，图像会改变成另外一个图像。 点击图像，可以打开一个新窗口，查看较大的图像。 4 行为的概念 所谓行为就是某个事件和由该事件触发的动作的组合。 一个行为是由事件和动作组成的。事件是由浏览器生成的消息，它指示网页的访问者已执行的某种操作。 一个事件可以触发多个不同的动作，用户可以根据需要指定这些动作发生的顺序。 项目准备 5 项目准备 2. 行为面板 1是显示设置事件：显示添加到当前网页的行为事件。 2是显示所有事件：显示所有可能的行为事件，按照字母降序排列。详见表9-1。 3是添加行为：通过点击“+”，可以为选定的页面元素添加行为。 4是删除行为：通过点击“-”，可以删除选定的行为。 5是向上移动行为。 6是向下移动行为。 6 项目准备 3．应用行为 用户可以将行为添加到网页中的各种元素上，包括超链接、图像、表单和表格等，甚至于可以添加到整个网页文档上。 根据“显示事件”中不同的浏览器版本，支持的事件也会有所不同。 用户可以为一个事件指定多个动作。用户也可以根据需要通过上下箭头调整顺序。 7 项目准备 4.更改或删除行为 在附加了行为之后，用户可以更改触发动作的事件、添加或删除动作以及更改动作的参数。 （1）选择一个设置了行为的对象。 （2）打开行为面板。 （3）更改或删除行为 8 项目准备 5.更新行为 更新行为的操作步骤如下： （1）选择一个设置了行为的对象。 （2）打开行为面板，双击该行为。 （3）进行所需的更改，然后在该行为的对话框中单击“确定”。 9 项目准备 6.下载和安装第三方提供的行为 用户除了使用Dreamweaver中自带的行为外，还可以从其他网站上下载第三方提供的行为。