高中信息技术 4.3动态网页技术教案 粤教版选修3

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.237/myasp）或计算机名+虚拟目录名（如http://jf1/myasp）的方法访问Web服务器上的index.htm。验证。IP地址和计算机名为自己本机。(8)学生按要求填写实验报告。（附）实践活动三：（教师可根据学生的操作进度有选择地进行）分组进行将盘中的index.asp为文件存入D:\myweb文件夹中。设定默认文档。修改默认文档index.htm为index.asp。（3）在本台计算机上，打开浏览器，在地址栏输入：http://localhost/myasp，验证PWS的安装及设置的正确性。（4）在局域网的其他计算机上，通过IP地址+虚拟目录名（如http://10.88.76.237/myasp）或计算机名+虚拟目录名（如http://jf1/myasp）的方法访问Web服务器上的index.asp。验证。`（5）进一步比较传送到客户端呈现的网页文件与原文件index.asp的差异，体会网页动态生成的方法。（6）学生按要求填写实验报告。（附）学生交流活动：本实践活动二和三难度比较高，可适当让学生分组学习讨论。教师活动：教师个别辅导。教师小结：动态网页技术的概念强化理解，ASP技术只是其中一种，附带了解其他动态技术如PHP、CGI等。
三、小结。活动：在“实验报告单”上填写通过学习产生的疑惑和新的想法。交流：学生间交流新的想法，相互帮助解答疑惑。
课后反思
教案设计者 单位/地址/邮编
电子邮件 联系电话
“网页的文件结构及支持技术”实验报告单
学生姓名 班级 学号
实践活动一实验报告
列举出头元素中所包含的元素：
列举上述HTML文件中table元素体中包含的各种元素的名称：
列举上述文件中元素”table”所具有的所有属性及相对应的值。
1 2 3 4 5
属 性
属性值
6 7 8 9 10
属 性
属性值
4.学生自评
评价指标 自我评价
活动质量 网页元素及其属性分析，熟练正确 6分
网页元素及其属性分析，较为正确 5分
网页元素及其属性分析，基本知晓 3分
网页元素及其属性分析，有待学习 2分
实践活动二实验报告
评价指标 自我评价
活动质量 Personal Web Server的安装，熟练操作 6分
Personal Web Server的安装，较为熟练 5分
Personal Web Server的安装，操作成功 3分
Personal Web Server的安装，仍需练习 2分
PWS安装测试 快速测试成功 4分
测试成功 3分
基本成功（有少量错误） 2分
有待继续努力 1分
实践活动三实验报告
评价指标 自我评价
ASP程序及其运行方式 快速测试成功 4分
测试成功 3分
基本成功（有少量错误） 2分
有待继续努力 1分
有待培养 1分
四、通过学习，你还有那些疑惑？
______________________________________________________________________________________________________________________________________________________________
_______________________________________________________________________________
______________________________________________________________________________
_______________________________________________________________________________
通过学习，你对任务驱动的实践模式学习方法有哪些新的设想？
_______________________________________________________________________________
_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________