信息技术八年级下册《制作一个简单的网页》教学设计

本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com
【教学目标】
1、知识达成目标：
①.初步了解网页制作的过程，熟悉网页的各种元素。
②.通过建立“书海拾贝”网站和“锦绣中华”网站，学习制作网页的基本方法，掌握网页制作的一些技术和方法，能制作一个简单的网页。
2、能力培养目标：
①.以建构主义理论为指导，以研究性学习为载体，培养学生自学、合作学习和动手能力。
②.学生通过亲身经历，提高分析和解决实际问题的能力。
③.体现信息技术与其它学科的整合理念，信息技术学科是同学们学习的好助手，为中华崛起而读书。
3、情感孕育目标：
①.培养学生与他人协作的学习品质，加强集体主义的观念。
②.培养学生的科学探索精神与严谨的治学态度。
【教学重点】网页制作中的各种元素及其制作技术和方法
【教学难点】网页站点的创建和网页文字输入的技巧。
【授课类型】新授课
【教学方法】教法：讲授法演示法 任务驱动法
【学法】操作实践法、小组协作研讨法
【教学媒体】计算机局域网 多媒体投影仪 网络教室软件 本课相关资源
【教学过程】
创设情境引出问题
一、展示《节约用水，爱我家园》网站的主页（以课件形式）
导语：以上是获得2012年电脑制作活动初中组网页制作全国一等奖的一件作品，从这件作品中人类已跨进21世纪，迎来了信息时代，在这个时代里，随着网络技术的发展和Internet的普及，我们通过浏览网页可方便地获取信息，在浏览器中所看到的每一幅画面都是一个网页，这些网页有的美观大方，有的丰富多彩，有的个性鲜明。那么我们自己能不能制作出具有自己风格的网页，并在网上发布，以便进行广泛的信息交流呢？我们也可以设计出更好的作品，也可以在全国获奖！
学生：可以。
老师：今天我们就一起来学习模块5网页制作的第一节《制作一个简单的网页》。
在讲课之前先分组，根据计算机教室和人数分成5、6个小组，小组合作学习。
任务一：通过展示《节约用水，爱我家园》网站的主页，由同学从网站或者是课本中获取网站知识，提出关于网站的几个概念。由小组代表提出，并将小组学习情况记录小组档案。
网页的概念：网页就是把用文字、图形、声音、影视等多种媒体形式表达的信息，以及分布在因特网上的相关信息，相互链接起来而构成的一种信息表达方式。
超链接标志：在网页中，有关联信息的词显示成蓝色并且有下划线，这个词称为超链接标志。当鼠标指针移到超链接标志上时，鼠标指针变成手的形状，这时单击鼠标左键就会跳转到另一个网页。
主页：在网站中起着封面或目录作用的网页称为主页。
任务二：开始制作网页前的准备
在开始网页制作之前，首先确定网站的主题，根据主题需要有多少网页表现，以及网页之间的链接方式，以“书海拾贝”为网站主题，由同学根据课本确定他们的关系，并教师出示相关准备好的几个完成的网页。
网页制作小博士：在制作网页之前，首先要收集素材，以免在制作网页时手忙脚乱。素材可以自己制作，还可以到光盘中或网络上去找，大家在使用这些素材时一定要注明资料来源，尊重作者的版权，还应注意不使用盗版光盘或软件。
研究问题建构新知
任务三：开始制作网页
了解网页制作工具FrontPage，单击开始任务栏上的“开始”-“程序”-Microsoft FrontPage，小组相互协作研讨。由小组代表演示，并将小组学习情况记录小组档案。
动动手：熟悉一下FrontPage窗口，要注意它特有的视图栏。观察工具栏上有哪些按钮图标与Word的相同，并将鼠标指针移到这些图标上停一会儿，当出现名称时，看看与Word中的名称是否相同。
任务四：创建“书海拾贝”站点
创建站点是难点，教师先讲解。
第一步：在FrontPage窗口中，单击菜单栏上的“文件”，再单击“文件”菜单中的“新建”，从弹出的的子菜单中单击“站点”，打开“新建”对话框。
第二步：单击选中“空站点”；然后在“指定新站点的位置”框中输入保存网页的文件夹的路径和名称，本例输入“D:\学生姓名\书海拾贝”
第三步：单击“确定”
第四步：单击菜单栏上的“查看”，再单击“查看”中的“文件夹”，打开如图所示“文件夹列表”框。（由于我们建立的是空网站，所以目前站点中没有任何网页文件，只有默认生成的两个文件夹；“_Private”文件夹用来存放系统自动生成的文件，“images”文件夹用来存放图片文件。）
第五步：单击菜单栏上的“查看”，再单击“查看”菜单中的“网页”，关闭“文件夹列表”，返回网页编辑窗口。
讲解完后，由学生自己完成空网站的创建，各小组协作，并将完成情况记录小组档案。
任务五：制作一个只有文字的网页
由同学做一做：
第一步：在FrontPage窗口中，单击工具栏上的“新建网页”，建立一个新网页。
第二步：输入“书海拾贝”中的文字（操作方法同Word）
第三步：单击工具栏上的“保存”按钮，弹出“另存为”，网页标题自动设置为“书海拾贝”，如果更改网页标题的内容，可以单击“更改”。
第四步：在“文件名”框中输入“index”作为文件名，“保存类型”选择“Web页”，然后单击“保存”。
请注意：输入网页内容时，敲回车键后，两段文字之间的行距会很大，要避免这种现象，可以按住“Shift”键后再敲回车键，这时两段文字之间就是正常行距了。
小博士：通常主页的文件名都是“index.htm”，网页标题又称网页名字，这个名字是指浏览该网页时显示在浏览器标题栏中的名字，而不是网页的文件名。
讲解和学生自主学习完后，由学生自己完成，各小组协作，并将完成情况记录小组档案。小组自己组织浏览网页。
任务六：在“书海拾贝”网站中新建两个网页。一个网页的标题为“成语故事”，文件名为“cygs.htm”；另一个网页标题为“历史典故”，文件名为“lsdg.htm”。
由学生自己动手完成这两个网页的制作的创建，各小组比赛，并将完成情况记录小组档案。
自主小结归纳信息
［组织教学］
1.提问：本节课同学们学到了哪些知识？掌握了哪些知识？
2.学生回答，相互补充。
［教师评价］本节内容《制作一个简单的网页》是贯穿于模块5《网页制作》的主线，与后面章节内容联系密切，学好本节知识就能为学习后面章节知识打下基础，而且随着现代社会的发展，我们每一个高中学生生活在现代社会中，无论以后走进大学校门或者毕业走上工作岗位，本节内容都是一个必备的知识和技能，而且本节也是本章的一个基础，亦是一个重点。
课外研究拓展综合
1、在D盘上学生姓名文件夹下创建一个“锦绣中华”站点。
2、打开“锦绣中华”站点，新建一个网页。在编辑区中输入以下文字，然后保存，文件名为“index.htm”，网页标题为“锦绣中华”。
3、再浏览器中看一下刚才建立的网页，以后我们把这个网页简称为“锦绣中华”网页。
4、我国是一个多民族的国家请收集介绍我国少数民族情况的文字和图片资料，并在D盘的“学生姓名”中的“练习素材”文件夹中新建一个“少数民族”文件夹，把这些资料保存起来。
课后由组长将学生完成情况做好统计，并教于教师，根据学生掌握情况给与辅导和帮助。
21世纪教育网 -- 中国最大型、最专业的中小学教育资源门户网站。 版权所有@21世纪教育网