模块七使用CSS样式和行为PPT.ppt

任务三 认识行为 浏览index7-3.html文件如图所示。 使用行为 任务四 常用Dreamweaver内置行为 Dreamweaver内值行为有调用 JavaScript 行为、改变属性行为、检查浏览器行为、检查插件行为、控制 Shockwave 或 Flash 行为、拖动 AP 元素行为、转到 URL 行为、跳转菜单行为、跳转菜单转到行为、打开浏览器窗口行为、播放声音行为、弹出消息行为、预先载入图像行为、设置导航栏图像行为、设置框架文本行为、设置容器的文本行为、设置状态栏文本行为、设置文本域文字行为、显示-隐藏元素行为、显示弹出菜单行为、交换图像行为、检查表单行为等等。 任务四 常用Dreamweaver内置行为 子任务1 应用交换图像行为 新建index7-4-1.html文件；执行【插入记录】→【图像对象】→【鼠标经过图像】弹出“插入鼠标经过图像”对话框。 浏览两个不同的图片后单击“确定”按钮。 浏览index7-4-1.html文件。 任务四 常用Dreamweaver内置行为 子任务2 应用检查浏览器行为 新建index7-4-2.html文件；选择一个对象，然后执行【行为】面板的【添加行为】→【~建议不再使用】→【检查浏览器】弹出“检查浏览器”对话框如图所示。 单击“URL”后的“浏览”按钮弹出“选择文件”对话框；然后选择“index7-3.html”后单击“确定”按钮。 任务四 常用Dreamweaver内置行为 子任务2 应用检查浏览器行为 单击“替换URL”后的“浏览”按钮弹出“选择文件”对话框；然后选择“index7-4-1.html”后单击“确定”按钮。 单击“检查浏览器”对话框生的“确定”按钮。 浏览index7-4-2.html文件。 任务四 常用Dreamweaver内置行为 子任务3 应用打开浏览器窗口行为 新建index7-4-3.html文件；选择“打开index7-1.html”，然后执行【行为】面板的【添加行为】→【打开浏览器窗口】。 单击“浏览”按钮弹出“选择文件”对话框；然后选择“index7-1.html”后单击“确定”按钮。 单击“打开浏览器窗口”对话框生的“确定”按钮。 浏览index7-4-3.html文件。 任务四 常用Dreamweaver内置行为 子任务4 其他行为 新建index7-4-4.html文件后应用“关闭浏览器”和“改变属性”行为。 任务四 常用Dreamweaver内置行为 子任务4 其他行为 新建index7-4-4.html文件。 任务四 常用Dreamweaver内置行为 子任务4 其他行为 选择“关闭浏览器”文本；然后执行【行为】面板的【添加行为】→【调用JavaScript】弹出“调用JavaScript”对话框如图所示。 在JavaScript文本框输入“window.close()”后单击“确定”按钮。 在body区域中：p align=center改变属性/p改为： p align=center id=gaibian改变属性/p 任务四 常用Dreamweaver内置行为 子任务4 其他行为 选择“改变属性”文本，然后执行【行为】面板的【添加行为】→【改变属性】弹出“改变属性”对话框如图所示。 在“元素类型”下拉列表框中选“p”，在“元素ID”下拉列表框中选“p ”gaibian””,在“属性”中勾选“选择”单选按钮，在“选择” 下拉列表框中选“backgroundColor”，“新的值”文本框输入“#00FF00”后单击“确定”按钮。 浏览index7-4-4.html文件。 任务五 插入JavaScript特效 JavaScript是一种基于对象和事件驱动并具有安全性的脚本语言。使用他的目的是HTML超文本标记语言一起实现在一个Web页面中与Web客户交互作用。 在JavaScript运算符可分为：算术运算符，比较运算符，逻辑运算符，字符串运算符，赋值运算符。在JavaScript中主要有双目运算符和单目运算符。 JavaScript是一种比较简单的编程语言，使用方法是向Web页面的HTML文件增加一个脚本，而不需要单独编译解释，当一个支持JavaScript的浏览器打开这个页面时，他会读出一个脚本并执行其命令。可以直接将JavaScript代码加入HTML中。其中Script表示脚本的开始，使用Language属性定义脚本语言为JavaScript，在标记Script Language=”JavaScript”与/Script之间就可以加入JavaScript脚本。 任务