《网页设计与制作第9章.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作第9章.ppt（27页珍藏版）》请在三一办公上搜索。
1、行为和图层的应用,第9章,本章要点：行为概述Dreamweaver 8常用行为的应用行为的综合应用图层和行为的综合应用,9.1,行为概述,教学进程,浏览网页时经常会看到变化的图像、滚动的新闻、弹出的公告等，这些动态效果一直被很多网友钟爱，这也成为网站具有生命力的原因之一。我们利用Dreamweaver的层、时间轴以及行为扩展功能，完全可以非常容易地实现这些动态效果，这也正是Dreamweaver的精华所在。本章我们深入学习reamweaver中图层和行为的使用方法。,9.1.1 添加行为,教学进程,9.1.2 常用动作简介,教学进程,9.1.2 常用动作简介,教学进程,9.1.3 常用的事件,
2、教学进程,概念,事件决定了为某一页面元素所定义的动作在什么时候被执行，即在何时触发一个动作。需要注意的是不同版本的浏览器所支持的事件类型也不相同。,9.1.3 常用的事件,教学进程,有关窗口的事件,onAbort：在浏览器中停止加载网页文档操作时发生的事件。onMove：移动窗口或者框架窗口时发生的事件。onLoad：选定的对象出现在浏览器中时发生的事件。onResize：访问者改变窗口或者框架窗口的大小时发生的事件。onUnload：访问者退出网页文档时发生的事件。,9.1.3 常用的事件,教学进程,有关鼠标和键盘的事件,onClick：用鼠标单击选定元素的一瞬间发生的事件。onBlur：鼠
3、标指针移动到窗口或者框架窗口外部，即在这种非激活状态下发生的事件。onDragDrop：拖动并放置选定元素的一瞬间发生的事件。onDragStart：拖动选定元素的一瞬间发生的事件onFocus：鼠标指针移动到窗口或者框架窗口上，即在激活以后发生的事件。,9.1.3 常用的事件,教学进程,有关鼠标和键盘的事件,onMouseOver：鼠标位于选定元素上方时发生的事件。onMouseUp：按下鼠标再放开左键时发生的事件。onMouseOut：鼠标移开选定元素时发生的事件。onMouseDown：按下鼠标时（不放开左键）发生的事件。onMouseMove：鼠标指针经过选定元素上方时发生的事件。,9
4、.1.3 常用的事件,教学进程,有关鼠标和键盘的事件,。onScroll：当浏览者拖动滚动条时发生的事件。onKeyDown：在键盘上按住特定键时发生的事件。也就是按下特定键还没有松手时发生的事件。onKeyPress：在键盘上按特定键时发生的事件。也就是按下特定键并马上松手时发生的事件。onKeyUp：在键盘上按下特定键时发生的事件。也就是按下特定键，当松手时发生的事件。,9.1.3 常用的事件,教学进程,其他事件,onError：在加载文档过程中，发生错误时发生的事件。onFilterChange：运用于选定元素的字段变化时发生的事件。Onfinish Marquee：用Marquee功能
5、来显示的内容结束时发生的事件。Onstart Marquee：开始应用Marquee功能时发生的事件。,9.1.3 常用的事件,教学进程,有关表单的事件,onAfterUpdate：更新表单文档的内容时发生的事件。onBeforeUpdate：改变表单文档的项目时发生的事件。onChange：访问者修改表单文档的初始值时发生的事件。onReset：将表单文档重新设置为初始值时发生的事件。onSubmit：访问者传送表单文档时发生的事件。onSelect：访问者选定文本字段中的内容时发生的事件。,9.2 行为的基本应用,教学进程,9.2.1“弹出信息”行为,教学进程,9.2.2“打开浏览器窗口”
6、行为,1制作通告页的网页,教学进程,技巧：在【打开浏览器窗口】对话框中，【属性】选项后有若干复选项，这些复选项控制着显示或者隐藏导航工具栏、菜单栏、地址工具栏、滚动条、状态栏等浏览器的构成元素。另外，在【窗口名称】中可输入弹出窗口的名称，这样可根据情况用JavaScript进行控制。,9.2.2“打开浏览器窗口”行为,2添加“打开浏览器窗口”行为,1.制作三个网页文档,教学进程,9.2.3“检查浏览器”行为,2.添加“检查浏览器”行为,1.制作三个网页文档,教学进程,9.2.3“检查浏览器”行为,2.添加“检查浏览器”行为,教学进程,9.2.4“设置状态栏文本”行为,添加行为,教学进程,9.2
7、.4“设置状态栏文本”行为,设置行为,教学进程,9.3利用行为创建菜单,9.3.1 创建下拉菜单,（1）打开页面文档,（2）添加菜单项,（3）设置菜单外观,（4）设置边框,（3）设置位置,教学进程,9.3利用行为创建菜单,9.3.2 创建跳转菜单,（1）打开实例页面,（2）创建跳转菜单,（3）编辑行为,（4）添加按扭,教学进程,9.4行为和层的综合实例,9.4.1制作滚动字幕效果,（1）创建层,（2）将层拖动到时间轴,（3）添加关键帧,（4）设置时间轴参数,教学进程,9.4行为和层的综合实例,9.4.2制作具有预览功能的图库页面,（1）制作图库页面,（2）添加行为,（3）完善实例,教学进程,9.4行为和层的综合实例,9.4.3制作虚拟在线试衣室,（1）建立层并插入图片,（2）将层添加到时间轴,（3）创建时间轴动画,（4）创建时间轴行为,（5）创建其他层动画,教学进程,9.4行为和层的综合实例,9.4.4制作滑动导航菜单,（1）布局层,（2）定义时间轴效果,（3）定义行为,教学进程,9.5 习题与上机操作,上机操作题,（1）利用“打开浏览器窗口”行为，制作网页加载时弹出小窗口的效果。,教学进程,9.5 习题与上机操作,上机操作题,（2）打开前面制作好的网页或者重新设计一个网页，然后利用“设置状态栏文本”行为，制作在状态栏显示文字的效果。,
