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

1、Internet和网页设计基础和网页设计基础动动 态态 化化课题目标课题目标i了解了解Intranet的定义的定义i解释发布一个解释发布一个Web页的过程页的过程i描述输入表单描述输入表单i解释动态解释动态HTML(DHTML)i解释解释DHTML对象模型对象模型IntranetiIntranet：i 在一个组织内使用基于在一个组织内使用基于Internet技术技术来促进交流及信息访问的一种网络来促进交流及信息访问的一种网络iIntranet与与Interneti三类人决定了三类人决定了Intranet的设计和使用的设计和使用i用户用户是组织中使用是组织中使用Intranet获取信获取信息的人

2、员息的人员i信息提供者信息提供者是提供所需信息的内部是提供所需信息的内部组组i开发者开发者是开发工具、应用程序或组是开发工具、应用程序或组织内部应用程序网关的人织内部应用程序网关的人IntranetIntranet的通用模型的通用模型开开 发发 者者WebWeb工具工具发布系统发布系统WebWeb应用程序和应用程序和WebWeb站点站点信息提供者信息提供者用户工具用户工具（浏览器）（浏览器）用用 户户机机 制制服服 务务信信 息息发布发布WebWeb站点站点i发布到发布到 Internet Internet 上上i发布在发布在 Internet Internet 上的上的WebWeb服务器服务

3、器IISIIS）i发布到发布到 Intranet Intranet 上上i发布在组织中的发布在组织中的WebWeb服务器服务器IISIIS）i发布到本机发布到本机i本机上需安装本机上需安装 PWSPWSPersonal Web ServerPersonal Web Server）i途径：途径：C:InetPubWWWROOTC:InetPubWWWROOT发布发布WebWeb站点站点i发布操作：发布操作：i在在FrontPageFrontPage中打开中打开“文件菜单文件菜单i指定发布站点的位置指定发布站点的位置i例：例： i webserver/s159/s15901webserver/s1

4、59/s15901i 或：或： 22/s159/s159022/s159/s15901i单击单击“发布发布”FrontPageFrontPage服务器扩展服务器扩展iFrontPageFrontPage服务器扩展服务器扩展i安装在安装在WebWeb服务器上服务器上i将会有完整的将会有完整的FrontPageFrontPage的全部功能的全部功能i是运行在一个是运行在一个WebWeb服务器上的一组程序和脚本服务器上的一组程序和脚本iFrontPageFrontPage服务器扩展对发布的影响服务器扩展对发布的影响i可支持完整的可支持完整的FrontPage

5、FrontPage功能，例如协作撰写、命功能，例如协作撰写、命中计数器、电子邮件表单处理中计数器、电子邮件表单处理i将维护你的文件和超链接将维护你的文件和超链接i可以在服务器上直接编辑可以在服务器上直接编辑 Web Web 站点站点i可使用可使用HTTPHTTP来发布站点，而非来发布站点，而非FTPFTPFrontPage WebFrontPage Web上的安全性上的安全性i对于对于WebWeb服务器上的每个服务器上的每个WebWeb站点，您可以设置下列站点，您可以设置下列各类权限：各类权限：i浏览站点的权限浏览站点的权限赋予一个用户、用户组或指定赋予一个用户、用户组或指定计算机以浏览计算机

6、以浏览Front Page Web Front Page Web 的权限的权限i创作和浏览站点的权限创作和浏览站点的权限这赋予一个用户、用户这赋予一个用户、用户组或是指定计算机在组或是指定计算机在Front PageFront Page资源管理器上打开资源管理器上打开FrontPage Web FrontPage Web 以及在以及在FrontPageFrontPage编辑器上创建并编辑器上创建并编辑文件的权限编辑文件的权限i管理、创作并浏览站点的权限管理、创作并浏览站点的权限这赋予一个用户、这赋予一个用户、用户组或指定计算机以管理当前用户组或指定计算机以管理当前Front Page WebF

7、ront Page Web的的权限权限表单表单i表单是一个网页上表单域的集合表单是一个网页上表单域的集合 i表单域是网页上的一个数据项，用户通过在域中表单域是网页上的一个数据项，用户通过在域中键入数据，或者选择该域，来向该域输入信息键入数据，或者选择该域，来向该域输入信息i文本框文本框i列表框列表框i单选按钮单选按钮i复选按钮复选按钮i文本域文本域i命令按钮命令按钮i用户通过表单与服务器进行交互用户通过表单与服务器进行交互表单的例子表单的例子表单的标记表单的标记是是 否否演示例题：第三章演示例题：第三章表单使用表单使用.HTM表单的典型应用表单的典型应用i收集名称、地址、电话号码、电子邮件地址

8、及收集名称、地址、电话号码、电子邮件地址及其它信息来注册一个服务其它信息来注册一个服务i为购买某件商品而收集信息为购买某件商品而收集信息i统计某个统计某个Web站点的反馈站点的反馈i为为Web站点提供搜索工具站点提供搜索工具i为聊天会话提供界面为聊天会话提供界面动态动态HTMLHTMLDHTMLDHTML）iDHTML动态动态 HTMLi通常用于描述使文档动画化的通常用于描述使文档动画化的HTML、样式表及、样式表及脚本的组合脚本的组合iDHTML的构成：的构成：i以以HTML语言为基础语言为基础i级联样式表级联样式表CSS）i脚本语言脚本语言VBScript 、Jscript 或或 Java

9、Script）i浏览器的对象模型浏览器的对象模型i例：悬停按钮、横幅广告、站点计数器、网页过例：悬停按钮、横幅广告、站点计数器、网页过滤效果等滤效果等DHTMLDHTML的特点的特点i动态样式动态样式i演示例演示例1i动态内容动态内容i演示例演示例2i绝对定位绝对定位i可以指定元素的可以指定元素的X、Y坐标坐标i可以实现可以实现Z坐标轴的定位坐标轴的定位i内建多媒体特效内建多媒体特效i由内建的多媒体滤镜提供由内建的多媒体滤镜提供i例：模糊、发光、下拉阴影、阴影、屏蔽、透明例：模糊、发光、下拉阴影、阴影、屏蔽、透明度等度等i数据绑定数据绑定DHTMLDHTML对象模型对象模型i4.04.0版本之

10、后的版本之后的IE IE 和和 NetScape NetScape 都基于对象模型都基于对象模型i每个元素都被看作是一个可以独立访问并编程的对每个元素都被看作是一个可以独立访问并编程的对象象 i浏览器的对象有各自的属性、方法、事件浏览器的对象有各自的属性、方法、事件i是以是以W3CW3C公布的文件对象模型公布的文件对象模型Document Object Document Object Model Model ）DOMDOM为基础，再加上自己的扩展对象而成为基础，再加上自己的扩展对象而成事件模式事件模式i事件模式事件模式i网页可根据用户的动作或浏览器的状态给予响应网页可根据用户的动作或浏览器的状

11、态给予响应i事件处理程序事件处理程序i相关代码块，当相应的事件发生时被执行相关代码块，当相应的事件发生时被执行i事件类型事件类型i浏览器状态改变浏览器状态改变i例：例：onLoad 、onChange、onUnload、onResize、onReseti鼠标事件：鼠标事件：i例：例：onMouseOver、 onMouseOut 、onMouseDown onMouseMove、 onClick 、onDblClicki键盘事件：键盘事件：i例：例：onKeyDown 、 onKeyUp 、onKeyPress事件的生命周期事件的生命周期l事件生命周期：事件生命周期：l事件随触发事件的动作开始，在对应事件处理响事件随触发事件的动作开始，在对应事件处理响应完毕后结束应完毕后结束l事件过程步骤：事件过程步骤：l用户操作或浏览器状态发生改变用户操作或浏览器状态发生改变l浏览器对象更新其信息，反应事件状态浏览器对象更新其信息，反应事件状态l事件被触发或响应事件事件被触发或响应事件l调用相关的事件处理程序调用相关的事件处理程序事件冒泡事件冒泡l 事件冒泡：l事件会传递给上一层对象l上一层对象接收到事件，会调用并执行该对象的事件处理程序l事件会继续往上传递，事件处