初中信息技术人教版九年级上册四、完善主页教学设计

活动3：补充与完善网站

教学目标：

一、知识与技能

1、掌握制作框架网页的方法。

2、学会创建网页模板并利用网页模板制作网页。

3、熟练创建网页之间的超链接。

4、提高检查与测试网站的意识和能力。

二、过程与方法：

通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。

三：情感态度与价值观：

通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。

教学重点： 框架网页的制作

教学难点： 框架网页的制作流程。

教学时间：5课时

第一课时

教学内容：框架网页制作（一）

教学过程：

教学环节

教师活动预设

学生活动预设

应用软件窗口

设计意图

1、复习

2、导语

前几节课我们学习制作了网站主页，大家都做的非常认真，非常好。那么网站中除了主页，还要有更多的网页，这些网页彼此链接，才能构成一个完整的网站。这节课，我们来学习制作框架网页。

观察思考

了解框架网页的基本形式

3、讲新

一、创建网页的框架

1、打开“心灵之约”后，执行“新建——网页”命令，利用模板新建网页。

查看各小组的操作情况，帮组纠正。

在前面没有“心灵之约”网站主页的，这里就不能

继续操作。

2、按图所示操作，创建一个目录结构的框架网页。

二、制作导航网页。

师：习惯上，我们把左框架的网页叫做导航网页。下面我们来制作“吟颂美德”导航网页。

1、单击左框架中的

按钮

2、插入一个12行1列的表格，用来安排导航页面的内容。

3、 依次在单元格中输入图像和文字，并做修改。

可以自由发挥，自己觉得合适美观就可以。

三、保存框架网页

跟踪操作

小组合作

看教材独立完成

思考如何制作

跟踪操作

独立完成

思考：什么是“目录”结构：

各小组汇报完成情况。

导航网页用来呈现栏目名称。

图像在素材库中，背景颜色可右击鼠标，选择网页属性，格式，背景颜色。

本内容学生可参看教材第90页内容，独立完成。

了解目录结构形式

独立操作能力

修饰能力

3、课堂补充练习： 完善框架网页内容。

5、小结： 在制作的过程中大家可以尽情发挥，小组合作，互看互查。

6、课后反思

成功：

不足：

活动3：补充与完善网站

教学目标：

一、知识与技能

1、掌握制作框架网页的方法。

2、学会创建网页模板并利用网页模板制作网页。

3、熟练创建网页之间的超链接。

4、提高检查与测试网站的意识和能力。

二、过程与方法：

通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。

三、情感态度与价值观：

通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。

教学重点： 框架网页的制作

教学难点： 框架网页的制作流程。

教学时间：5课时

第二课时

教学内容：框架网页制作（二）：美德成语、美德典故、美德古诗。

教学过程：

教学环节

教师活动预设

学生活动预设

应用软件窗口

设计意图

1、复习

上节课我们只做左框架网页，大家还记得是如何制作的吗？

思考

回答

教师根据学生的回答，做简单复习陈述。

复习巩固

2、导语

左框架网页我们制作了，那么右框架网页如何制作呢？

观察思考

激发情趣

3、讲新

一、制作显示在右框架中的网页。

制作“吟颂美德”右框架中的网页。

1、新建一个网页，制作类似图示“美德成语”网页。

2、小组成员分工合作，参照教材，制作“美德成语”右框架网页。可以自由发挥。

3、教师巡视查看，需要指导的可以点化指导。

4、仿照“美德成语”网页制作方法，独立完成“ 美德典故”“美德古诗”两个网页的制作。

①、注意在插入图片后，如何修饰图片使之更合适美观。

②、每完成一步注意保存。

③、自己不能确定的部分一定要合作完成，勤咨询，少犯错。

跟踪操作

小组合作探究

师：在浏览目录结构的网页时，单击左框架网页中的各个栏目名称，右框架中就会显示对应的网页。

尽情发挥想象力

培养自主创新能力

4、课堂补充练习： 组织本组同学完善网页制作。

5、小结： 大家在制作的过程中，尽可能的发挥想象，越合理越美观就越好。

6、课后反思

成功：

不足：

活动3：补充与完善网站

教学目标：

一、知识与技能

1、掌握制作框架网页的方法。

2、学会创建网页模板并利用网页模板制作网页。

3、熟练创建网页之间的超链接。

4、提高检查与测试网站的意识和能力。

二、过程与方法：

通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。

三、情感态度与价值观：

通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。

教学重点： 框架网页的制作

教学难点： 框架网页的制作流程。

教学时间：5课时

第三课时

教学内容：框架网页制作（三）

1、设置初始网页，导航栏目与网页超链接。

2、设置框架属性。

教学过程：

教学环节

教师活动预设

学生活动预设

应用软件窗口

设计意图

1、复习

上节课我们制作了几张右框架的网页。

观察回顾

点击有关右框架网页。

复习巩固加深印象

2、导语

那么我们在浏览这些网页时，最初显示的网页被称为初始网页，这张网页需要专门设置。

激发情趣

3、讲新

一、设置初始网页

把“美德成语”网页指定为初始网页。

1、打开“吟颂美德”网页文件。

2、按图所示，把“美德成语”网页设置为初始网页。

如果操作错误，可按ctrl+z返回上一步。

双击“美德成语”htm这个文件后，会看到已经设置完成，并且直接显示这个被设置为初始网页的页面。

如果要把右框架中的初始网页改为其他网页，可以右击右框架中的页面，然后打开“框架属性”对话框，重新选择要链接的文件。

二、设置导航栏目与网页的超链接。

教师巡视指导。

1、选定栏目名称文字并右击，然后点击“超链接”

2、设定该网页在框架中的打开方式。

3、设定另外两个栏目与对应网页的超链接。

4、设定文字“返回主页”与主页index.htm的超链接及网页的打开方式。

三、设置框架属性

框架网页创建好以后，还可以根据实际需要改变框架的属性，如调整框架的大小，边框，设置滚动条等。

1、右击左框架网页，然后单击“框架属性”命令。

2、按图所示，修改框架的边框颜色、宽度或阴影效果等。

边框颜色以及宽度，阴影效果等可以自行选择。

跟踪操作

按教材提示独立操作

合作按教材提示进行操作

跟踪操作

小组成员互帮互助。

浏览者在单价导航栏目名称时，右框架中要显示对应的网页，这需要进行超链接操作。

注意：这个打开方式为“整页”

设置完毕后，各小组互查，上报设置结果。

熟悉制作步骤

查看

独立操作能力

熟悉操作步骤

5、课堂补充练习： 完善本节课所有内容。

5、小结： 实际制作中，框架的边框颜色、宽度或阴影效果可以自行设置。

6、课后反思

成功：

不足：

活动3：补充与完善网站

教学目标：

一、知识与技能

1、掌握制作框架网页的方法。

2、学会创建网页模板并利用网页模板制作网页。

3、熟练创建网页之间的超链接。

4、提高检查与测试网站的意识和能力。

二、过程与方法：

通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。

三、情感态度与价值观：

通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。

教学重点： 框架网页的制作

教学难点： 框架网页的制作流程。

教学时间：5课时

第四课时

教学内容：

1、制作与使用网页模板。

2、完善网页中的超链接。

教学过程：

教学环节

教师活动预设

学生活动预设

应用软件窗口

设计意图

1、复习

打开“心灵之约”网页，单击各个网页，回想每张网页的制作过程。

观察回顾

复习巩固加深印象

2、导语

前面的学习中，我们使用过一种网页模板：框架网页。这种模板是系统自带的。我们还可以自己建立模板，可以在制作网页的时候使用。下面我们来学习这种网页模板的制作。

思考回答

思考：如何自制网页模板？

激发情趣

3、讲新

一、制作与使用网页模板

A、制作“心灵话语”网页模板。

1、在网站“心灵之约”中新建一个网页。

①、插入一个3行1列的表格，如图所示。

②、再插入一个1行1列的表格。

③、插入图像和艺术字并给单元格添加背景。如图所示。

2、保存文件。

执行“文件——另存为”命令，把网页另存为模板文件。

指导保存文件。

B、使用自制的模板创建网页。

1、在网站列表中双加模板文件名，显示它的页面编辑区。如图。

2、执行“文件——另存为”命令，以xinlinghuayu为文件名保存网页。

3、在页面中编辑修改各项内容，再保存，就称为一个新的网页。

二、完善网页中的超链接

创建“心灵之约”网站中各个网页之间的超链接。

1、打开主页的编辑区，选定栏目标题，设置超链接。

2、把网页的打开方式设为“新建窗口”。

3、设置其它栏目标题与网页之间的超链接。

4、打开其它网页，创建与主页的超链接。

5、保存并预览网页，测试超链接。

跟踪操作

小组合作完成

跟踪操作

小组合作

参考教材独立完成

课后有时间完成其他几个模板的制作。

“爱在身边”“诚信无价”“心向明天”

熟悉制作过程

考查合作能力

独立操作能力

6、课堂补充练习： 完成其它几个分页模板的制作并设置超链接。

5、小结： 需要完善的内容有很多，相信同学们有能力有信心能很好地完成网页的制作。

6、课后反思

成功：

不足：

活动3：补充与完善网站

教学目标：

一、知识与技能

1、掌握制作框架网页的方法。

2、学会创建网页模板并利用网页模板制作网页。

3、熟练创建网页之间的超链接。

4、提高检查与测试网站的意识和能力。

二、过程与方法：

通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。

三、情感态度与价值观：

通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。

教学重点： 框架网页的制作

教学难点： 框架网页的制作流程。

教学时间：5课时

第五课时

教学内容： 检查与测试网站

教学过程：

教学环节

教师活动预设

学生活动预设

应用软件窗口

设计意图

1、复习

打开网站，查看各个网页

观察回顾

复习巩固加深印象

2、导语

师：网站中的网页制作好以后，需要仔细检查与测试，以保证网站的正常运行。检查时，应该注意网页的内容和网页之间的超链接关系。

回顾如何设置超链接

激发情趣

3、讲新

一、检查网页内容

文字图片方面：

错别字、语句通顺情况、图文是否相符。

二、检查超链接

师：网站运行是否畅通，关键在于网页之间的超链接是否正确，它把网页彼此关联起来。

单击预览，查看一下目前都有哪些链接，是否还有没完成的。

点击“报表”按钮，查看有没有多余的文件或缺失的链接。

三、发布网站

师：制作和更新网站后，可以把网站的文件夹设为共享，或把它发布到因特网上，让其他同学通过网络访问这个网站。

1、查看自己所用计算机的名称。

2、记录其他同学计算机的名称，把网站文件夹设为与该计算机共享。

3、通过网络访问其它计算机，共享它里面的网站文件夹。

4、免费站点空间申请。

5、发布网站。

注意查找

继续查看

小组互查

跟踪操作

鉴于此，我们应该检查哪些内容呢？

小组合作，分工互查。

每张网页都有入口和出口，选定要查看的网页，然后利用超链接视图，查看超链接情况。

在因特网上申请一个站点空间，然后在frontpage窗口中执行“文件——发布网站”命令，发布你的网站。

考查

纠错能力

考查合作能力

7、课堂补充练习：设置共享

5、小结： 站点空间的申请需要时间，大家可以申请免费的站点空间，然后再发布网站。

6、课后反思

成功：

不足：