网页设计与制作ppt课件.ppt

网页设计与制作,江西信息应用职业技术学院电子商务与管理系,第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挡住弹出菜单，加上一名代码即可,