调整网页布局教学设计.docVIP

调整网页布局 ——教学设计 码头初中 段寿明 【教学课题】 调整网页布局。 【教学目标】 1、掌握网页设计规划中的一般方法：使用水平线和表格；使用框架网页。 2、让学生理解表格及框架在网页中的作用，培养学生在网页制作中的审美观。 【教学重点、难点及对策】 教学重点：网页规划中表格的运用。 教学难点：网页中表格的绘制与框架网页的使用。 对策：本节课试图从创设情境、激发兴趣——自主探究、相互协作——小组观摩、相互交流——全班展示等过程，通过相互观摩和比较，逐步建立对网页布局的认识。 【教法和学法分析】 本课教学采用“以学生为中心的网络教学模式”，充分发挥网络教学的优势，努力为学创设张扬个性的环境① 本课以规划“个人主页”为主线，分别设计了作品演示观摩——小组协作学习——小组交流——全班展示——巩固提高等五个时间段。在整个学习过程中，让学习者主动参与、相互协作、相互激励、共同提高。 ② 本课考虑到学习者的个别差异，可采用高效率的“各取所需”的学习方法——即事先准备好各个知识点的示范操作过程教学片断，学生如有不太明白的地方可以点击相关链接查看相应内容——获得即时的帮助与指导。 ③ 由学生通过对演示作品的观察；小组交流中对作品的比较；全班展示时对他人作品的分析，从而让学生自己逐步认识水平线、表格、框架在网页中的重要作用。 【教学准备】 网络环境的设置，能够访问因特网。 准备好具备采用表格和框架的美观规范的网页，供学生欣赏，激发积极性。可事先存入学生机的相同的目录下。 学习教程：利用多媒体教学课件，提供本节知识点的内容详解和相应操作指导。学生如有不太明白的地方可以点击查看相关内容——获得即时的帮助。 【教学过程】 教学环节 教 师 活 动 学 生 活 动 引入课题 3分钟 出示两个不同的网页作品:一个内容杂乱无章不协调。其中一个运用表格，布局整齐美观； 让学生比较一下，两个网页作品哪个更好一些呢？ 谈话：一个成功的网页必须美观大方、内容排列有序，给人以美的享受，深刻的印象。那么如何让我们的网页达到这个要求呢？ 谈话：这节课我们就来学习网页布局的调整。 ①学生观察演示网页作品，认识到网页上的内容要合理安排。 ②学生发表自己的见解，激发学习兴趣。 提出问题 2分钟 本课的任务： ①调整网页布局的方法有哪些？ ②每种方法如何操作？ ③对水平线、表格和框架如何进行修改？ ①学生根据提出的问题，确定自己的学习计划和需要学习的内容。 ②根据学习内容，进行自学课本，小组之间进行分工协作。 创作作品 25分钟 巡视指导、参与讨论、个别指导。 提示：表格的操作方法与Word类似，可以根据实际情况灵活选择插入表格和绘制表格两种操作。整个页面显示的效果还取决于表格的属性设置。 可以参考《课本》56--58页上的内容。 在学生完成水平线及表格的设置后，提示：还可以运用框架网页使网页结构清晰、明了。 ①自学课本，认识调整网页布局的方式。 1、插入水平线，并进行格式设置。 2、插入表格，并进行编辑修改。 ②点击在线帮助，“各取所需”学习一些必要的知识和操作方法。 ③如有问题可以利用小组协作行讨论，也可以和老师讨论，及时解决问题。 自行探究框架网页的使用，并阅读课本65-66页，体会框架网页的作用。 观摩讨论 小组评选 5分钟 参与评论 ①按小组交流作品。 ②每小组评选一个较有特色的作品在全班展示。 ③自我评价：你的网页可以得________分。你认为小组内比较好的网页有_______________。 全班评价展示作品 5分钟 教师对网页中的优点和不足作点评。对完成快，效果好，有创意的作品作者进行表扬 ①展示各小组代表作品。 ②同学可以对其进行评论。 ③自我评估：班级中比较好的网页有______________________ 巩固提高 5分钟 对自己的作品进行“润色”修改。 - 1 -