《设计网站首页》教案

1、八年级信息技术课设计网站首页教案课题设计网站首页主备人标：教学目标知识目标：认识网页的工作原理；了解网页编辑的一般过程学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网 页。情感目标：善于从身边的广告、书刊中学习版面设计知识，并学以致 用。重点难点编辑网页的几种方法掌握知识并学以致用教学材料课件教师活动学生活动设计意图情境创 设，激发 兴趣播放说唱脸谱音乐。师：脸谱能准确反映出人物的性 格，一个网站的脸”是什么？ 师：我们如何给我们的网站设计脸 谱呢？这就是本节课我们要学习的 内容设计网站首页（出示课 件）。学生讨论答案网站首 页。结合第一节课 的规划， 讨论 如何设计首 页。通过

2、脸谱联想到首页，激发学生学习 网页设计的热情。启发探 究，技巧 点拨任务一：输入文字出示网页输入文字后的效果。任务二：插入图片出示插入图片后的效果，并提示图 片存放位置。要求学生分别使用控制柄和设置图 片属性的方法调整图片大小。任务三：插入水平线根据教材提示，使用默认值插入水对比老师出示 网页效果进行 文字的输入和 编辑， 比较与WordWord 中操作 的异同。根据样例插入 相应图片。前两个任务与WordWord 操作大同小 异，让学生通过对 比强化记忆。通过学生自己实践 理解水平线对话框 的设为方法。网页制作中的学用平线，然后分组修改水平线属性”尝试操作并操作，应熟练掌对话框各参数。比较说

3、明二者握。将前面输入的“= =”组成的线替换为的区别。水平线。分组完成任务四：保存网页操作并体验二出示任务，由学生探索嵌入式文件者在表现效果保存的技巧。上的差异。任务五：预览网页预览网页。分组尝试两种预览网页的方法，并完成操作，并作比较。探索新建网页任务六：添加新网页的其它方法。根据教材提示为网站添加新网页。比较它们的优缺点。师：请大家回想一下，你从小到现生：记不清。让学生通过这一活自主在，你的妈妈给你洗了多少次脚？生：还没有。动体验感受父母对探究，你为她洗过多少次呢？放学后完成这自己的爱。能够以师：如果还没有做，就从今天开始一体验活动，网页的形式表达自分享吧！并将感受以网己的感受。交流请同学

4、们课下完成体验任务，根据页的形式表达自己的感受设计网页Feeling1Feeling1 . htmhtm。出来。师：本节课的学习内容基本结束，根据图 1-1-61-1-6在学习与探究基础但我们探索的路还有很长，请大家(b b)设计网上进行自主的网页合作学完成二级网页 ParentsParents . htmhtm 的页。创作。设计。设疑，为下一节课习，教师巡视学生制作的情况-并进行操作并观祭片网页中表格”作知释疑解难指导。面的变化。识铺垫。师：预览网页，调整浏览器窗口，同时，制作的二级你能发现网页的变化吗？怎样才解网页也是为第五课决这个问题呢？准备超链接的网页 素材。梳理总 结，拓展 延伸课堂小结本节课的学习内容。师：请同学们通过浏览器预览自己 刚刚制作的网页，然后任意改变浏 览器窗口的大小，看看网页中已经 排好的版面是不是发生了变化？有 防止这种现象的发生的办法吗？预览网页，观 察版面的变 化，思考解决 的方法。承上启下，激发学 生进一步学习网页 制作的兴趣。板书设计设计网站首页、在网页中输入文字四、保存网页二、在网页中插