网页设计方案与制作.pptVIP

网页设计与制作 江西信息应用职业技术学院 电子商务与管理系 如何快速方便制作与维护网站？ 层+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 * 第9章 使用库、模板和行为 教学目标： 使用库和模板方便快速地制作和维护网页；使用行为生成网页特效。 教法：教、学、做一体 *