第五章高级网页制作说课.ppt

第五章　高级网页制作 　　学会制作基本的网页后，就要学习在网页中加入一些特殊的效果，像运动、隐藏、增加一些动态文字效果等，这些都需要使用行为或编写脚本代码完成。使用模板和资源可以快速制作风格统一的网站。网站制作完成后，需要在服务器发布。本章将介绍这几种高级网页制作的知识。 5.1　行为 5.1.2　事件 5.1.3　附加动作 5.2　使用JavaScript代码 5.3　网页模板和资源面板 5.3.2　设置模板的属性 5.3.3　应用模板 5.3.4　使用资源面板 5.4　管理站点 5.4.2　管理站点的文件 5.4.3　网站的宣传和推广 思考题 * * 5.1.1　使用行为 1、事件和动作 　动作是一段JavaScript脚本程序，通过执行这种程序，可以实现很多特殊的网页效果。 　事件是指在浏览网页过程中的各种状态的变化。事件通常由浏览器定义。 2、行为和JavaScript脚本程序 　　使用行为时最重要的是控制网页中的对象，窗口、状态栏、网页中的各种元素都是对象。 事件就是在浏览器工作过程中的某种状态的变化。 　　onAbort：当前浏览器正载入一幅图像，用户停止了浏览器的运行时，该事件就发生。 　onAfterUpdate：当页面上被选中的数据元素完了更新数据源后，引发该事件。 　　onBeforeUpdate：当页面上被选中的数据元素已经改变并且将要丢失焦点时，引发这个事件。 　onBounce：当一个框架元素的内容已经到了该框架边缘的时候引发这个事件。 　onChange:当改变了页面上的一个值，如在菜单中选择了一个项目，或者先改变了文本区域的值，然后单击页面以外的部分时，会引发这个事件。 onClick：单击网页上特定元素后所引发的事件。 onDblClick：双击特定元素后所引发的事件。 　onError：载入一个页面或者图像过程中，浏览器有错误产生时，引发这个事件。 onFinish：当所选内容完成了一个循环以后引发这个事件。 onFoucs：特定元素成为用户交互的焦点时引发这个事件。 　onHelp：单击浏览器的“帮助”按钮或者从浏览器的菜单中选择“帮助”命令时引发这个事件。 　onKeyPress：按下一个键并将其释放时引发这个事件。这个事件就像是onKeyDown和onKeyUp两个事件的组合。 onLoad：当一幅图像或页面完成载入时引发的事件。 onMouseDown：当用户按下鼠标键的时候引发这个事件。 onMouseMove：移动鼠标就引发这个事件。 onMouseOut：当光标离开特定元素时引发这个事件。 onMouseOver：当光标移动到特定元素上面时引发这个事件。 onMouseUp：按下的鼠标键被释放时引发的事件。 onMove：窗口或框架移动时引发的事件。 　onReadyStateChange：当特定元素的状态改变时引发这个事件。可能的元素状态包括uninitialized（未初始化）、loading（载入中）和complete（完成）。 onReset：当一个表单被重置为默认信息时引发这个事件。 　onResize：调整浏览器窗口大小或者框架大小时引发这个事件。 　onRowEnter：所选中数据源的当前记录指针改变所引发这个事件。 　　onRowExit：所选取中数据源的当前记录指针将要改变所引发的事件。 　onScroll：上翻滚动条或下翻滚动条时引发的事件。 　onStart：当一个框架元素的内容开始一个循环时引发的事件。 onSubmit：提交一个表单时引发的事件。 onUnload：离开当前页面时引发的事件。 1、检查浏览器 2、检查插件 3、转到URL 4、跳转菜单 5、打开浏览器窗口 6、弹出信息 7、设置文本 8、预先载入图像 9、设置导航栏图像 10、交换图像 11、改变属性 12、显示-隐藏层 13、拖动层 14、调用JavaScript 15、控制 Shockwave 或 Flash 16、播放声音 17、检查表单 5.2.1　使用代码片断 　　使用代码片断，可以存储内容以便快速重复使用。可以创建并插入 HTML、JavaScript、CFML、ASP、JSP 等代码片断。 使用“代码片断”面板 5.3.1　生成模板 　　模板是一种文件，可以用它作为其他文件的基础。创建一个模板时，可以指定页面的哪些元素保持不变，哪些元素可以被修改。使用菜单“文件”→“ 另存模板”。 使用资源面板 1.设置模板的页面属性 使用菜单“修改”→“ 页面属性”改变模板的页面属性。 2.定义模板的可编辑区 　每个模板都包含可编辑区和不可编辑区两部分。可编辑区指的是一个页面中可以更改的部分，它所包含的内容是经常变换的。不可编辑区是指在所有页面中不能改变的内容，它的内容只