《第五章动态网页制作.ppt》由会员分享，可在线阅读，更多相关《第五章动态网页制作.ppt（14页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第五章 动态网页制作F 认识动态网页F 理解动态HTMLF 应用动态HTMLF ASP脚本的应用 5.1 认识动态网页第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作 动态动态HTML HTML 动态网页动态网页5.1.1 动态HTML什么是动态什么是动态什么是动态什么是动态HTMLHTMLHTMLHTML：是近年来网络发展进是近年来网络发展进是近年来网络发展进是近年来网络发展进程中出现的一种特别的技术应用概念，程中出现的一种特别的技术应用概念，程中出现的一种特别的技术应用概念，程中出现的一种特别的技术应用概念，它专指一种制作网页的方式。所谓动态它专指一种制作网页的方
2、式。所谓动态它专指一种制作网页的方式。所谓动态它专指一种制作网页的方式。所谓动态HTMLHTMLHTMLHTML，是指即使在脱离网络环境的情况是指即使在脱离网络环境的情况是指即使在脱离网络环境的情况是指即使在脱离网络环境的情况下，网页下载到浏览器以后仍能够随时下，网页下载到浏览器以后仍能够随时下，网页下载到浏览器以后仍能够随时下，网页下载到浏览器以后仍能够随时变换的变换的变换的变换的HTMLHTMLHTMLHTML。如何实现简单的动态如何实现简单的动态如何实现简单的动态如何实现简单的动态HTMLHTMLHTMLHTML效果：触发事效果：触发事效果：触发事效果：触发事件、效果类型、效果设置内容。
3、件、效果类型、效果设置内容。件、效果类型、效果设置内容。件、效果类型、效果设置内容。实践练习实践练习实践练习实践练习：尝试在网页中加入动态：尝试在网页中加入动态：尝试在网页中加入动态：尝试在网页中加入动态HTMLHTMLHTMLHTML效果。效果。效果。效果。第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.1.2 动态网页什么是动态网页：早期的动态网页主要什么是动态网页：早期的动态网页主要什么是动态网页：早期的动态网页主要什么是动态网页：早期的动态网页主要指的是采用指的是采用指的是采用指的是采用CGICGI、ASPASP、JSPJSP和和和和PHPPHP等等等等技
4、术动态生成的页面，随着网络技术的技术动态生成的页面，随着网络技术的技术动态生成的页面，随着网络技术的技术动态生成的页面，随着网络技术的发展，动态网页涵盖的范围不断扩大。发展，动态网页涵盖的范围不断扩大。发展，动态网页涵盖的范围不断扩大。发展，动态网页涵盖的范围不断扩大。实践活动：比较静态网页和动态网页的实践活动：比较静态网页和动态网页的实践活动：比较静态网页和动态网页的实践活动：比较静态网页和动态网页的区别。区别。区别。区别。第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.2 理解动态HTML客户端脚本语言客户端脚本语言CSS样式表样式表第五章第五章第五章第五章
5、动态网页制作动态网页制作动态网页制作动态网页制作5.2.1 客户端脚本语言什么是客户端脚本语言：是指可以直什么是客户端脚本语言：是指可以直什么是客户端脚本语言：是指可以直什么是客户端脚本语言：是指可以直接对客户端进行编写并使页面发生动接对客户端进行编写并使页面发生动接对客户端进行编写并使页面发生动接对客户端进行编写并使页面发生动态变化的脚本语言。态变化的脚本语言。态变化的脚本语言。态变化的脚本语言。什么是什么是什么是什么是JAVASCRIPTJAVASCRIPT文件：是一种面文件：是一种面文件：是一种面文件：是一种面向浏览器的网页脚本编程语言，是向浏览器的网页脚本编程语言，是向浏览器的网页脚本
6、编程语言，是向浏览器的网页脚本编程语言，是NetscapeNetscape公司推出的一种提高网页公司推出的一种提高网页公司推出的一种提高网页公司推出的一种提高网页页面交互性的方法。页面交互性的方法。页面交互性的方法。页面交互性的方法。调用调用调用调用JAVASCRIPTJAVASCRIPT文件文件文件文件第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.2.2 CSS样式表什么是什么是什么是什么是CSSCSS：是指层叠样式表，简称样是指层叠样式表，简称样是指层叠样式表，简称样是指层叠样式表，简称样式表。式表。式表。式表。CSSCSS的实现：详见教材的实现：详见教材的
7、实现：详见教材的实现：详见教材P114P114在在在在HTMLHTML中加入中加入中加入中加入CSSCSS：嵌入式样式表、嵌入式样式表、嵌入式样式表、嵌入式样式表、内联式样式表、外联式样式表内联式样式表、外联式样式表内联式样式表、外联式样式表内联式样式表、外联式样式表第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.3 应用动态HTML用用JAVASCRIPT制作动态制作动态HTML动态动态HTML设计原则设计原则第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.3.1 用JAVASCRIPT制作动态HTML日期显示日期显示日期显示日期显
8、示下拉菜单下拉菜单下拉菜单下拉菜单插入插入插入插入JAVASCRIPTJAVASCRIPTJAVASCRIPTJAVASCRIPT特效时应注意的问题：特效时应注意的问题：特效时应注意的问题：特效时应注意的问题：确定版权问题、判断是否要修改、确定确定版权问题、判断是否要修改、确定确定版权问题、判断是否要修改、确定确定版权问题、判断是否要修改、确定插入位置和如何插入插入位置和如何插入插入位置和如何插入插入位置和如何插入 第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.3.2 动态HTML设计原则尽量精简，不要使用太多的动画尽量精简，不要使用太多的动画尽量精简，不要使用
9、太多的动画尽量精简，不要使用太多的动画过度的闪烁让人头痛过度的闪烁让人头痛过度的闪烁让人头痛过度的闪烁让人头痛合理使用滚动的字幕、变换的选择框以及合理使用滚动的字幕、变换的选择框以及合理使用滚动的字幕、变换的选择框以及合理使用滚动的字幕、变换的选择框以及持续的动画持续的动画持续的动画持续的动画第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.4 ASP脚本的应用初识初识ASP创建创建ASP程序的准备工作程序的准备工作ASP的简单应用（举例说明，的简单应用（举例说明，详见附件）详见附件）第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.4.
10、1 初识ASP 什么是什么是什么是什么是ASPASPASPASP：是微软公司提出的一种服务器编程技是微软公司提出的一种服务器编程技是微软公司提出的一种服务器编程技是微软公司提出的一种服务器编程技术，也就是一套服务器端脚本运行环境。术，也就是一套服务器端脚本运行环境。术，也就是一套服务器端脚本运行环境。术，也就是一套服务器端脚本运行环境。ASPASPASPASP工作流程：工作流程：工作流程：工作流程：第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.4.2 创建ASP程序的准备工作 设置设置设置设置ASPASPASPASP运行环境运行环境运行环境运行环境IISIISI
11、ISIIS（以以以以Windows2000Windows2000Windows2000Windows2000的的的的IISIISIISIIS为例）为例）为例）为例）（1 1 1 1）打开）打开）打开）打开InternetInternetInternetInternet信息服务控制台信息服务控制台信息服务控制台信息服务控制台（2 2 2 2）设置虚拟目录）设置虚拟目录）设置虚拟目录）设置虚拟目录（3 3 3 3）运行并浏览）运行并浏览）运行并浏览）运行并浏览ASPASPASPASP程序程序程序程序 实践实践实践实践：设置自己的：设置自己的：设置自己的：设置自己的ASPASPASPASP运行环境运
12、行环境运行环境运行环境 拓展拓展拓展拓展：搜寻相关资料，：搜寻相关资料，：搜寻相关资料，：搜寻相关资料，Windows98Windows98Windows98Windows98系统中如何设系统中如何设系统中如何设系统中如何设置置置置ASPASPASPASP运行环境？（见附件图解安装运行环境？（见附件图解安装运行环境？（见附件图解安装运行环境？（见附件图解安装personal personal personal personal web server)web server)web server)web server)第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作5.4
13、.3 ASP的简单应用 我的第一个我的第一个我的第一个我的第一个ASPASPASPASP程序程序程序程序 编写简单代码，分析代码，举例说明（例子见附件）编写简单代码，分析代码，举例说明（例子见附件）编写简单代码，分析代码，举例说明（例子见附件）编写简单代码，分析代码，举例说明（例子见附件）实践：在已经设置好的实践：在已经设置好的实践：在已经设置好的实践：在已经设置好的ASPASPASPASP运行环境中运行、浏览运行环境中运行、浏览运行环境中运行、浏览运行环境中运行、浏览ASPASPASPASP代码，代码，代码，代码，代码由教师提供。代码由教师提供。代码由教师提供。代码由教师提供。了解：浏览了解：浏览了解：浏览了解：浏览ASPASPASPASP相关网站，下载部分免费的相关网站，下载部分免费的相关网站，下载部分免费的相关网站，下载部分免费的ASPASPASPASP教程和源代教程和源代教程和源代教程和源代码，并进行学习和修改。码，并进行学习和修改。码，并进行学习和修改。码，并进行学习和修改。拓展：各种动态网页制作技术比较。（详见教材拓展：各种动态网页制作技术比较。（详见教材拓展：各种动态网页制作技术比较。（详见教材拓展：各种动态网页制作技术比较。（详见教材P126P126P126P126）第五章第五章第五章第五章 动态网页制作动态网页制作动态网页制作动态网页制作