第五章 高级网页制作

第五章高级网页制作 学会制作基本的网页后 就要学习在网页中加入一些特殊的效果 像运动 隐藏 增加一些动态文字效果等 这些都需要使用行为或编写脚本代码完成 使用模板和资源可以快速制作风格统一的网站 网站制作完成后 需要在服务器发布 本章将介绍这几种高级网页制作的知识 5 1行为 5 1 1使用行为 1 事件和动作 动作是一段JavaScript脚本程序 通过执行这种程序 可以实现很多特殊的网页效果 事件是指在浏览网页过程中的各种状态的变化 事件通常由浏览器定义 2 行为和JavaScript脚本程序 使用行为时最重要的是控制网页中的对象 窗口 状态栏 网页中的各种元素都是对象 5 1 2事件 事件就是在浏览器工作过程中的某种状态的变化 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 离开当前页面时引发的事件 5 1 3附加动作 1 检查浏览器 2 检查插件 3 转到URL 4 跳转菜单 5 打开浏览器窗口 6 弹出信息 7 设置文本 8 预先载入图像 9 设置导航栏图像 10 交换图像 11 改变属性 12 显示 隐藏层 13 拖动层 14 调用JavaScript 15 控制Shockwave或Flash 16 播放声音 17 检查表单 5 2使用JavaScript代码 5 2 1使用代码片断 使用代码片断 可以存储内容以便快速重复使用 可以创建并插入HTML JavaScript CFML ASP JSP等代码片断 使用 代码片断 面板 5 3网页模板和资源面板 5 3 1生成模板 模板是一种文件 可以用它作为其他文件的基础 创建一个模板时 可以指定页面的哪些元素保持不变 哪些元素可以被修改 使用菜单 文件 另存模板 使用资源面板 5 3 2设置模板的属性 1 设置模板的页面属性 使用菜单 修改 页面属性 改变模板的页面属性 2 定义模板的可编辑区 每个模板都包含可编辑区和不可编辑区两部分 可编辑区指的是一个页面中可以更改的部分 它所包含的内容是经常变换的 不可编辑区是指在所有页面中不能改变的内容 它的内容只能在模板中编辑 如某些公共标识符等 3 定义重复区域 重复区域指的是一个页面中可以任意多地增加的部分 例如表格中的内容等 重复区域是不可编辑区 如果要在重复区域中编辑不同的内容 必须在重复区域中插入可编辑区域 4 定义可选区域 可选区域是指在满足一定条件下才在页面中显示的区域 5 定义嵌套模板 嵌套模板是指在一个模板中调用了另一个模板的内容 5 3 3应用模板 1 基于模板创建文件 使用菜单 文件 新建 在弹出的对话框中选择 模板 选项卡 出现 从模板新建 对话框 在对话框中选择一个模板 然后单击 创建 按钮 2 在已有的文件中应用模板 使用菜单 修改 模板 应用模板到页 从列表中选择一个模板 然后单击 选定 按钮 3 将文件从模板中分离 使用菜单 修改 模板 从模板中分离 5 3 4使用资源面板 1 使用资源面板添加网页元素 2 管理资源 5 3 5使用库 1 生成库项目 2 应用库项目 3 编辑库项目 4 修改使用库项目的页面 5 4管理站点 5 4 1站点上传 文件上传一般有三种方式 通过网络管理员直接复制到服务器上 通过服务器提供的文件管理器进行文件传输 通过FTP进行文件传输 使用FTP上传是是用较多的一种上传方式 1 配置FTP上传功能 2 上传文件 使用菜单 站点 管理站点 打开 管理站点 对话框 使用菜单 窗口 文件 打开 文件面板 在文件面板的下面列出站点的文件 5 4 2管理站点的文件 1 站点中的文件结构 1 分门别类地将文件存放在不同的目录下 2 在每个主目录下建立独立的images目录 3 目录的层次不要太深 建议不要超过3层 4 不要使用中文文件名和中文目录名 使用中文的名字可能对网址的正确显示造成困难 有一些浏览器不支持中文文件名和目录名的调用 5 不要使用过长的目录名 尽管大多数服务器支持长文件名 但是太长的目录名不便于记忆 也不容易管理 2 文件管理窗口 单击 文件 面板的按钮 窗口转换为文件管理的模式 单击其中的站点文件按钮 在左右两栏分别显示远程文件和本地文件 3 地图视图 在文件管理窗口单击地图视图按钮 4 检查链接 使用菜单 站点 检查站点范围的链接 可检查站点的全部链接 在属性面板的下面显示 结果 面板 报告检查结果 5 4 3网站的宣传和推广 1 到各搜索引擎注册 登记 2 发E mail通知 3 在各留言板上留言 5 多参与论坛 新闻组的讨论 4 参加广告交换组织 6 友情链接 思考题 5 1DreamweaverMX2004中的行为的作用是什么 5 2什么是事件 5 3解释以下事件 onAbortonChangeonClickonLoadonUnloadonMouseMoveonMouseOveronMouseOutonSubmit5 4如