Transcript 第八章库\模板\行为 - 江西信息应用职业技术学院

网页设计与制作
江西信息应用职业技术学院
电子商务与管理系
第9章 使用库、模板和行为
• 教学目标：
使用库和模板方便快速地制作和维护网页；
使用行为生成网页特效。
 教法：教、学、做一体
如何快速方便制作与维护网站？
• 层+CSS
• 嵌入式
• 库与模板
认识库
• 想要在整个网站上经常重复使用或更新的
页面元素(如图像、文本和其他对象) ，可以
设置成库项目形式存在，并在其他页面中
调用。
• 可以通过改动库更新所有采用库的网页，
不用一个一个的修改。
• 例如：页脚的版权信息做成库，等到要修
改版权时，只要修改库，就可以方便的更
新所有的页面了。
• 例如：LOGO部分、导航条等公共部分。
创建库项目
• [资源]面板/[库]按钮/打开库类别/[新建库项
目]按钮。
• 基于站点文件夹，自动生成Library文件夹
和库文件*.lbi
插入库
• 将光标放在网页中需要插入库文件的位置
/[资源]面板/[库]分类/选择库项目/[插入]或直
接拖动到光标所在位置即可。
更改库
• 如果修改了库文件，选择[文件]菜单/[保存]
命令/[更新库项目]对话框/询问是否更新网
站中使用了该库文件的网页/单击[更新]按钮，
将更新网站中使用了该库文件的网页。
模板
• 基于整个页面布局
• 方便制作具有相同版式和风格的页面的基
础文档。
• 方便一次性更新套用此模板的所有页面。
创建模板
• [文件]菜单/[新建]/[另存为模板] /*.dwt模板
文件。
• 基于站点文件夹，自动生成Templates文件
夹和模板文件*.dwt
• 模板分可编辑区和不可编辑区。
• [插入]菜单>[模板对象]>[可编辑区域命令]
应用模板
行为
• 网页特效，互动。
• javascript脚本小程序
• 事件（例如鼠标事件，将鼠标移动到某个
网页对象上；键盘事件等）+动作（由该事
件触发的动作，例如播放声音、显示隐藏
层等）
• [行为]面板
事件
•
•
•
•
•
•
•
onBlur 当指定元素不再被访问者交互时产生。
onChange 当访问者改变网页中的某个值时产生。
onClick 当访问者在指定的元素上单击时产生。
onDblClick 当访问者在指定的元素上双击时产生。
onFocus 当指定元素被访问者交互时产生。
onKeyDown 当按下任意键的同时产生。
onKeyPress 当按下和松开任意键时产生。此事件相当于
把onKeyDown和onKeyUp这两事件合在一起。
• onKeyUp 当按下的键松开时产生。
• onLoad 当一图像或网页载入完成时产生。
•
•
•
•
•
•
•
•
•
•
•
onMouseDown 当访问者按下鼠标时产生。
onMouseMove 当访问者将鼠标在指定元素上移动时产生
onMouseOut 当鼠标从指定元素上移开时产生。
onMouseOver 当鼠标移动到指定元素时产生。
onMouseUp 当鼠标弹起时产生。
onMove 当窗体或框架移动时产生。
onReset 当表单内容被重新设置为缺省值时产生。
onResize 当访问者调整浏览器或框架大小时产生。
onSelect 当访问者选择文本框中的文本时产生。
onSubmit 当访问者提交表单时产生。
onUnload 当访问者离开网页时产生。
• 选择对象（选中需要添加行为命令的元素，
包括图片、文字、层、表单等，甚至网页
本身）/添加动作/调整事件。
案例---弹出信息框
案例---调用脚本程序
案例---打开首页，弹出小窗口
• 需要先制作弹出小窗口页面。
案例---全窗口飘动图片
•
•
•
•
制作层中图片
制作层
层中插入图片，制作图片链接
选中层/[修改]菜单/[时间轴]/[录取层路径]/拖
动层绘制路径（事先减少显示比例，方便
拖动）
• 注意勾选“自动播放”和“循环”
显示隐藏层
• 制作层
• 选中对象/设置某种事件下层的显示与隐藏
案例---下拉式菜单
• 选中导航栏链接/…/制作弹出式菜单
• 如果下面的FLASH挡住弹出菜单，加上一
名代码即可<param name="wmode"
value="transparent">