初中信息技术教案-八年级信息技术课《设计网站首页》教案

Word初中信息技术教案-八年级信息技术课《设计网站首页》教案

课题

设计网站首页

主备人

李录选

教学

目标

知识目标：认识网页的工作原理；了解网页编辑的一般过程

能力目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。

情感目标：善于从身边的广告、书刊中学习版面设计知识，并学以致用。

重点

难点

编辑网页的几种方法

掌握知识并学以致用

教学

材料

课件

教师活动

学生活动

设计意图

情境

创设，激发

兴趣

播放《说唱脸谱》音乐。

师：脸谱能准确反映出人物的性格，一个网站的“脸”是什么？

师：我们如何给我们的网站设计脸谱呢？这就是本节课我们要学习的内容──设计网站首页（出示课件）。

学生讨论答案──网站首页。

结合第一节课的规划，讨论如何设计首页。

通过脸谱联想到首页，激发学生学习网页设计的热情。

启发探究，技巧点拨

任务一：输入文字

出示网页输入文字后的效果。

任务二：插入图片

出示插入图片后的效果，并提示图片存放位置。

要求学生分别使用控制柄和设置图片属性的方法调整图片大小。

任务三：插入水平线

根据教材提示，使用默认值插入水平线，然后分组修改“水平线属性”对话框各参数。

将前面输入的“=”组成的线替换为水平线。

任务四：保存网页

出示任务，由学生探索嵌入式文件保存的技巧。

任务五：预览网页

分组尝试两种预览网页的方法，并作比较。

任务六：添加新网页

根据教材提示为网站添加新网页。

对比老师出示网页效果进行文字的输入和编辑，比较与Word中操作的异同。

根据样例插入相应图片。

尝试操作并比较说明二者的区别。

分组完成

操作并体验二者在表现效果上的差异。

预览网页。

完成操作，并探索新建网页的其它方法。比较它们的优缺点。

前两个任务与Word操作大同小异，让学生通过对比强化记忆。

通过学生自己实践理解水平线对话框的设为方法。

网页制作中的学用操作，应熟练掌握。

自主探究，分享交流

师：请大家回想一下，你从小到现在，你的妈妈给你洗了多少次脚？你为她洗过多少次呢？

师：如果还没有做，就从今天开始吧！

请同学们课下完成体验任务，根据自己的感受设计网页Feeling1．htm。

生：记不清。

生：还没有。

放学后完成这一体验活动，并将感受以网页的形式表达出来。

让学生通过这一活动体验感受父母对自己的爱。能够以网页的形式表达自己的感受。

合作学习，释疑解难

师：本节课的学习内容基本结束，但我们探索的路还有很长，请大家完成二级网页Parents．htm的设计。

师：预览网页，调整浏览器窗口，你能发现网页的变化吗？怎样才解决这个问题呢？

根据图1-1-6（b）设计网页。

操作并观察片面的变化。

在学习与探究基础上进行自主的网页创作。

设疑，为下一节课“网页中表格”作知识铺垫。

同时，制作的二级网页也是为第五课准备超链接的网页素材。

梳理总结，拓展延伸

课堂小结本节课的学习内容。

师：请同学们通过浏览器预览自己刚刚制作的网页，然后任意改变浏览器窗口的大小，看看网页中已经排好的版面是不是发生了变化？有防止这种现象的发生的办法吗？

预览网页，观察版面的变化，思考解决的方法。

承上启下，激发学生进一步学习网页制作的兴趣。

板书设计

设计网站首页

一、在网页中输入文字四、保存网页

二、在网页中插入图片五、预览网页

三、在网页中插入水平线六、添加新网页

教学反思

本节课的内容比较简单，但它是设