《信息发布与网页的设计Dreamweaer 12 行为》由会员分享，可在线阅读，更多相关《信息发布与网页的设计Dreamweaer 12 行为（23页珍藏版）》请在金锄头文库上搜索。
1、信息发布与网页设计信息发布与网页设计DREAMWEAVER 第十二章 行为曹健信息学院信息发布与网页设计课题组31 七月 2024返回2024/7/311第第12章章 行为行为12.1 什么是行为行为是WEB页上的内容对浏览者的动作作出的响应，从而引发的新的页面效果。 行为的行为的2个基本要素：个基本要素：事件事件 Event动作动作 Action2024/7/312第第12章章 行为行为事件事件 Event动作动作 Action触发触发预设定预设定1 1个动作，再选择触发的事件。个动作，再选择触发的事件。2024/7/31312.2 行为的基本操作行为的基本操作12.2.1 行为面板的操作行
2、为面板的操作打开打开“行为行为”面板的方法面板的方法，“窗口窗口”“行行为为”左边两个按钮的功能：左边两个按钮的功能：显示已设置事件显示已设置事件/显示全部事件显示全部事件+按钮：添加行为按钮：添加行为- 按钮：删除行为按钮：删除行为添加某一行为后，显示添加某一行为后，显示行为左边下拉菜单中，可选择触发该动行为左边下拉菜单中，可选择触发该动作的事件。作的事件。事件动作2024/7/31412.2.2 添加行为添加行为q添加行为的方法：添加行为的方法：1.选定合适的对象选定合适的对象, 如如2.在在“窗口窗口”、“行为行为”浮动面板中，浮动面板中，单击单击“+”，添加行为，添加行为 “-”，删除
3、行为，删除行为3.选择选择1个希望执行的动作个希望执行的动作4.为层添加为层添加“行为行为”时，不可选择层！时，不可选择层！（可选（可选 ）2024/7/31512.2.3 修改行为修改行为方法：方法：1.选定选定1个对象个对象,通过浮动面板，可修改、通过浮动面板，可修改、删除、调整动作的顺序等；删除、调整动作的顺序等；2.双击此双击此“动作动作”，可编辑、修改各参数。，可编辑、修改各参数。2024/7/31612.3 DW中包含的事件中包含的事件qonAbort: 在浏览器中断正载入的图象时产生在浏览器中断正载入的图象时产生在浏览器中断正载入的图象时产生在浏览器中断正载入的图象时产生qonC
4、lick:在指定网页元素上单击时产生在指定网页元素上单击时产生在指定网页元素上单击时产生在指定网页元素上单击时产生qonDblClick:指定网页元素上双击时产生指定网页元素上双击时产生指定网页元素上双击时产生指定网页元素上双击时产生qonError:装载网页发生错误时产生装载网页发生错误时产生装载网页发生错误时产生装载网页发生错误时产生qonFocus:指定网页元素被浏览者交互时产生指定网页元素被浏览者交互时产生指定网页元素被浏览者交互时产生指定网页元素被浏览者交互时产生qonKeyDown:按下任意键瞬间按下任意键瞬间按下任意键瞬间按下任意键瞬间qonKeyUp:松开任意键松开任意键松开任
5、意键松开任意键qonLoad: 在图象或网页下载完成时在图象或网页下载完成时在图象或网页下载完成时在图象或网页下载完成时2024/7/31712.3 DW中包含的事件中包含的事件-续续2ponMouseDown: 按下鼠标时按下鼠标时按下鼠标时按下鼠标时ponMouseMove: 鼠标在指定元素上移动时鼠标在指定元素上移动时鼠标在指定元素上移动时鼠标在指定元素上移动时qonMouseOut: 鼠标在指定元素移出时鼠标在指定元素移出时鼠标在指定元素移出时鼠标在指定元素移出时qonMouseOver: 鼠标移动到指定元素上时鼠标移动到指定元素上时鼠标移动到指定元素上时鼠标移动到指定元素上时qonM
6、ove: 鼠标在窗体或框架移动时鼠标在窗体或框架移动时鼠标在窗体或框架移动时鼠标在窗体或框架移动时qonReset:在表单重设为默认值时在表单重设为默认值时在表单重设为默认值时在表单重设为默认值时qonResize:在浏览者调整框架大小时在浏览者调整框架大小时在浏览者调整框架大小时在浏览者调整框架大小时2024/7/31812.3 DW中包含的事件中包含的事件-续续3qonScroll:使用滚动条移动时产生使用滚动条移动时产生使用滚动条移动时产生使用滚动条移动时产生qonSelect:选择文本框中文本时产生选择文本框中文本时产生选择文本框中文本时产生选择文本框中文本时产生qonSubmit:提
7、交表单时产生提交表单时产生提交表单时产生提交表单时产生qonUnload:关闭网页时产生关闭网页时产生关闭网页时产生关闭网页时产生2024/7/31912.4 自带行为动作自带行为动作12.4.1 交换图象交换图象1.准备准备准备准备2 2幅图片；幅图片；幅图片；幅图片；2.输入提示文字，插入输入提示文字，插入输入提示文字，插入输入提示文字，插入1 1幅图片；幅图片；幅图片；幅图片；3.选择插入的图片，单击选择插入的图片，单击选择插入的图片，单击选择插入的图片，单击“ “行为面板行为面板行为面板行为面板” ”“ “+”+” “ “交换图片交换图片交换图片交换图片” ”；在对话框中设定另；在对话
8、框中设定另；在对话框中设定另；在对话框中设定另1 1图片及有图片及有图片及有图片及有关参数关参数关参数关参数 预先载入：无论显示否，都会先下载预先载入：无论显示否，都会先下载预先载入：无论显示否，都会先下载预先载入：无论显示否，都会先下载 鼠标滑开时恢复图象：选择恢复鼠标滑开时恢复图象：选择恢复鼠标滑开时恢复图象：选择恢复鼠标滑开时恢复图象：选择恢复4.单击单击单击单击“ “确定确定确定确定” ”，为图象添加了，为图象添加了，为图象添加了，为图象添加了2 2个行为个行为个行为个行为onMouseOveronMouseOver: : 交换图象交换图象交换图象交换图象onMouseOutonMou
9、seOut: : 恢复图象恢复图象恢复图象恢复图象2024/7/311012.4 自带行为动作自带行为动作12.4.3 弹出信息弹出信息1.选择选择“”标记标记2.单击单击“行为面板行为面板” “+” “弹出信弹出信息息”；在对话框中设定信息内容；在对话框中设定信息内容 欢迎浏览此页欢迎浏览此页2024/7/311112.4 自带行为动作自带行为动作12.4.4 打开浏览器窗口打开浏览器窗口1.设定设定 新打开浏览器窗口的大小新打开浏览器窗口的大小选择对象选择对象单击单击“行为行为”面板的面板的“+” “打开浏览打开浏览器窗口器窗口”；2. 设定窗口大小的参数设定窗口大小的参数2024/7/3
10、11212.4 自带行为动作自带行为动作12.4.5 拖动层拖动层1.在网页中插入在网页中插入1个层；在层中插入图片；个层；在层中插入图片；单击状态栏上单击状态栏上标签标签;2.单击单击“行为行为”面板的面板的“+” “拖动层拖动层”；在对话框中设定；在对话框中设定“拖动层拖动层”的参数：的参数：左、上左、上左、上左、上，分别设置层顶点相对于浏览器窗口的距离；，分别设置层顶点相对于浏览器窗口的距离；，分别设置层顶点相对于浏览器窗口的距离；，分别设置层顶点相对于浏览器窗口的距离；靠近距离，靠近距离，靠近距离，靠近距离，表示可自动吸附的距离。表示可自动吸附的距离。表示可自动吸附的距离。表示可自动吸
11、附的距离。 2024/7/311312.4 自带行为动作自带行为动作12.4.6 控制控制Shockwave或或Flash1.插入插入插入插入2 2个按纽个按纽个按纽个按纽（不要表单域），（不要表单域），（不要表单域），（不要表单域），重命名为：重命名为：重命名为：重命名为：“ “播放播放播放播放” ”、“ “停止停止停止停止” ”；2. “2. “插入插入插入插入” ”“ “媒体媒体媒体媒体” ”“ “FLASH”FLASH”或或或或“ “ Shockwave” Shockwave”， 在属性面板中在属性面板中在属性面板中在属性面板中, ,用单字节符号对其命名用单字节符号对其命名用单字节符号
12、对其命名用单字节符号对其命名（如（如（如（如A A）；）；）；）；3. 3. 选择选择选择选择“ “播放播放播放播放” ”按纽，单击按纽，单击按纽，单击按纽，单击“ “行为行为行为行为” ”面板的面板的面板的面板的“ “+”“+”“控制控制控制控制ShockwaveShockwave或或或或FlashFlash” ”；在对话；在对话；在对话；在对话框中选择框中选择框中选择框中选择“ “影片影片影片影片A A” ”，并选择，并选择，并选择，并选择“ “播放播放播放播放” ”，单击，单击，单击，单击“ “确定确定确定确定” ” ；2024/7/311412.4 自带行为动作自带行为动作4选择选择选
13、择选择“ “后退后退后退后退” ”按纽，单击按纽，单击按纽，单击按纽，单击“ “行为行为行为行为” ”面板的面板的面板的面板的“ “+”“+”“控制控制控制控制ShockwaveShockwave或或或或FlashFlash” ”；在对话；在对话；在对话；在对话框中选择框中选择框中选择框中选择“ “影片影片影片影片A A” ”，并选择，并选择，并选择，并选择“ “后退后退后退后退” ”；单击；单击；单击；单击“ “确定确定确定确定” ”；5选择选择选择选择“ “停止停止停止停止” ”按纽，单击按纽，单击按纽，单击按纽，单击“ “行为行为行为行为” ”面板的面板的面板的面板的“ “+”“+”“控
14、制控制控制控制ShockwaveShockwave或或或或FlashFlash” ”；在对话；在对话；在对话；在对话框中选择框中选择框中选择框中选择“ “影片影片影片影片A A” ”，并选择，并选择，并选择，并选择“ “停止停止停止停止” ”，单击，单击，单击，单击“ “确定确定确定确定” ”。 2024/7/311512.4 自带行为动作自带行为动作12.4.7 播放声音播放声音在网页中加入背景音乐，打开网页时自动播放。在网页中加入背景音乐，打开网页时自动播放。在网页中加入背景音乐，打开网页时自动播放。在网页中加入背景音乐，打开网页时自动播放。1. 1.选择状态栏选择状态栏选择状态栏选择状态
15、栏,单击单击单击单击“ “行为行为行为行为” ”面板的面板的面板的面板的“ “+”“+”“播放声音播放声音播放声音播放声音” ”；对话框中设定声音文件。；对话框中设定声音文件。；对话框中设定声音文件。；对话框中设定声音文件。2. 2.在代码视图中插入在代码视图中插入在代码视图中插入在代码视图中插入 标签标签标签标签, ,在属性中设定在属性中设定在属性中设定在属性中设定声音文件。声音文件。声音文件。声音文件。2024/7/311612.4 自带行为动作自带行为动作12.4.8 改变属性改变属性改变网页元素或改变网页元素或改变网页元素或改变网页元素或 对象的属性对象的属性对象的属性对象的属性1.
16、1.插入插入插入插入3 3个表单按纽个表单按纽个表单按纽个表单按纽( (不用添加到表单中不用添加到表单中不用添加到表单中不用添加到表单中) )，重命名为：，重命名为：，重命名为：，重命名为：“ “变为兰色变为兰色变为兰色变为兰色” ”、“ “变为红色变为红色变为红色变为红色” ”、“ “变为绿色变为绿色变为绿色变为绿色” ”2. 2.单击单击单击单击“ “常用常用常用常用” ”面板面板面板面板“ “布局布局布局布局” ”“ “描绘层描绘层描绘层描绘层” ”，在网页上描绘，在网页上描绘，在网页上描绘，在网页上描绘1 1个个个个层，设置背景颜色为：黑色层，设置背景颜色为：黑色层，设置背景颜色为：黑
17、色层，设置背景颜色为：黑色3. 3.选定选定选定选定“ “变为兰色变为兰色变为兰色变为兰色” ”按钮，按钮，按钮，按钮，“ “+” “+” “改变属性改变属性改变属性改变属性” ”，在对话框中：，在对话框中：，在对话框中：，在对话框中：“ “对象类型对象类型对象类型对象类型” ” 选择选择选择选择 “ “DIV”DIV”，命名对象隐含为：，命名对象隐含为：，命名对象隐含为：，命名对象隐含为：Div “Layer1”Div “Layer1”，“ “选择选择选择选择” ”下拉列表中：下拉列表中：下拉列表中：下拉列表中：style.backgroundColor 在在在在“ “新的值新的值新的值新的
18、值” ”文本框中添人文本框中添人文本框中添人文本框中添人“ “blue”blue”；4. 4.依次设定其它两个按钮。依次设定其它两个按钮。依次设定其它两个按钮。依次设定其它两个按钮。2024/7/311712.4 自带行为动作自带行为动作12.4.9 显示隐藏层显示隐藏层通过交互式的（鼠标的移动），改变层通过交互式的（鼠标的移动），改变层的显示和隐藏。的显示和隐藏。1.选择选择“对象对象”，2.添加添加“行为行为”3.选择选择“显示显示/隐藏层隐藏层”2024/7/311812.4 自带行为动作自带行为动作12.4.10 12.4.10 显示弹出菜单显示弹出菜单显示弹出菜单显示弹出菜单创建有创
19、建有创建有创建有2 2个窗口的框架集网页，个窗口的框架集网页，个窗口的框架集网页，个窗口的框架集网页，1 1个用于导航，个用于导航，个用于导航，个用于导航，1 1个用于目标窗口，显示被连接的内容。个用于目标窗口，显示被连接的内容。个用于目标窗口，显示被连接的内容。个用于目标窗口，显示被连接的内容。1. 1.输入导航文字，在属性面板中输入导航文字，在属性面板中输入导航文字，在属性面板中输入导航文字，在属性面板中URLURL处输入处输入处输入处输入“#”“#”号，建立一个号，建立一个号，建立一个号，建立一个空连接；空连接；空连接；空连接；2. 2.单击单击单击单击“ “行为行为行为行为” ”面版上
20、的面版上的面版上的面版上的 “ “ 弹出菜单项弹出菜单项弹出菜单项弹出菜单项 ” ”，添加菜单项，添加菜单项，添加菜单项，添加菜单项， 点点点点“ + ”“ + ”号添加，号添加，号添加，号添加， “ - ” “ - ”号删除，利用上、下三角按钮可调整菜号删除，利用上、下三角按钮可调整菜号删除，利用上、下三角按钮可调整菜号删除，利用上、下三角按钮可调整菜单项的位置；单项的位置；单项的位置；单项的位置；3. 3.单击单击单击单击“ “缩进项缩进项缩进项缩进项” ”，可添加子菜单；，可添加子菜单；，可添加子菜单；，可添加子菜单；4. 4.设置外观、弹出菜单的位置。设置外观、弹出菜单的位置。设置外观
21、、弹出菜单的位置。设置外观、弹出菜单的位置。 2024/7/311912.4 自带行为动作自带行为动作12.4.11 12.4.11 检查表单检查表单检查表单检查表单 选择选择选择选择“ “提交按钮提交按钮提交按钮提交按钮” ”，添加，添加，添加，添加“ “检查表单检查表单检查表单检查表单” ”行为，行为，行为，行为，可检查表单中输入的内容是否合乎要求。可检查表单中输入的内容是否合乎要求。可检查表单中输入的内容是否合乎要求。可检查表单中输入的内容是否合乎要求。1 1、选择表单中的、选择表单中的、选择表单中的、选择表单中的“ “文本域名称文本域名称文本域名称文本域名称” ”；2 2、设置检查内容
22、：、设置检查内容：、设置检查内容：、设置检查内容： “ “必须必须必须必须” ”（要求必须填写）（要求必须填写）（要求必须填写）（要求必须填写） 同时选择同时选择同时选择同时选择“ “必须必须必须必须” ”、“ “数字数字数字数字” ”或数字范围或数字范围或数字范围或数字范围 邮件地址邮件地址邮件地址邮件地址5 5、点击、点击、点击、点击“ “确定确定确定确定” ”，选择，选择，选择，选择“ “事件事件事件事件” ”种类种类种类种类“ “OnclickOnclick” ”。2024/7/312012.4 自带行为动作自带行为动作12.4.12 设置导航条图象设置导航条图象准备准备4幅图片幅图片
23、1.“插入插入”“图象对象图象对象”“导航条导航条”2.可给导航条设置名称可给导航条设置名称3.依次设定：原图象、鼠标经过图象、依次设定：原图象、鼠标经过图象、4.按下图象、按下鼠标移过图象。按下图象、按下鼠标移过图象。5.可设定：鼠标按下后的链接可设定：鼠标按下后的链接URL 2024/7/3121补充：用补充：用Fireworks建立网页相册建立网页相册准备好建立相册的图片准备好建立相册的图片“命令命令”“创建网页相册创建网页相册”1.设置设置设置设置“ “相册标题相册标题相册标题相册标题” ”，“ “副标题副标题副标题副标题” ”、“ “其它其它其它其它” ”2.源文件夹，放建立相册的图片源文件夹，放建立相册的图片源文件夹，放建立相册的图片源文件夹，放建立相册的图片3.目的文件夹，留用目的文件夹，留用目的文件夹，留用目的文件夹，留用4.设置缩略图大小，列数设置缩略图大小，列数设置缩略图大小，列数设置缩略图大小，列数5.分别设置缩略图格式、原图格式分别设置缩略图格式、原图格式分别设置缩略图格式、原图格式分别设置缩略图格式、原图格式6.点点点点“ “确定确定确定确定” ”2024/7/3122谢谢观看2024/7/3123
