【文档说明】3.2.2《创建网站，制作首页》教学设计14-八年级信息技术【苏科版】.doc，共(4)页，884.500 KB，由小喜鸽上传

转载请保留链接：https://www.ichengzhen.cn/view-93569.html

以下为本文档部分文字说明：

八年级信息技术第三章第二节设计首页一、教材分析《设计首页》是苏版信息技术八年级上册第三章的第2节网站制作的第2小节第2课设计首页。本教材渗透了新课程改革的理念，充分考滤了学生的年龄特点和认知结构，注重创设真实的学习情境，帮

助学生掌握实用的、易迁移的知识与技能。二、学情分析八年级的学生有强烈的好奇心和求知欲，同时他们的对本节课也会挺感兴趣的，因此，在安排教学的时候要充分的调动学生参与学习的积极性。但是，学生对相关的概念的理解不可能完全消化吸收，还要在今后

的学习中逐步领会。所以，要让学生在老师的指导下自主学习。三、教学目标（含重难点）1、认识网页的工作原理；了解网页编辑的一般过程。2、学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。3、善于从身边的广告、书刊中学习版面设计知识，并学以致用。教学重点：在网页中插入文字

、图片、水平线及网页的保存、预览。教学难点：在网页中插入文字、图片和水平线四、教学方法（教学方法、学习方法）课堂演示法、自学法、演示法、观察法、实践法、小组合作。五、教学环境和媒体设计多媒体教室。六、教学过程（

一）导入新课引入课题：展示一个包含有文字、图片和水平线的网页，并通过对这三部分的介绍激发学生的学习欲望。兴趣导入（二）新课学习一、在网页中输入文字小组合作并操作：根据前面所学知识，即在WORD中输入文字的操作，在

“D：\情感小屋”站点中，双击打开主页文件“index.htm”，对照小宇在上节课中设计的首页效果图，在编辑窗口输入相应文字，并按照图例对这些文字进行修改字体、字号、颜色、对齐方式等操作。参照课本，小组合作

，完成下列操作，老师巡视指导。二、在网页中插入图片教师演示：“插入”---“图片”---“来自文件”学生操作：在“Banner位置”处插入存放在“D：\素材”中的Banner图片，并对所插入的图片进行大小调整。注：为便于上传，网页中图片一般采用容量较小的格式，如JPE

G、GIF、PNG等。三、在网页中插入水平线学生阅读相关内容，试着自己在网页中的标题与正文之间插入一条水平线，并设置“水平线属性”。（教师巡回指导）四、保存网页同WORD操作相似，并尝试用不同的方法保存index.htm，考虑哪种方式更方便？试一试：将刚刚插入到网页中的图片指定保存位置

为：本站点的“images”文件夹。五、预览网页方法一：利用FrontPage自带的预览功能;方法二：通过浏览器预览。练一练：按照上面介绍的两种方法预览自己的网页，分析它们各有什么优缺点？六、添加新网页

“文件”---“新建”---“网页”（三）课堂练习1、根据第1课的规划，参照小宇设计的“我的父小组合作母”所示的界面，设计制作网页“我的父母”，其文件名为：Parents.htm，标题为“我的父母”。2、对新

建的网页进行预览，并改变预览窗口的大小，你会发现什么现象？有什么办法可以解决这个问题？（四）总结在网页中插入文字、图片、水平线及网页的保存、预览，添加新网页。总结归纳，师引导学生完成七、板书设计第2课设计首页一、在网页中输入文字二、在网页中插入图片三、在网页中插入水平线四、保存网页五、预

览网页六、添加新网页八、教学反思本课主要学习了网页的设计的基本操作，本课注重学生的基本操作，熟悉了网页设计的一般步骤，通过小组合作探究，共同完成学习任务，学生完成情况较好。