网页设计与制作项目式教程教学课件ppt作者凌云魏慧主编周丽韫吕俊霞田英副主编项目九项目九使用Dreamweaver实现网页特效课件.pptVIP

9.1.1.5 改变属性 使用“改变属性”行为可更改页面元素某个属性的值 添加“改变属性”行为步骤如下： 选择一个页面元素，打开行为面板，添加“改变属性”行为。 在“改变属性”对话框中，根据需要进行设置。从“元素类型”菜单中选择某个元素类型，以显示该类型的所有标识的元素。 从“元素 ID”菜单选择一个元素。 从“属性”菜单中选择一个属性，或在框中输入该属性的名称。 在“新的值”域中为新属性输入一个新值。 单击“确定”， 查看触发事件，如不合适，用户可以进行修改。 9.1.1.6 设置导航栏图像 使用“设置导航栏图像”行为可以把图像变为导航栏图像 添加“设置导航栏图像”行为的步骤： （1） 选择导航条中的某个图像，打开行为面板。 （2） 添加“设置导航栏图像”行为。 （3） 在“设置导航栏图像”对话框中设置编辑选项。 （4） 点击“确定”，查看触发事件，如不合适，用户可以进行修改。 9.1.1.7 跳转菜单 创建跳转菜单的步骤： 点击菜单【插入记录】/【表单】/【跳转菜单】。 对“插入跳转菜单”对话框进行设置。 编辑一个现有的跳转菜单有两种方式： 第一种方式：双击行为面板中的“跳转菜单”行为进行编辑。 第二种方式：选择跳转菜单，在“属性”面板中对“列表值”进行编辑 9.1.2 项目实现 本节我们将运用上述方法，通过对网页添加一些简单的行为，实现以下功能： 当用户进入网页时，页面填出一个消息框“欢迎访问本网站！”。 鼠标放置在图像上，图像会改变成另外一个图像。 点击图像，可以打开一个新窗口，查看较大的图像。 9.1.3 知识拓展 预先载入图像 显示-隐藏元素 检查表单 检查插件 9.1.4 项目训练 请为2.3.5项目训练规划的刘翔个人网站首页添加一下几种行为： 制作弹出消息框，用于欢迎访问者。 为首页的导航栏设置导航栏图像。 任意选择一副图像，当鼠标移到图像上是换成另一幅图像，鼠标移走后恢复。 9.2 实训项目 【技能目标】 了解行为的含义和特点 掌握添加行为的方法 掌握行为参数设置方法 【项目描述与分析】 本次实训将利用项目八中新建的网站首页，通过添加合适的行为达到以下效果： 当鼠标点击第一幅图像后，弹出一个新窗口显示该图的较大图像。 当鼠标点击第二幅图像时，弹出一个提示窗口“对不起，此图不允许下载！”。 9.2 实训项目 【实训过程】 （1）打开站点，打开index.html。 （2）鼠标选中第一幅图像，打开行为面板，添加“打开浏览器窗口”行为 （3）在“打开浏览器窗口”进行如图9-30设置，单击“确定”按钮。 （4）选中第二幅图像，在行为面板中添加“弹出信息”行为。在“弹出信息”对话框的消息栏中输入“对不起，此图不允许下载！”，单击确定。 （5）保存修改好的index.html。 项目九 使用Dreamweaver 实现网页特效 任务一 应用Dreamweaver内置行为 【知识目标】 了解行为的概念。 掌握行为中常见的动作和事件。 掌握Dreamweaver内置行为的使用。 任务一 应用Dreamweaver内置行为 【技能目标】 能为网页元素添加行为。 能应用Dreamweaver常用内置行为。 能对添加的行为修改触发事件。 任务一 应用Dreamweaver内置行为 【项目描述】 在本节项目中，我们就要通过对网页添加一些简单的行为，实现以下功能： 当用户进入网页时，页面填出一个消息框“欢迎访问本网站！”。 鼠标放置在图像上，图像会改变成另外一个图像。 点击图像，可以打开一个新窗口，查看较大的图像。 行为的概念 所谓行为就是某个事件和由该事件触发的动作的组合。 一个行为是由事件和动作组成的。事件是由浏览器生成的消息，它指示网页的访问者已执行的某种操作。 一个事件可以触发多个不同的动作，用户可以根据需要指定这些动作发生的顺序。 9.1.1 项目准备 9.1.1 项目准备 2. 行为面板 1是显示设置事件：显示添加到当前网页的行为事件。 2是显示所有事件：显示所有可能的行为事件，按照字母降序排列。详见表9-1。 3是添加行为：通过点击“+”，可以为选定的页面元素添加行为。 4是删除行为：通过点击“-”，可以删除选定的行为。 5是向上移动行为。 6是向下移动行为。 9.1.1 项目准备 3．应用行为 用户可以将行为添加到网页中的各种元素上，包括超链接、图像、表单和表格等，甚至于可以添加到整个网页文档上。 根据“显示事件”中不同的浏览器版本，支持的事件也会有所不同。 用户可以为一个事件指定多个动作。用户也可以根据需要通过上下箭头调整顺序。 9.1.1 项目准备 4.更改或删除行为 在附加了行为之后，用户可以更改触发动作的事件、添加或删除动作以及