(第五章网页及其制作工具.docVIP

第五章 网页及其制作工具 一、本章内容框架结构 教材P104页第五章学习线路图 从学习线路图中我们可以看到，为了更好地设计制作网页，必须了解构成网页的各种元素以及网页的分类，并能根据表达任务的需要，使用常用的网页制作软件设计制作网页。超文本标记语言的基本结构、语法以及动态网页的概念及其工作原理也是本章的重点。 二、教材分析 本章包含《网页》、《网页的文件结构及支持技术》和《常用的网页制作工具》等三节内容。 一个网页就是一个用超文本标记语言（HTML）编写的文件，利用“链接的方法”将一系列网页相互串联起来，便形成了一个网站。网页和网站既可以在不联网的计算机上被本地用户浏览，也可以通过局域网甚至因特网被远程用户浏览。所以，随着网络应用的普及，通过网页来表达信息成为重要的信息表达手段之一。 通过对网页以及网页的文件结构及支持技术的学习，可以了解网页、主页、网站的基本概念以及它们之间的关系，可以知道HTML文件的基本结构，可以理解动态网页的概念。通过对常用的网页制作工具软件的学习，逐步掌握能够根据不同的表达任务的需求，选择合适的网页制作工具软件来制作网页的技能。 在学生活动方面，教材安排了1个“综合探究”活动和6个“实践体验”活动，来加深对有关概念的理解以及提高使用网页制作工具软件的技能。 网页、主页、网站的基本概念及其相互关系、HTML文件的基本结构、使用合适的网页制作工具制作网页等内容是本章的学习重点。难点是理解动态网页的概念，并能理解其工作过程。 通过本章学习，为下一章《第六章 网站设计与制作》的学习提供了相关的基本知识与操作技能的准备。 三、教学目标 1．了解网页、主页、网站的基本概念以及它们之间的关系。 2．知道HTML文件的结构，了解简单的HTML代码的修改方法。 3．了解动态网页的支持技术，理解动态网页的概念，能解释其工作过程。 4．能够根据不同的制作要求，选择合适的网页制作工具。 四、课时分配建议 小节 内容 实践探究活动 课时 5.1 网页 综合探究：分析页面的构成。 实践体验：体验客户端动态网页效果。 1 5.2 网页的文件结构及支持技术 实践体验：网页结构及其元素属性的分析。 实践体验：Personal Web Server的安装。 1 5.3 常用的网页制作工具 实践体验：利用Dreamweaver制作动态网页。 实践体验：运用Fireworks制作网页按钮。 实践体验：运用Flash制作“欢迎光临”文字交替出现的动画。 讨论交流：描述网页制作工具的分类及其功能。 3 合计 5 五、各节教学要求和教学设计建议 5.1 网页 （一）教学要求 1.了解网页、主页、网站的基本概念及其相互关系。 2.了解静态网页技术和动态网页技术的不同之处。 （二）教学设计建议 本节教材包含的主要内容是：网页栏目的构成、静态网页和动态网页。 在本节教学活动中，首先要让学生了解网页、主页、网站的基本概念以及它们之间的关系。其次，通过演示一些布局较为典型的网页来介绍网页栏目的构成。最后，让学生通过学习了解静态网页与动态网页在表现形式以及工作原理方面的差异。 为了增强学生对网页页面结构的分析、归纳能力，最终增强学生网页页面的设计能力，也就是为了提高学生通过设计与发布网页这种途径来表达信息的能力，在本节教材中安排了一个“综合探究”活动——分析页面的构成。许多网站的主页都会包括以下一些栏目：页面标题、网站标志（LOGO）、页眉区、导航栏、登录区、搜索区、推荐热点区、主要内容区、页脚区等等。当然，网页的表达形式主要是为网页表达的内容服务的，如果想要表达的主题比较简洁，就应该设计结构简洁的网页。的主页就相当简洁。教师在布置学生分析页面构成的时候，要引导学生选择页面布局典型的和页面布局具有与众不同特性的页面进行分析。既要选取一些内容丰富的页面，也需要选择一些结构简洁的页面进行分析。 在讲解静态网页技术和动态网页技术的不同之处时，应该利用教材上的二幅工作原理图，见图5.1和图5.2。 图5.1 静态网页工作原理图 静态网页是在服务器上以文件形式存放并以相同格式发送给客户的网页。客户通过浏览器看到的网页内容就是事先保存在服务器上相同的网页内容，网页在服务器端和客户浏览器端完全一致、没有变化，所以称为静态网页。动态网页是指在用户浏览过程中，由计算机系统自动创建的网页，技术上分为客户端浏览器动态技术和服务器端动态技术。 图5.2 服务器端动态网页工作原理图 客户端动态网页技术不需要与服务器交互，它通常采用java小程序和脚本语言形式直接嵌在网页中。服务器将网页发送给客户以后，网页在客