《信息技术《设计网站首页》教案.doc》由会员分享,可在线阅读,更多相关《信息技术《设计网站首页》教案.doc(2页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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