认识动态网页参考教材分析及案例推荐.docVIP

5.1认识动态网页教材分析及案例推荐 发布：周霞 　时间：2011/12/5 11:55:54 　来源：宁夏教研网 　点击：970　讨论：0 5.1认识动态网页 一、教学目标 本节主要引导学生发现并初步探索动态网页的概念和常见实现方法，本节分为两个层次和步骤实现：首先通过对现成的动态网页效果欣赏，激发学生的学习兴趣与求知欲，让学生发现动态网页和静态网页的不同和优势；然后通过对比网页中的代码和教师提供的代码来进行探究学习。 表5－1?教学目标的三维描述 维度 行为目标 知识与技能 （1）能简单描述动态HTML和动态网页的概念和基本含义 （2）能举例说出动态网页和静态网页的不同 （3）能找到和分辨动态网页代码和HTML的标记的区别 过程与方法 （1）能着手复制使用老师提供的现成代码 （2）能对一些简单的代码进行分析，并且能够利用工具或者网络寻找一些动态网页效果代码 情感态度与价值观 （1）能从情感上激发学生学习动态网页的热情 （2）能够主动的展开探索 二、内容描述 （一）动态HTML 1.动态HTML的概念 动态HTML是一组技术集合，动态HTML能独立在客户端（浏览者自己的计算机上）处理页面元素，改变其版面、内容和位置，并把结果不断提供给网页浏览者，这些操作都是在客户端完成的，不需要向服务器请求让服务器来处理。这意味着动态HTML的Web页面里面含有程序，会对用户的操作有响应，使其产生动态效果，从而使网页表达能力更加的丰富，即动态HTML能自动变化，是丰富页面的重要手段。我们常用来实现动态HTML的技术有客户端标记语言JScript和VBScript、Document Object Model (简称DOM，文件目标模块)，Layers和Cascading Style Sheets ( CSS样式表)等。 2.动态HTML常见实现方法 要实现动态HTML，可以利用很多现有的网页制作工具和专业的动态效果代码生成软件进行设计，比如FrontPage中的工具栏、Sothink Tree Menu等，这种方法的优势是实现起来比较简单，对制作者的计算机语言知识要求不高。也可以使用网络中下载的JavaScript和VBScript编写的现成脚本来实现一定的动态HTML效果。 （二）动态网页 1.动态网页技术的概念 主要是指服务器端脚本程序，服务器端脚本程序的解释执行是由服务器端WEB软件完成的，它们只有在接收到用户的访问请求后才在服务器端生成并传输到用户的浏览器中。它主要是指采用CGI（公共网关接口，Common Gateway Interface）、ASP（动态服务器页面，Active server Pages）、JSP（Java服务器页面，Java Server Pages）和PHP（超级文本预处理语言，Hypertext Pre-Processor）等技术动态生成的页面。动态网页技术通常以数据库技术为基础。 2．动态网页和静态网页的区别 动态网页是与静态网页相对应的，这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。两者的工作原理区别和各自的特点详见表5-2?动态网页和静态网页工作原理图。 表5-2?动态网页和静态网页工作原理图。 静态网页的工作原理 动态网页的工作原理 表5-3?静态网页和动态网页的特点 静态网页特点 动态网页特点和分辨规则 静态网页的特点简要归纳如下： （1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”； （2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； （3）静态网页的内容相对稳定，因此容易被有哪些信誉好的足球投注网站引擎检索； （4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； （5）静态网页的交互性交差，在功能方面有较大的限制。 ? ? 动态网页的一般特点简要归纳如下： （1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量； （2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等； （3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一