青岛版信息技术八年级上册《设计网站的首页》表格式教案附教学反思.docVIP

章 节 第?1?单元第2课 课题 设计网站的首页 课型 新授 主备人 主讲人 编号 02 教学 目标 知识目标： 1认识网页的工作原理； 2了解网页编辑的一般过程。 技能目标 1熟练掌握在网页中输入文字、插入图片、插入水平线的操作； 2掌握网页的新建、预览和保存。 3对网页操作中基本概念（首页、网页、网页标题等）有清晰的认识； 4在操作中体会网页中图文混排遇到的困难，探索解决之道，为下一节课──用表格布局网页的学习埋下伏笔。 情感态度与价值观目标 感受身边版面设计的素材：广告、报刊、课本，学以致用，将其用于网页设计中。 重点 难点 插入图片和水平线。 教具 多媒体课件、资料 学法 教法 任务驱动、自主学习、小组合作、演示法等综合学习法 第一阶段：导入新课，明确学习目标 教学环节 教师活动 学生活动 设计理念 导入新课 播放《说唱脸谱》音乐。 师：脸谱能准确反映出人物的性格，一个网站的“脸”是什么？ 师：我们如何给我们的网站设计脸谱呢？这就是本节课我们要学习的内容──设计网站首页（出示课件）。 学生讨论答案──网站首页。 结合第一节课的规划，讨论如何设计首页。 通过脸谱联想到首页，激发学生学习网页设计的热情。 第二阶段：范例精讲，学生自主探究，完成范例 教学环节 教师活动 学生活动 设计理念 学习与探究 任务一：输入文字 出示网页输入文字后的效果。 任务二：插入图片 出示插入图片后的效果，并提示图片存放位置。 要求学生分别使用控制柄和设置图片属性的方法调整图片大小。 任务三：插入水平线 根据教材提示，使用默认值插入水平线，然后分组修改“水平线属性”对话框各参数。 将前面输入的“=”组成的线替换为水平线。 任务四：保存网页 出示任务，由学生探索嵌入式文件保存的技巧。 任务五：预览网页 分组尝试两种预览网页的方法，并作比较。 任务六：添加新网页 根据教材提示为网站添加新网页。 对比老师出示网页效果进行文字的输入和编辑，比较与Word中操作的异同。 　　 根据样例插入相应图片。 　　 尝试操作并比较说明二者的区别。 分组实验，填写表1-2-1。 　　 操作并体验二者在表现效果上的差异。 　　 预览网页。 　　 　　 完成操作，并探索新建网页的其它方法。比较它们的优缺点。 前两个任务与Word操作大同小异，让学生通过对比强化记忆。 　　 　　 　　 　　 通过学生自己实践理解水平线对话框的设为方法。 　　 　　 网页制作中的学用操作，应熟练掌握。 第三阶段：知识、情感拓展 教学 环节 教师活动 学生活动 设计理念 知识与情感 师：请大家回想一下，你从小到现在，你的妈妈给你洗了多少次脚？你为她洗过多少次呢？ 师：如果还没有做，就从今天开始吧！ 请同学们课下完成体验任务，根据自己的感受设计网页Feeling1．htm。 生：记不清。 生：还没有。 放学后完成这一体验活动，并将感受以网页的形式表达出来。 让学生通过这一活动体验感受父母对自己的爱。能够以网页的形式表达自己的感受。 第四阶段：综合实践，巩固与提高，自由创作，迁移运用 教学环节 教师活动 学生活动 设计理念 实践与创新 师：本节课的学习内容基本结束，但我们探索的路还有很长，请大家完成二级网页Parents．htm的设计。 教师巡视学生制作的情况，并进行指导。 师：预览网页，调整浏览器窗口，你能发现网页的变化吗？怎样才解决这个问题呢？ 根据图1-1-6（b）设计网页。 操作并观察片面的变化。 在学习与探究基础上进行自主的网页创作。 设疑，为下一节课“网页中表格”作知识铺垫。 同时，制作的二级网页也是为第五课准备超链接的网页素材。 第五阶段：教学总结，设疑激趣，为下一节课作好铺垫 教学 环节 教师活动 学生活动 设计理念 课堂小结 课堂小结本节课的学习内容。 师：请同学们通过浏览器预览自己刚刚制作的网页，然后任意改变浏览器窗口的大小，看看网页中已经排好的版面是不是发生了变化？有防止这种现象的发生的办法吗？ 预览网页，观察版面的变化，思考解决的方法。 承上启下，激发学生进一步学习网页制作的兴趣。 教学反思 　　本节课的知识点与之前学过的Word有很多相同或相似之处，所以在教学过程中尽量把学习知识的过程交给学生，由他们通过自己的实验和比对，掌握相应知识的要点和操作方法。并在本节课结束前设疑，为下一节课的学习作好准备。