课题
设计网站首页
主备人
李录选
教学
目标
知识目标:认识网页的工作原理;了解网页编辑的一般过程
能力目标:学会在网页中输入文字、插入图片和水平线;学会新建、预览和保存网页。
情感目标:善于从身边的广告、书刊中学习版面设计知识,并学以致用。
重点
难点
编辑网页的几种方法
掌握知识并学以致用
教学
材料
课件
教师活动
学生活动
设计意图
情境
创设,激发
兴趣
播放《说唱脸谱》音乐。
师:脸谱能准确反映出人物的性格,一个网站的“脸”是什么?
师:我们如何给我们的网站设计脸谱呢?这就是本节课我们要学习的内容──设计网站首页(出示课件)。
学生讨论答案──网站首页。
结合第一节课的规划,讨论如何设计首页。
通过脸谱联想到首页,激发学生页设计的热情。
启发探究,技巧点拨
任务一:输入文字
出示网页输入文字后的效果。
任务二:插入图片
出示插入图片后的效果,并提示图片存放位置。
要求学生分别使用控制柄和设置图片属性的方法调整图片大小。
任务三:插入水平线
根据教材提示,使用默认值插入水平线,然后分组修改“水平线属性”对话框各参数。
将前面输入的“=”组成的线替换为水平线。
任务四:保存网页
出示任务,由学生探索嵌入式文件保存的技巧。
任务五:预览网页
分组尝试两种预览网页的方法,并作比较。
任务六:添加新网页
根据教材提示为网站添加新网页。
对比老师出示网页效果进行文字的输入和编辑,比较与Word中操作的异同。
根据样例插入相应图片。
尝试操作并比较说明二者的区别。
分组完成
操作并体验二者在表现效果上的差异。
预览网页。
完成操作,并探索新建网页的.其它方法。比较它们的优缺点。
前两个任务与Word操作大同小异,让学生通过对比强化记忆。
通过学生自己实践理解水平线对话框的设为方法。
网页制作中的学用操作,应熟练掌握。
自主探究,分享交流
师:请大家回想一下,你从小到现在,你的妈妈给你洗了多少次脚?你为她洗过多少次呢?
师:如果还没有做,就从今天开始吧!
请同学们课下完成体验任务,根据自己的感受设计网页Feeling1.htm。
生:记不清。
生:还没有。
放学后完成这一体验活动,并将感受以网页的形式表达出来。
让学生通过这一活动体验感受父母对自己的爱。能够以网页的形式表达自己的感受。
合作学习,释疑解难
师:本节课的学习内容基本结束,但我们探索的路还有很长,请大家完成二级网页Parents.htm的设计。
教师巡视学生制作的情况,并进行指导。
师:预览网页,调整浏览器窗口,你能发现网页的变化吗?怎样才解决这个问题呢?
根据图1-1-6(b)设计网页。
操作并观察片面的变化。
在学习与探究基础上进行自主的网页创作。
设疑,为下一节课“网页中表格”作知识铺垫。
同时,制作的二级网页也是为第五课准备超链接的网页素材。
梳理总结,拓展延伸
课堂小结本节课的学习内容。
师:请同学们通过浏览器预览自己刚刚制作的网页,然后任意改变浏览器窗口的大小,看看网页中已经排好的版面是不是发生了变化?有防止这种现象的发生的办法吗?
预览网页,观察版面的变化,思考解决的方法。
承上启下,激发学生进一步页制作的兴趣。
板书设计
设计网站首页
一、在网页中输入文字 四、保存网页
二、 在网页中插入图片 五、预览网页
三、在网页中插入水平线 六、添加新网页
教学反思
本节课的内容比较简单,但它是设计网页的基础,本节课将为后面的学习打下良好的基础。