高中信息技术选修3教案-5.2网页的文件结构及支持技术1-浙教版

《5.2.1 超文本标记语言》教案 一、 教材分析 本节课选自浙教版信息技术选修《网络技术应用》第五章第二节第一部分内容，先课下 下发问卷，让学生通过预习回答问卷学习 HTML 的定义和意义；再通过介绍 Dreamweaver 的代 码面板，针对只包含简单 HTML 元素的网页，让学生了解 HTML 的文件结构和语句表达方式； 然后通过简单地修改和添加相应的代码，产生神奇的网页效果，让学生进一步理解 HTML 代码 及其作用，从而掌握基础的 HTML 元素及代码的编写方法；最后课堂测试巩固所学。 二、 学情分析 本节课所授对象为高二年级学生，他们在之前的信息技术课程中已经学习了信息技术必 修和部分网络方面的知识，掌握了基本的网络理论，能够把网络技术基础知识和基本技能整 合到日常学习和生活中去，对本节课的内容比较感兴趣，能够掌握并运用的很好。 三、 教学目标 1．知识与技能： （1）了解 HTML 文件的定义，理解学习 HTML 的意义。 （2）掌握 HTML 的文件结构和语句表达方式，了解 HTML 的基本元素及其属性。 2．过程与方法： 通过简单地修改和添加相应的代码，产生神奇的网页效果，让学生进一步理解 HTML 代码 及其作用，从而掌握基础的 HTML 元素及代码的编写方法。 3．情感态度与价值观 培养学生团结协作的意识和对成语知识学习的热情。 四、 教学重难点 教学重点：了解 HTML 文件的定义和意义，理解 HTML 的文件格式和语句表达方式。 教学难点：通过修改和添加代码制作成语网页，熟悉相关 HTML 元素及其属性的运用。 五、 教学准备 教学环境：微机室五 教学用具：PPT 课件、传奇电子教室、Dreamweaver 软件 六、 教学过程 教学环节 教师活动 学生活动 教学意图 教学用时 （一）展 示网页， 情景导入 展示学生制作的“成语”网 站，用 Dreamweaver 打开网 站首页，设问： 1. 网页的实质是什么？ 2.代码面板中的代码和平 时 看 到 的 网 页 有 什 么 关 系？ 3. 如何用代码编写网页？ 导入课题——超文本标记 语言。 观 看 网 站 和 网页，思考问 题。 设置观察活动和问题 思考，使学生产生兴 趣和学习的热情。 2 分钟 （二）问 卷分析， 讲解理论 展示学生课下问卷回收情 况，详讲第 8、9、10 三题， 提问： 1. 超文本标记语言的定义 是什么？ 2. 学习 HTML 的意义有哪 些？ 回 忆 课 下 预 习 及 问 卷 回 答情况，思考 回答问题。 通过下发回收“超文 本标记语言简介”的 问卷，鼓励学生形成 课下预习的好习惯， 有利于课堂教学的顺 利进行和完成。 3 分钟 （三）分 析代码， 解析结构 展示“我的网页”HTML 文件， 提问：HTML 文件的结构有什 么特征？ 组织学生以“body 元素体” 为例分析元素体的结构特 征。 观察代码，思 考回答问题。 展示“我的网页”这 一简单的 HTML 文件， 让学生观察与尖括号 有关的字符代码，并 引导学生通过排版特 征了解文件结构，循 循 善 诱 易 于 学 生 掌 握。 4 分钟 （四）分 析代码， 讲解语句 继续展示“我的网页”HTML 文件，提问：HTML 文件的语 句表达方式有哪些类型？ 观察代码，思 考回答问题。 从不同角度引导学生 观察语句总结类型， 既学习了新知识，又 4 分钟 给出 HTML 文件内容的其他 几点说明，重点讲解“头元 素中一般元素次序可变、体 元素中元素次序敏感”两 点。 巩固了之前所学，承 上启下。 （五）演 示制作， 网页探究 用 Dreamweaver 软件演示成 语“负荆请罪”网页的制作 过程。 修改标题、添加表格代码、 文本代码、图片代码由教师 边演示边讲解元素及其属 性；添加动画代码、动态滚 动代码、超链接代码由学生 讲解元素及其属性。 观 察 演 示 制 作过程，思考 并 回 答 代 码 元 素 及 其 属 性问题。 通过修改和添加代码 的 方 式 演 示 制 作 网 页，旨在让学生理解 HTML 文件结构和元素 及其属性相关知识， 有利于课堂的用时把 控和正常进行。 学生在观看教师讲解 元素及其属性的基础 上，回答更多元素及 其属性问题，深化知 识的掌握。 12 分钟 （六）小 组合作， 上机实践 布置活动： 1．两人一组，每组从精卫 填海、毛遂自荐、囊萤映雪 中选择一个成语。 2.一人使用 DreamWeaver 软 件制作该成语的 HTML 文件， 要求修改标题、添加表格、 文本、图片、动画、动态滚 动、超链接代码。 3.另一个人分析代码，列举 所含元素及其属性、属性 值，完成表格。 4．学生演示制作成果，并 完成实践评价表，按照活动 质量指标进行自我评价和 他人评价。 开 展 活 动 上 机实践，制作 网 页 演 示 成 果，按照指标 进行评价。 小组合作上机操作加 强学生团结协作意识 和能力，边操作边分 析代码易于学生理解 掌握，演示成果锻炼 学生表达能力，自我 评价和他人评价实现 多维评价，效果显著。 12 分钟 5．教师巡回指导。 （七）课 堂测试， 检验成果 利用传奇电子教室软件布 置课堂测试——超文本标 记语言测试，对测试结果进 行分析指导。 进 行 课 堂 测 试，分析小结 自己的问题。 课堂测试有利于学生 及时巩固所学，系统 的把握知识脉络。 5 分钟 （八）总 结课程， 布置作业 （八）总结课程，布置作业 提问学生课堂所学，布置作 业：学习 HTML 的更多元素 完善成语网页，推荐使用网 站 http://www.w3school.com .cn/index.html 帮助学习。 思 考 回 顾 总 结所学，记下 课下作业。 总结所学进一步巩固 知识，布置作业将课 程拓展到课下，易于 学生深入学习。 3 分钟 七、 教学反思 本节课运用了“案例导入——问卷预习——分析讲解——演示制作——实践评价——课 堂测试——小结作业”的教学模式，讲授内容由浅入深、循序渐进，讲授方式层层递进、寓 教于乐，学生参与性强，能够很好地理解理论知识，并将其运用到成语网页的制作中来，既 丰富了学生的成语内涵，又巩固了对 HTML 相关知识等教学重点的掌握，也攻克了理论联系实 际的教学难点，达到了预想的教学效果。但由于学生课业负担重，未能将更多的教学想法和 思路运用开来，希望日后有所改善，让学生掌握更多的网络知识。