4.3动态网页技术 教学主题 网页的文件结构及支持技术 适用年级 高二年级 教学课时 1课时 教材分析 通过本节课的学习，让学生知道HTML文件的基本结构，了解目前常用的动态网页技术，并能发布自己的个人网页。动态网页的概念在前面已学过，难点是理解动态网页技术是如何实现的，以ASP为例，让学生在实践中体会。由于内容较多，教师可根据学生掌握的情况，增加课时。也可针对ASP的实践活动做进一步的学习。 学习目标 1. 知道HTML文件的结构，了解基本的HTML元素。2. 了解常用的动态网页支持技术。3. 了解Web服务器软件的安装与使用方法。 所需资源和环境 数字化资源 常规资源 教材配套教师用书。“网页的文件结构及支持技术”实践报告单 教学支撑环境 计算机电子教室、多媒体网络教室软件或液晶投影仪 教学设计 教学思路设计 本节课的教学内容比较抽像，操作难度较大，在实际操作中适当采用了分组，主要强调学生自我探究及互帮互助的学习能力。通过“布置任务—学生活动—交流谈论—教师点拨”的形式，让学生在“做中学、学中做”。 教学引导问题设计 问题 目的 重点/难点/关键点 你知道如何制作网页吗？ 了解HTML语言 了解HTML语言的结构及基本标签 如何发布你的网页？ 学会web服务器（PWS）的安装 PWS服务器的配置 如何让网页动起来（更新）？ 了解动态网页技术 ASP程序及其运行方式 教学过程设计 新课引入：通过提问“你喜爱的网站有哪些？”“你想拥有自己的网站吗？” 等问题来引起学生兴趣，从而导入新课。教学内容：因为学生从末接触过HTML语言，所以教师在发布任务前先简单通过电子教室进行讲解，为接下来的上机操作作铺垫。第一部分：教师演示：1.用记事本创建一个简单的HTML文件（可事先准备好），然后通过IE进行浏览，解释HTML文件的结构及基本的标签。文件内容(参考)： (适当去掉)
第一个网页！这是你的第一个网页！ 教师讲解：分析HTML文件的构成。了解HTML文件的语句结构，了解基本的常用的元素。注意方法：通过网页编辑工具在网页中插入图片、表格、超级链接，查看代码的变化，通过反复切换查看源代码与查看网页在浏览器中的显示效果，分析、理解网页代码的作用。尤其要了解HTML代码中常见元素、元素名称及元素的属性。小结：网页文件与WORD 文件比较。网页文件不象WORD 文件所见即所得（通过IE浏览）。第二部分：通过计算机网络将学习任务单下传给每位同学。准备工作：1.将书本P83页的星座命名.htm文件和P87页的实践中的inde.asp文件通过电子教室软件传送到学生机的D盘中。（也可在教师机上设置共享，让学生复制）2.对学生做适当的分组，完成实践活动二和实践活动三。实践活动一：（1）用Frontpage或Dreamwaver打开D盘中“星座命名.htm”网页文件。（2）通过反复切换查看源代码与查看网页在浏览器中的显示效果，分析、理解网页代码的作用。尤其要了解HTML代码中常见元素、元素名称及元素的属性。(3)学生按要求填写实验报告。（附）实践活动二：分组进行（1）打开服务器上共享文件夹“PWS安装文件”。（2）运行add-onspus文fvdvfd件夹中的setup.exe，安装PWS，把本台计算机设置成一台Web服务器。（3）设定虚拟目录，设定把用户的网页存放在D:\myweb文件夹中。设置此文件夹的别名为myasp。设定默认文档。添加默认文档index.htm。将星座命名.htm文件复制到D:\web,重命名为index.htm。 (6) 在本台计算机上，打开浏览器，在地址栏输入：http://localhost/myasp，验证PWS的安装及设置的正确性。(7)在局域网的其他计算机上，通过IP地址+虚拟目录名（如http://10.88.76.23 ... ... ~~ 您好，已阅读到文档的结尾了 ~~
