IWPDT3北大青鸟网页设计基础教材.ppt

wnt 2000(C) copyright Internet和网页设计基础 动 态 化 课题目标 了解Intranet的定义 解释发布一个Web页的过程 描述输入表单 解释动态HTML(DHTML) 解释DHTML对象模型 Intranet Intranet： 在一个组织内使用基于Internet技术来促进交流及信息访问的一种网络 Intranet与Internet 三类人决定了Intranet的设计和使用 用户——是组织中使用Intranet获取信息的人员 信息提供者——是提供所需信息的内部组 开发者——是开发工具、应用程序或组织内部应用程序网关的人 Intranet的通用模型 发布Web站点 发布到 Internet 上 发布在 Internet 上的Web服务器（IIS） 发布到 Intranet 上 发布在组织中的Web服务器（IIS） 发布到本机 本机上需安装 PWS（Personal Web Server） 路径：C:\InetPub\WWWROOT 发布Web站点 发布操作： 在FrontPage中打开“文件”菜单 指定发布站点的位置 例： http://webserver/s159/s15901 或： 22/s159/s15901 单击“发布” FrontPage服务器扩展 FrontPage服务器扩展 安装在Web服务器上 将会有完整的FrontPage的全部功能 是运行在一个Web服务器上的一组程序和脚本 FrontPage服务器扩展对发布的影响 可支持完整的FrontPage功能，例如协作撰写、命中计数器、电子邮件表单处理 将维护你的文件和超链接 可以在服务器上直接编辑 Web 站点 可使用HTTP来发布站点，而非FTP FrontPage Web上的安全性 对于Web服务器上的每个Web站点，您可以设置下列各类权限： 浏览站点的权限——赋予一个用户、用户组或指定计算机以浏览Front Page Web 的权限 创作和浏览站点的权限——这赋予一个用户、用户组或是指定计算机在Front Page资源管理器上打开FrontPage Web 以及在FrontPage编辑器上创建并编辑文件的权限 管理、创作并浏览站点的权限——这赋予一个用户、用户组或指定计算机以管理当前Front Page Web的权限 表单 表单是一个网页上表单域的集合 表单域是网页上的一个数据项，用户通过在域中键入数据，或者选择该域，来向该域输入信息 文本框 列表框 单选按钮 复选按钮 文本域 命令按钮 用户通过表单与服务器进行交互 表单的例子 表单的标记 表单的典型应用 收集名称、地址、电话号码、电子邮件地址及其它信息来注册一个服务 为购买某件商品而收集信息 统计某个Web站点的反馈 为Web站点提供搜索工具 为聊天会话提供界面 动态HTML（DHTML） DHTML——动态 HTML 通常用于描述使文档动画化的HTML、样式表及脚本的组合 DHTML的构成： 以HTML语言为基础 级联样式表（CSS） 脚本语言（VBScript 、Jscript 或 JavaScript） 浏览器的对象模型 例：悬停按钮、横幅广告、站点计数器、网页过滤效果等 DHTML的特点 动态样式 演示例1 动态内容 演示例2 绝对定位 可以指定元素的X、Y坐标 可以实现Z坐标轴的定位 内建多媒体特效 由内建的多媒体滤镜提供 例：模糊、发光、下拉阴影、阴影、屏蔽、透明度等 数据绑定 DHTML对象模型 4.0版本之后的IE 和 NetScape 都基于对象模型 每个元素都被看作是一个可以独立访问并编程的对象 浏览器的对象有各自的属性、方法、事件 是以W3C公布的文件对象模型（Document Object Model ）DOM为基础，再加上自己的扩展对象而成 事件模式 事件模式 网页可根据用户的动作或浏览器的状态给予响应 事件处理程序 相关代码块，当相应的事件发生时被执行 事件类型 浏览器状态改变 例：onLoad 、onChange、onUnload、onResize、onReset 鼠标事件： 例：onMouseOver、 onMouseOut 、onMouseDown onMouseMove、 onClick 、onDblClick 键盘事件： 例：onKeyDown 、 onKeyUp 、onKeyPress 事件的生命周期 事件生命周期： 事件随触发事件的动作开始，在对应事件处理响应完毕后结束 事件过程步骤： 用户操作或浏览器状态发生改变 浏览器对象更新其信息，反应事件状态 事件被触发或响应事件 调用相关的事件处理程序 事件冒泡 事件冒泡： 事件会传递给上一层对