高中信息技术：第五章《动态网页制作》教案（教科版选修）VIP专享VIP免费

第五章《静态网页与动态网页的比较》教案一、教学目标准确把握静态网页与动态网页的区别，为学生以后自主制作动态网页打下良好的基础。二、教材内容分析关于动态网页，没有动态网站开发经验的同学，可能理解起来比较困难，甚至分不清何为静态网页，何为动态网页。而网络世界走到今天，动态网页已是大行其道，也是学生很有必要掌握的。而教材上关于动态网页的介绍显得比较笼统，教师有必要收集相关资料，让学生正确认识动态网页的含义。三、教学方法及策略依据学生前面制作网页的基础，首先给出静态网页的概念，有了静态网页的学习，采用比较法，学生会对动态网页有个粗浅的了解。进而通过实例演示，让学生对动态网页有更深一步的了解，达到准确把握动态网页的概念。该堂课理论内容较多，教师需要将讲授内容通过投影展示到屏幕上，以便于学生学习。四、教学过程1．教师首先根据同学们前面的学习，给出静态网页的概念师：同学们前面都自己利用FrontPage制作过自己喜欢的网页，这种网页的文件扩展名是.htm或者.html。网页上的每一行代码都是同学们预先编写好后，放置到Web服务器上的，在发送到客户端的浏览器上不再发生任何变化。这种网页，就称之为静态网页。2．教师展示静态网页的处理过程静态网页的处理流程（1）当用户在浏览器的“地址”栏中输入一个URL地址并单击“转到”按钮或敲击键盘上的回车键（或者在浏览器菜单栏的“收藏”选择一个网址）后，浏览器将向Web服务器发出一个页面请求。（2）当Web服务器收到这个页面请求，根据.htm或.html判断出这是一个静态的HTML文件，然后从磁盘或存储器中查找获取用户请求的这个页面。（3）Web服务器找到这个请求文件后，就会把它发送到浏览器，浏览器对这个返回的HTML文件进行解释并将结果显示在浏览器中。图5-1静态网页处理过程3．教师提出关于静态网页的问题，学生思考师：同学们，如果你自己有一个个人网站，需要发布大量的信息，采用静态网页的形式，你们觉得方便吗，有什么弊端？请同学们讨论。生：讨论老师提出的问题。4．登录126网站，体验动态网页师：请同学们登录126网站，通过“注册2280M免费邮箱”，注册一个属于自己的邮箱。在这个过程中，思考这样一个问题：这种注册方式是静态网页能完成的任务吗？生：注册邮箱，并思考问题。5．老师给出动态网页的概念及处理流程动态网页和静态网页的相同之处：都是ASCII编码文件，都存在着HTML代码，都能包含脚本语言代码，都存放在Web服务器上，都把用户请求的页面发送到浏览器上。动态网页和静态网页的区别是：动态网页的文件扩展名不是.htm、.html，而是以．asp、．jsp、．php、．perl、.cgi等形式为文件后缀；动态网页中的某些脚本只能在服务器上运行，而静态网页不能包含在服务器上运行的任何脚本；当Web服务器收到用户请求的静态页面后，将把查找结果直接发送到浏览器，而当Web服务器收到用户请求的动态页面后，它将先把这个网页传递给一个称为应用服务器扩展的特殊软件进行处理，然后将处理结果传送给浏览器。动态网页的处理流程如图5-2所示。（1）用户在浏览器的“地址”栏中输入一个URL地址并单击“转到”按钮或敲击键盘上的回车键（或者在浏览器菜单栏的“收藏”选择一个网址）后，浏览器将向Web服务器发出一个页面请求。（2）当Web服务器收到这个页面请求，根据文件扩展名判断出它是一个动态网页，会从磁盘或存储器中查找获取用户请求的这个页面，再将这个页面传递给应用程序服务器。（3）用程序服务器解释执行该页中的脚本代码，并将结果以静态网页的形式保存。（4）应用程序服务器将静态网页结果传递给Web服务器。（5）Web服务器把它发送到浏览器，浏览器对这个返回的HTML文件进行解释并将结果显示在浏览器中。图5-2动态网页的处理过程教师进一步比较静态网页和动态网页。（1）程序是否在服务器端运行，是区分动态网页和静态网页的重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP．NET、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如Html页、Flash、JavaScript、VBSc...