苏科版（2018）八年级全册信息技术 3.2.3创建网站、制作首页 教案
文档属性
| 名称 | 苏科版（2018）八年级全册信息技术 3.2.3创建网站、制作首页 教案 |  | |
| 格式 | doc | ||
| 文件大小 | 410.0KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 苏科版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2020-12-20 19:43:11 | ||
图片预览
文档简介
设计首页
——网站的“门脸”
教材分析
《设计首页》是江苏省凤凰科学技术出版社8年级信息技术第三章第二节的第二部分，主要包括网页的新建以及在网页中添加素材。
本节课内容主要完成《纲要》中“网站的制作”任务，是本节的初始部分。前面所涉及的知识点是网站的规划以及站点建设，后面则是整个主题网站的建设，所以这节内容起到一个承上启下的作用。
二、学情分析
学生在前面学习过网站的浏览，学生对于网络有点熟悉，但是对于网站的建设没有概念，而且每个学生的接受能力还不尽相同，学生在学习了站点的创建后，对Dreamweaver没有直观的理解，对于接受稍微慢的学生更需要多锻炼，多指导。
三、教学目标
1、知识目标
（1）网页的新建的基本方法以及在网页中添加文字、图片、水平线。
（2）网页的背景音乐的设置。
2、技能目标
通过学生探究学习过程中，初步掌握首页的设计
3、情感目标
（1）通过首页的设计的学习，培养学生独立完成以及互相帮助的能力
（2）培养学生对美的认识
四、教学重难点
重点：网页的新建以及文字、图片等的添加
难点：背景音乐和水平线等的属性的设置
五 、教学方法与教学手段
教学方法：在课堂内容引入使用情境导入，激发学生兴趣；在知识点的导入过程中进行探究式学习，引导性学习的教学方法；在巩固练习环节运用学生自主练习的方法中进行引导拓展，最后，通过师生对话的方式对本节课内容进行归纳总结。
六、教学媒体
多媒体计算机教师、教学软件、教学素材
七、教学过程
（一）创设情境 ：
1、展示一段动物和人类友好的视频
生活动：述说一个身边人类和动物相处如家人、如朋友一般感情的小故事。
设计意图：旨在引起学生的兴趣，感受人和动物也是可以友好相处的。
2、教师演示浏览一个和保护动物相关的网站：中国珍惜野生动物
设计意图：告诉学生网络上有些网站是和保护动物或介绍动物相关的，引导学生进入本次课将要学习的主题。同时引导学生自己尝试着去制作一个相关主题的网站
（二）回顾旧识：
站点的建立并快速找到上次课所建立的站点
生活动：回顾自己所学的内容，自由举手回答自己所了解的知识点。
设计意图：借旧探新，自然过渡，激发学生的学习兴趣，学会总结并能讲解给别的同学知道。
（三）初探新课：
本次课所学内容是给我们的主题网站：动物——人类的朋友添加一个“门脸”——设计首页。（展示课题）
演示法：
怎样给我们要制作的主题网站的“门脸”设计的美观、大方又一目了然呢？教师利用电子教室演示新建一张空白网页，并给这张网页添加首页标题，同时在标题的左端插入网站标志图并对标题和标志图的属性进行设置。演示完由学生自主完成，记不住教师演示的步骤的同学可参照书本54页步骤一、步骤二和步骤四，同时教师巡堂指导。
设计意图：旨在让学生熟悉下Dreamweaver,为后面的自主学习打下基础。在老师的演示并指导下，所有学生都能完成网页的新建并添加标题
2、探究尝试：
结合刚才所学，并参照书本的步骤3、5、6、7、8给首页添加一条水平线，以及一段网站的文字介绍；同时给网页设置适当的背景图片和背景音乐，以及插入链接到“下一页”的图标和文字。
生活动：让学生尝试自学，有问题也可和同桌讨论，或是请老师帮助。当学生完成后，可以请一位做的较好的同学演示，其他同学认真观察并比较和自己的区别。
总结经验：
在自主完成的几个步骤中，有没有哪一步不容易完成或是哪一步有困难的？
教师一边按书上示范操作，一边归纳小结（书P54-57），同时提示学生看清每一步操作。
生活动：让学生分组讨论，然后总结汇报，提示学生注意语言的条理性。
设计意图：以学生活动为主，采用探究式学习方法，注重培养学生之间的写作学习能力和语言交际能力
最后，师生共同将美化过的网页进行保存。（教师可示范操作，然后由学生完成）执行“文件——保存”“文件——另存为”或“文件——保存全部”，这样所制作的首页以及首页中的素材被保存在“仓库”——站点中了。
（四）创新实践：
设计和制作一个具有个性的网站欢迎页面，使得首页更加靓丽。
1、插入一个动画
2、插入“进入下一页”的图片或按钮
3、美化标题，用艺术字方法制作网页的标题
老师展示一个粗略制作的“北京欢迎你”为主题的网站首页，共同浏览一下。
附截图：
激发学生打开思路，从不同角度思考问题，让学生自己动手操作，从实践中寻求创新，学生动手操作时教师巡视辅导，学生也可以交流、讨论。
设计意图：这一部分的设计旨在锻炼学生自主创作能力，同时在本次课所学的基础之上加深学生的应变能力，当教师不提供素材时，能不能够通过以前所学，自己寻找素材，设计出不同的更加美观的网页。
（五）交流评价：
教师巡视辅导后：大家自主设计的首页各有特点，很有创新意识，下面我们来分组评一评谁设计的首页最具美观性且创新意识最强！
设计意图：从美观和实用角度来评价，激发学生的表现欲和成就感
（六）课堂总结：
这节课我们主要学习了首页的设计，同学们也探索了不少新的知识和技巧。现在我们来共同回顾下这次课所学的内容，巩固首页设计的过程，如果有同学还想继续完善首页，课后同学们自主完善，我们下次课来可以再展示，期待下次的课的到来，到时我们再来共同欣赏同学们的佳作哦！
设计意图：让学生对本节课所学知识有一个更加清楚的认识，加深记忆，形成技能。
——网站的“门脸”
教材分析
《设计首页》是江苏省凤凰科学技术出版社8年级信息技术第三章第二节的第二部分，主要包括网页的新建以及在网页中添加素材。
本节课内容主要完成《纲要》中“网站的制作”任务，是本节的初始部分。前面所涉及的知识点是网站的规划以及站点建设，后面则是整个主题网站的建设，所以这节内容起到一个承上启下的作用。
二、学情分析
学生在前面学习过网站的浏览，学生对于网络有点熟悉，但是对于网站的建设没有概念，而且每个学生的接受能力还不尽相同，学生在学习了站点的创建后，对Dreamweaver没有直观的理解，对于接受稍微慢的学生更需要多锻炼，多指导。
三、教学目标
1、知识目标
（1）网页的新建的基本方法以及在网页中添加文字、图片、水平线。
（2）网页的背景音乐的设置。
2、技能目标
通过学生探究学习过程中，初步掌握首页的设计
3、情感目标
（1）通过首页的设计的学习，培养学生独立完成以及互相帮助的能力
（2）培养学生对美的认识
四、教学重难点
重点：网页的新建以及文字、图片等的添加
难点：背景音乐和水平线等的属性的设置
五 、教学方法与教学手段
教学方法：在课堂内容引入使用情境导入，激发学生兴趣；在知识点的导入过程中进行探究式学习，引导性学习的教学方法；在巩固练习环节运用学生自主练习的方法中进行引导拓展，最后，通过师生对话的方式对本节课内容进行归纳总结。
六、教学媒体
多媒体计算机教师、教学软件、教学素材
七、教学过程
（一）创设情境 ：
1、展示一段动物和人类友好的视频
生活动：述说一个身边人类和动物相处如家人、如朋友一般感情的小故事。
设计意图：旨在引起学生的兴趣，感受人和动物也是可以友好相处的。
2、教师演示浏览一个和保护动物相关的网站：中国珍惜野生动物
设计意图：告诉学生网络上有些网站是和保护动物或介绍动物相关的，引导学生进入本次课将要学习的主题。同时引导学生自己尝试着去制作一个相关主题的网站
（二）回顾旧识：
站点的建立并快速找到上次课所建立的站点
生活动：回顾自己所学的内容，自由举手回答自己所了解的知识点。
设计意图：借旧探新，自然过渡，激发学生的学习兴趣，学会总结并能讲解给别的同学知道。
（三）初探新课：
本次课所学内容是给我们的主题网站：动物——人类的朋友添加一个“门脸”——设计首页。（展示课题）
演示法：
怎样给我们要制作的主题网站的“门脸”设计的美观、大方又一目了然呢？教师利用电子教室演示新建一张空白网页，并给这张网页添加首页标题，同时在标题的左端插入网站标志图并对标题和标志图的属性进行设置。演示完由学生自主完成，记不住教师演示的步骤的同学可参照书本54页步骤一、步骤二和步骤四，同时教师巡堂指导。
设计意图：旨在让学生熟悉下Dreamweaver,为后面的自主学习打下基础。在老师的演示并指导下，所有学生都能完成网页的新建并添加标题
2、探究尝试：
结合刚才所学，并参照书本的步骤3、5、6、7、8给首页添加一条水平线，以及一段网站的文字介绍；同时给网页设置适当的背景图片和背景音乐，以及插入链接到“下一页”的图标和文字。
生活动：让学生尝试自学，有问题也可和同桌讨论，或是请老师帮助。当学生完成后，可以请一位做的较好的同学演示，其他同学认真观察并比较和自己的区别。
总结经验：
在自主完成的几个步骤中，有没有哪一步不容易完成或是哪一步有困难的？
教师一边按书上示范操作，一边归纳小结（书P54-57），同时提示学生看清每一步操作。
生活动：让学生分组讨论，然后总结汇报，提示学生注意语言的条理性。
设计意图：以学生活动为主，采用探究式学习方法，注重培养学生之间的写作学习能力和语言交际能力
最后，师生共同将美化过的网页进行保存。（教师可示范操作，然后由学生完成）执行“文件——保存”“文件——另存为”或“文件——保存全部”，这样所制作的首页以及首页中的素材被保存在“仓库”——站点中了。
（四）创新实践：
设计和制作一个具有个性的网站欢迎页面，使得首页更加靓丽。
1、插入一个动画
2、插入“进入下一页”的图片或按钮
3、美化标题，用艺术字方法制作网页的标题
老师展示一个粗略制作的“北京欢迎你”为主题的网站首页，共同浏览一下。
附截图：
激发学生打开思路，从不同角度思考问题，让学生自己动手操作，从实践中寻求创新，学生动手操作时教师巡视辅导，学生也可以交流、讨论。
设计意图：这一部分的设计旨在锻炼学生自主创作能力，同时在本次课所学的基础之上加深学生的应变能力，当教师不提供素材时，能不能够通过以前所学，自己寻找素材，设计出不同的更加美观的网页。
（五）交流评价：
教师巡视辅导后：大家自主设计的首页各有特点，很有创新意识，下面我们来分组评一评谁设计的首页最具美观性且创新意识最强！
设计意图：从美观和实用角度来评价，激发学生的表现欲和成就感
（六）课堂总结：
这节课我们主要学习了首页的设计，同学们也探索了不少新的知识和技巧。现在我们来共同回顾下这次课所学的内容，巩固首页设计的过程，如果有同学还想继续完善首页，课后同学们自主完善，我们下次课来可以再展示，期待下次的课的到来，到时我们再来共同欣赏同学们的佳作哦！
设计意图：让学生对本节课所学知识有一个更加清楚的认识，加深记忆，形成技能。