《网页设计与制作ppt课件.ppt》由会员分享,可在线阅读,更多相关《网页设计与制作ppt课件.ppt(30页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页设计与制作ppt课件 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望第第9章章 使用库、模板和行为使用库、模板和行为教学目标:使用库和模板方便快速地制作和维护网页;使用行为生成网页特效。l教法:教、学、做一体如何快速方便制作与维护网站?如何快速方便制作与维护网站?层+CSS嵌入式库与模板认识库认识库想要在整个网站上经常重复使用或更新的页面元素(如图像、文本和其他对象),可以设置成库项目形式存在,并在其他页面中调用。可以通过改动库更新所有采用库的网页,不用一个一
2、个的修改。例如:页脚的版权信息做成库,等到要修改版权时,只要修改库,就可以方便的更新所有的页面了。例如:LOGO部分、导航条等公共部分。创建库项目创建库项目资源面板/库按钮/打开库类别/新建库项目按钮。基于站点文件夹,自动生成Library文件夹和库文件*.lbi插入库插入库将光标放在网页中需要插入库文件的位置/资源面板/库分类/选择库项目/插入或直接拖动到光标所在位置即可。更改库更改库如果修改了库文件,选择文件菜单/保存命令/更新库项目对话框/询问是否更新网站中使用了该库文件的网页/单击更新按钮,将更新网站中使用了该库文件的网页。模板模板基于整个页面布局方便制作具有相同版式和风格的页面的基础
3、文档。方便一次性更新套用此模板的所有页面。创建模板创建模板文件菜单/新建/另存为模板/*.dwt模板文件。基于站点文件夹,自动生成Templates文件夹和模板文件*.dwt模板分可编辑区和不可编辑区。插入菜单模板对象可编辑区域命令应用模板应用模板行为行为网页特效,互动。javascript脚本小程序事件(例如鼠标事件,将鼠标移动到某个网页对象上;键盘事件等)+动作(由该事件触发的动作,例如播放声音、显示隐藏层等)行为面板事件事件onBlur 当指定元素不再被访问者交互时产生。onChange 当访问者改变网页中的某个值时产生。onClick 当访问者在指定的元素上单击时产生。onDblCli
4、ck 当访问者在指定的元素上双击时产生。onFocus 当指定元素被访问者交互时产生。onKeyDown 当按下任意键的同时产生。onKeyPress 当按下和松开任意键时产生。此事件相当于把onKeyDown和onKeyUp这两事件合在一起。onKeyUp 当按下的键松开时产生。onLoad 当一图像或网页载入完成时产生。onMouseDown 当访问者按下鼠标时产生。onMouseMove 当访问者将鼠标在指定元素上移动时产生onMouseOut 当鼠标从指定元素上移开时产生。onMouseOver 当鼠标移动到指定元素时产生。onMouseUp 当鼠标弹起时产生。onMove 当窗体或框
5、架移动时产生。onReset 当表单内容被重新设置为缺省值时产生。onResize 当访问者调整浏览器或框架大小时产生。onSelect 当访问者选择文本框中的文本时产生。onSubmit 当访问者提交表单时产生。onUnload 当访问者离开网页时产生。选择对象(选中需要添加行为命令的元素,包括图片、文字、层、表单等,甚至网页本身)/添加动作/调整事件。案例案例-弹出信息框弹出信息框案例案例-调用脚本程序调用脚本程序案例案例-打开首页,弹出小窗口打开首页,弹出小窗口需要先制作弹出小窗口页面。案例案例-全窗口飘动图片全窗口飘动图片制作层中图片制作层层中插入图片,制作图片链接选中层/修改菜单/时间轴/录取层路径/拖动层绘制路径(事先减少显示比例,方便拖动)注意勾选“自动播放”和“循环”显示隐藏层显示隐藏层制作层选中对象/设置某种事件下层的显示与隐藏案例案例-下拉式菜单下拉式菜单选中导航栏链接/制作弹出式菜单如果下面的FLASH挡住弹出菜单,加上一名代码即可