山东省郯城县郯城街道初级中学初中信息技术《设计网站首页》教案.doc

《设计网站首页》教案
[教学过程设计]：
一、教学目标
1、知识目标：认识网页的工作原理；理解网页编辑的一般过程。
2、技能目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。
3、情感、态度和价值观：善于从身边的广告、书刊中学习版面设计知识，并学以致用。
二、教学重难点：
重点：在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。
难点；在网页中插入图片和水平线。
三、学法指导
任务经驱动下的小组合作学习
四、教学过程设计
1、情景创设，激情导入
通过《阅读与思考》材料，让学生展开讨论，从而引出怎么设计网站的“脸谱”的话题。
2、自主探究，交流分享
分配学习任务，让学生通过阅读课本进行思考，独立完成任务。
1、打开站点“D:、情感小屋”，双击打开主页文件“index.htm”,对照小宇在上节课中设计的首页效果图，在编辑窗口输入如右图所示的文字，按照图例对文字进行修改字体、字号、颜色、对齐方式等操作。
2、在“banner位置”处插入存放在“D:\素材”中的banner图片。
3、在“欢迎光临”的左侧插入存放在“D:\素材”中的一幅图片，并调整插入图片的大小。
4、将“情感小屋”网站首页中的双线删除，然后再原位置插入一条水平线（宽度为75%、高度为8、水平居中、颜色为蓝绿色）。
5、用不同的方法保存index.htm,那种方法更便捷？
6、利用工具栏中哪个按钮可以直接启动浏览器进行网页预览？
评：任务可以再进行细化，每个小组的任务更具体。
3、合作学习，释疑解难
（1）通过对上一环节学习学心情况的检查，针对突出性问题，加以讨论，并且形成具体的小任务，让学生以组的形式进行讨论，合作学习。
（2）对部分内容，教师适当进行集中辅导5、梳理总结，拓展延伸
让学生自己总结本节课所学知识；