第10章 静态网页制作

《第10章 静态网页制作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、课堂讲解上机实战第10课行为与事件课堂讲解什么是行为什么是事件认识“行为”面板添加、修改和删除行为获取更多的行为应用行为什么是行为行为（Behavior）是在Dreamweaver8中预置的JavaScript程序，由事件（event）和对应动作（actions）组成。它能实现用户与网页间的交互，通过某个动作来触发某项计划。如当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver和onClick，同时触发了一个动作载入图像。什么是事件浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非

2、所有的事件都是交互的，如设置网页每10s自动重新载入。根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。InternetExplorer和NetscapeNavigator是当今主的流浏览器。IE4表明此事件适用于InternetExplorer4.0浏览器，NE4表明此事件适用于NetscapeNavigator4.0浏览器。认识“行为”面板在使用行为前要先了解行为的具体操作场所——“行为”面板，在Dreamweaver8右侧的浮动面板组中打开“标签”面板，在其中单击“行为”选项卡打开“行为”面板，如没有“行为”面板

3、，可以选择[窗口][行为]菜单命令，也可按【Shift+F4】键打开“行为”面板。添加、修改和删除行为添加行为修改行为删除行为添加行为在不同类型的浏览器中可以根据需要将行为附加到整个文档、链接、图像、表单对象或任何其他的HTML元素中。修改行为选择添加行为的对象。按【Shift+F4】键打开“行为”面板，在其“动作”列表中双击要修改的行为动作或将其选择并按【Enter】键，也可单击鼠标右键，在弹出的快捷菜单中选择“编辑行为”命令，在打开的对话框中进行修改，然后单击“确定”按钮。删除行为在“行为”面板中选择要删除的行为。单击按钮或在行为上单击鼠标右键，在弹出的快捷菜单

4、中选择“删除行为”命令，还可以直接按【Delete】键即可。获取更多的行为Dreamweaver8自带的行为比较少，如果想获取更多的行为可以从Macromedia公司和其他第三方的开发网站下载。在“行为”下拉列表中选择“获取更多的行为”选项，则会打开Macromedia公司官方网站提供的行为下载页面。应用行为设置文本“设置层文本”行为“设置框架文本”行为“设置文本域文本”行为“设置状态栏文本”行为播放声音打开浏览器窗口交换图像恢复交换图像改变属性检查浏览器检查插件检查表单设置导航栏图像转到URL弹出信息拖动层显示-隐藏层弹出式菜单调用JavaScript控制Shock

5、wave或Flash预先载入图像跳转菜单跳转菜单开始时间轴“设置层文本”行为“设置层文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。该内容可以包括任何有效的HTML源代码。“设置框架文本”行为“设置框架文本”行为可以动态设置框架的文本，用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。使用此行为可以动态显示信息。“设置文本域文本”行为“设置文本域文字”行为可以用指定的内容替换表单文本域的内容。“设置状态栏文本”行为“设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明

6、链接的目标而不是显示链接的URL。播放声音“播放声音”行为用来播放声音和音乐文件，页面背景音乐和鼠标单击时的声音都可以用此行为设置。打开浏览器窗口打开一个新的浏览器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。交换图像“交换图像”行为可将一个图像替换为另一个图像，这是通过更改“scr”属性来实现的，此动作一般用来创建翻转按钮以及同时替换多个图片。恢复交换图像“恢复交换图像”行为用于将替换的图像恢复为原始的图像文件。改变属性“改变属性”行为用于改变网页元素的属性值。检查浏览器“检查浏览器”行为是为了根据浏览者使用的浏览器版

7、本的不同来决定访问的不同网页，以提高网页的兼容性。可将此行为添加到与任何浏览器都兼容页面的＜body＞标签上，也可以将此行为添加到一个空链接上，并让该行为根据访问者浏览器的类型和版本确定链接的目标页面。检查插件“检查插件”行为用于检查访问者的电脑中是否安装了特定的插件，而决定将浏览者带往不同的页面，如浏览者电脑中安装了Flash插件，那么就播放Flash给浏览者观看，如果没有安装，就直接将浏览者带往没有Flash的页面。检查表单“检查表单”行为用于检查指定文本域的内容，以确保用户输入了正确的数据类型。使用“onBlur”事件添加到文本域，可以在用户填