信息技术《设计网站首页》教案.doc

《信息技术《设计网站首页》教案.doc》由会员分享，可在线阅读，更多相关《信息技术《设计网站首页》教案.doc（2页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、设计网站首页教案教学过程设计：一、教学目标1、知识目标：认识网页的工作原理；理解网页编辑的一般过程。2、技能目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。3、情感、态度和价值观：善于从身边的广告、书刊中学习版面设计知识，并学以致用。二、教学重难点：重点：在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。难点；在网页中插入图片和水平线。三、学法指导任务经驱动下的小组合作学习四、教学过程设计1、情景创设，激情导入通过阅读与思考材料，让学生展开讨论，从而引出怎么设计网站的“脸谱”的话题。2、自主探究，交流分享分配学习任务，让学生通过阅读课本进行思考，独立完成任务

2、。1、打开站点“D:、情感小屋”，双击打开主页文件“index.htm”,对照小宇在上节课中设计的首页效果图，在编辑窗口输入如右图所示的文字，按照图例对文字进行修改字体、字号、颜色、对齐方式等操作。2、在“banner位置”处插入存放在“D:素材”中的banner图片。3、在“欢迎光临”的左侧插入存放在“D:素材”中的一幅图片，并调整插入图片的大小。4、将“情感小屋”网站首页中的双线删除，然后再原位置插入一条水平线（宽度为75%、高度为8、水平居中、颜色为蓝绿色）。5、用不同的方法保存index.htm,那种方法更便捷？6、利用工具栏中哪个按钮可以直接启动浏览器进行网页预览？评：任务可以再进行细化，每个小组的任务更具体。3、合作学习，释疑解难（1）通过对上一环节学习学心情况的检查，针对突出性问题，加以讨论，并且形成具体的小任务，让学生以组的形式进行讨论，合作学习。（2）对部分内容，教师适当进行集中辅导5、梳理总结，拓展延伸让学生自己总结本节课所学知识；2