第五章 高级网页制作

1、学会制作基本的网页后，就要学习在网页学会制作基本的网页后，就要学习在网页中加入一些特殊的效果，像运动、隐藏、增加中加入一些特殊的效果，像运动、隐藏、增加一些动态文字效果等，这些都需要使用行为或一些动态文字效果等，这些都需要使用行为或编写脚本代码完成。使用模板和资源可以快速编写脚本代码完成。使用模板和资源可以快速制作风格统一的网站。网站制作完成后，需要制作风格统一的网站。网站制作完成后，需要在服务器发布。本章将介绍这几种高级网页制在服务器发布。本章将介绍这几种高级网页制作的知识。作的知识。.1使用行为使用行为1 1、事件和动作、事件和动作动作是一段JavaScript脚本程序，通

2、过执行这种程序，可以实现很多特殊的网页效果。事件是指在浏览网页过程中的各种状态的变化。事件通常由浏览器定义。2 2、行为和、行为和JavaScriptJavaScript脚本程序脚本程序使用行为时最重要的是控制网页中的对象，窗口、状态栏、网页中的各种元素都是对象。 .2事件事件事件就是在浏览器工作过程中的某种状态的变化。 onAbort：当前浏览器正载入一幅图像，用户停止了浏览器的运行时，该事件就发生。onAfterUpdate：当页面上被选中的数据元素完了更新数据源后，引发该事件。onBeforeUpdate：当页面上被选中的数据元素已经改变并且将要丢失焦点时，引发这个事件。

3、onBounce：当一个框架元素的内容已经到了该框架边缘的时候引发这个事件。onChange:当改变了页面上的一个值，如在菜单中选择了一个项目，或者先改变了文本区域的值，然后单击页面以外的部分时，会引发这个事件。onClick：单击网页上特定元素后所引发的事件。onDblClick：双击特定元素后所引发的事件。onError：载入一个页面或者图像过程中，浏览器有错误产生时，引发这个事件。onFinish：当所选内容完成了一个循环以后引发这个事件。onFoucs：特定元素成为用户交互的焦点时引发这个事件。 onHelp：单击浏览器的“帮助”按钮或者从浏览器的菜单中选择“帮助”命令时引发这个事件。

4、onKeyPress：按下一个键并将其释放时引发这个事件。这个事件就像是onKeyDown和onKeyUp两个事件的组合。onLoad：当一幅图像或页面完成载入时引发的事件。onMouseDown：当用户按下鼠标键的时候引发这个事件。onMouseMove：移动鼠标就引发这个事件。onMouseOut：当光标离开特定元素时引发这个事件。onMouseOver：当光标移动到特定元素上面时引发这个事件。onMouseUp：按下的鼠标键被释放时引发的事件。onMove：窗口或框架移动时引发的事件。onReadyStateChange：当特定元素的状态改变时引发这个事件。可能的元素状态包括uninit

5、ialized（未初始化）、loading（载入中）和complete（完成）。onReset：当一个表单被重置为默认信息时引发这个事件。onResize：调整浏览器窗口大小或者框架大小时引发这个事件。onRowEnter：所选中数据源的当前记录指针改变所引发这个事件。onRowExit：所选取中数据源的当前记录指针将要改变所引发的事件。 onScroll：上翻滚动条或下翻滚动条时引发的事件。onStart：当一个框架元素的内容开始一个循环时引发的事件。onSubmit：提交一个表单时引发的事件。onUnload：离开当前页面时引发的事件。.3附加动作附加动作1、检查浏览器、检

6、查浏览器 2、检查插件、检查插件3、转到、转到URL4、跳转菜单、跳转菜单5、打开浏览器窗口、打开浏览器窗口6、弹出信息、弹出信息 7、设置文本、设置文本8、预先载入图像、预先载入图像9、设置导航栏图像、设置导航栏图像10、交换图像、交换图像11、改变属性、改变属性12、显示、显示-隐藏层隐藏层13、拖动层、拖动层14、调用、调用JavaScript15、控制、控制 Shockwave 或或 Flash16、播放声音、播放声音17、检查表单、检查表单.1使用代码片断使用代码片断使用代码片断，可以存储内容以便快速重复使用。可以创建并插入 HTML、JavaScript、CFML、

7、ASP、JSP 等代码片断。 使用使用“代码片断代码片断”面板面板.1生成模板生成模板模板是一种文件，可以用它作为其他文件的基础。创建一个模板时，可以指定页面的哪些元素保持不变，哪些元素可以被修改。使用菜单“文件”“ 另存模板”。 使用资源面板使用资源面板.2设置模板的属性设置模板的属性1.设置模板的页面属性设置模板的页面属性使用菜单“修改”“ 页面属性”改变模板的页面属性。 2.定义模板的可编辑区定义模板的可编辑区每个模板都包含可编辑区和不可编辑区两部分。可编辑区指的是一个页面中可以更改的部分，它所包含的内容是经常变换的。不可编辑区是指在所有页面中不能改变的内

8、容，它的内容只能在模板中编辑，如某些公共标识符等。3.定义重复区域定义重复区域重复区域指的是一个页面中可以任意多地增加的部分，例如表格中的内容等。重复区域是不可编辑区，如果要在重复区域中编辑不同的内容，必须在重复区域中插入可编辑区域。4.定义可选区域定义可选区域 可选区域是指在满足一定条件下才在页面中显示的区域。5.定义嵌套模板定义嵌套模板嵌套模板是指在一个模板中调用了另一个模板的内容。 .3应用模板应用模板1.基于模板创建文件基于模板创建文件 使用菜单“文件”“新建”，在弹出的对话框中选择“模板”选项卡，出现“从模板新建”对话框，在对话框中选择一个模板，然后单击“创建”按钮。

9、 2. 在已有的文件中应用模板在已有的文件中应用模板使用菜单“修改” “模板”“应用模板到页”，从列表中选择一个模板，然后单击“选定”按钮。3.将文件从模板中分离将文件从模板中分离使用菜单“修改” “模板”“从模板中分离”。 .4使用资源面板使用资源面板1.使用资源面板添加网页元素使用资源面板添加网页元素2.管理资源管理资源.5使用库使用库1.生成库项目生成库项目2.应用库项目应用库项目3.编辑库项目编辑库项目4.修改使用库项目的页面修改使用库项目的页面.1站点上传站点上传文件上传一般有三种方式：通过网络管理员直接复制到服务器上，通过服务器提供的

10、文件管理器进行文件传输，通过FTP进行文件传输。使用FTP上传是是用较多的一种上传方式。1.配置配置FTP上传功能上传功能2.上传文件上传文件使用菜单“站点”“管理站点”打开“管理站点”对话框。 使用菜单“窗口”“文件”打开“文件面板”，在文件面板的下面列出站点的文件。.2管理站点的文件管理站点的文件1.站点中的文件结构站点中的文件结构（1）分门别类地将文件存放在不同的目录下。（2）在每个主目录下建立独立的images目录。（3）目录的层次不要太深，建议不要超过3层。（4）不要使用中文文件名和中文目录名，使用中文的名字可能对网址的正确显示造成困难，有一些浏览器不支持中文文件名和

11、目录名的调用。（5）不要使用过长的目录名，尽管大多数服务器支持长文件名，但是太长的目录名不便于记忆，也不容易管理。2.文件管理窗口文件管理窗口单击“文件”面板的按钮 窗口转换为文件管理的模式。 单击其中的站点文件按钮 在左右两栏分别显示远程文件和本地文件。 3.地图视图地图视图在文件管理窗口单击地图视图按钮 4.检查链接检查链接使用菜单“站点” “检查站点范围的链接”可检查站点的全部链接，在属性面板的下面显示“结果”面板，报告检查结果 。.3网站的宣传和推广网站的宣传和推广1、到各搜索引擎注册、登记、到各搜索引擎注册、登记2、发、发E-mail通知通知3、在各留言板上留言、在各留言板上留言5、多参与论坛、新闻组的讨论、多参与论坛、新闻组的讨论4、参加广告交换组织、参加广告交换组织6、友情链接、友情链接思考题思考题5.1 Dreamweaver MX 2004中的行为的作用是什么？5.2 什么是事件？ 5.3 解释以下事件：onAbort onChange onClick onLoad onUnload onMouseMove onMouseOver onMou