2023新人教版（2015）九年级上册《信息技术》第1章 活动3 补充与完善网站 教案（5课时）.docx

1、活动3：补充与完善网站教学目标：一、 知识与技能1、掌握制作框架网页的方法。2、学会创建网页模板并利用网页模板制作网页。3、熟练创建网页之间的超链接。4、提高检查与测试网站的意识和能力。二、 过程与方法：通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。三：情感态度与价值观：通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。教学重点： 框架网页的制作教学难点： 框架网页的制作流程。教学时间：5课时第一课时教学内容：框架网页制作（一）教学过程：教学环节教师活动预设学生活动预设应用软件窗口设计意图1、复习2、导语前几节课我们学习制作了网站主页，大家都做的非常认真，非常好。

2、那么网站中除了主页，还要有更多的网页，这些网页彼此链接，才能构成一个完整的网站。这节课，我们来学习制作框架网页。观察思考了解框架网页的基本形式3、讲新一、创建网页的框架1、打开“心灵之约”后，执行“新建网页”命令，利用模板新建网页。查看各小组的操作情况，帮组纠正。在前面没有“心灵之约”网站主页的，这里就不能继续操作。2、按图所示操作，创建一个目录结构的框架网页。二、制作导航网页。师：习惯上，我们把左框架的网页叫做导航网页。下面我们来制作“吟颂美德”导航网页。1、单击左框架中的按钮2、插入一个12行1列的表格，用来安排导航页面的内容。3、 依次在单元格中输入图像和文字，并做修改。可以自由发挥，自

3、己觉得合适美观就可以。三、保存框架网页跟踪操作小组合作看教材独立完成思考如何制作跟踪操作独立完成思考：什么是“目录”结构：各小组汇报完成情况。导航网页用来呈现栏目名称。图像在素材库中，背景颜色可右击鼠标，选择网页属性，格式，背景颜色。本内容学生可参看教材第90页内容，独立完成。了解目录结构形式独立操作能力修饰能力3、 课堂补充练习： 完善框架网页内容。5、小结： 在制作的过程中大家可以尽情发挥，小组合作，互看互查。6、课后反思成功：不足：活动3：补充与完善网站教学目标：一、知识与技能1、掌握制作框架网页的方法。2、学会创建网页模板并利用网页模板制作网页。3、熟练创建网页之间的超链接。4、提高检

4、查与测试网站的意识和能力。二、过程与方法：通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。三、情感态度与价值观：通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。教学重点： 框架网页的制作教学难点： 框架网页的制作流程。教学时间：5课时第二课时教学内容：框架网页制作（二）：美德成语、美德典故、美德古诗。教学过程：教学环节教师活动预设学生活动预设应用软件窗口设计意图1、复习上节课我们只做左框架网页，大家还记得是如何制作的吗？思考回答教师根据学生的回答，做简单复习陈述。复习巩固2、导语左框架网页我们制作了，那么右框架网页如何制作呢？观察思考激发情趣3、讲新一、制作显示在

5、右框架中的网页。制作“吟颂美德”右框架中的网页。1、新建一个网页，制作类似图示“美德成语”网页。2、小组成员分工合作，参照教材，制作“美德成语”右框架网页。可以自由发挥。3、教师巡视查看，需要指导的可以点化指导。4、仿照“美德成语”网页制作方法，独立完成“ 美德典故”“美德古诗”两个网页的制作。、注意在插入图片后，如何修饰图片使之更合适美观。、每完成一步注意保存。、自己不能确定的部分一定要合作完成，勤咨询，少犯错。跟踪操作小组合作探究师：在浏览目录结构的网页时，单击左框架网页中的各个栏目名称，右框架中就会显示对应的网页。尽情发挥想象力培养自主创新能力4、 课堂补充练习： 组织本组同学完善网页制

6、作。5、小结： 大家在制作的过程中，尽可能的发挥想象，越合理越美观就越好。6、课后反思成功：不足：活动3：补充与完善网站教学目标：一、知识与技能1、掌握制作框架网页的方法。2、学会创建网页模板并利用网页模板制作网页。3、熟练创建网页之间的超链接。4、提高检查与测试网站的意识和能力。二、过程与方法：通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。三、情感态度与价值观：通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。教学重点： 框架网页的制作教学难点： 框架网页的制作流程。教学时间：5课时第三课时教学内容：框架网页制作（三）1、设置初始网页，导航栏目与网页超链接。2、

7、设置框架属性。教学过程：教学环节教师活动预设学生活动预设应用软件窗口设计意图1、复习上节课我们制作了几张右框架的网页。观察回顾点击有关右框架网页。复习巩固加深印象2、导语那么我们在浏览这些网页时，最初显示的网页被称为初始网页，这张网页需要专门设置。激发情趣3、讲新一、设置初始网页把“美德成语”网页指定为初始网页。1、打开“吟颂美德”网页文件。2、按图所示，把“美德成语”网页设置为初始网页。如果操作错误，可按ctrl+z返回上一步。双击“美德成语”htm这个文件后，会看到已经设置完成，并且直接显示这个被设置为初始网页的页面。如果要把右框架中的初始网页改为其他网页，可以右击右框架中的页面，然后打开

8、“框架属性”对话框，重新选择要链接的文件。二、设置导航栏目与网页的超链接。教师巡视指导。1、选定栏目名称文字并右击，然后点击“超链接”2、设定该网页在框架中的打开方式。3、设定另外两个栏目与对应网页的超链接。4、设定文字“返回主页”与主页index.htm的超链接及网页的打开方式。三、设置框架属性框架网页创建好以后，还可以根据实际需要改变框架的属性，如调整框架的大小，边框，设置滚动条等。1、右击左框架网页，然后单击“框架属性”命令。2、按图所示，修改框架的边框颜色、宽度或阴影效果等。边框颜色以及宽度，阴影效果等可以自行选择。跟踪操作按教材提示独立操作合作按教材提示进行操作跟踪操作小组成员互帮互

9、助。浏览者在单价导航栏目名称时，右框架中要显示对应的网页，这需要进行超链接操作。注意：这个打开方式为“整页”设置完毕后，各小组互查，上报设置结果。熟悉制作步骤查看独立操作能力熟悉操作步骤5、 课堂补充练习： 完善本节课所有内容。5、小结： 实际制作中，框架的边框颜色、宽度或阴影效果可以自行设置。6、课后反思成功：不足：活动3：补充与完善网站教学目标：一、知识与技能1、掌握制作框架网页的方法。2、学会创建网页模板并利用网页模板制作网页。3、熟练创建网页之间的超链接。4、提高检查与测试网站的意识和能力。二、过程与方法：通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。三、情感态度与

10、价值观：通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。教学重点： 框架网页的制作教学难点： 框架网页的制作流程。教学时间：5课时第四课时教学内容： 1、制作与使用网页模板。2、完善网页中的超链接。教学过程：教学环节教师活动预设学生活动预设应用软件窗口设计意图1、复习打开“心灵之约”网页，单击各个网页，回想每张网页的制作过程。观察回顾复习巩固加深印象2、导语前面的学习中，我们使用过一种网页模板：框架网页。这种模板是系统自带的。我们还可以自己建立模板，可以在制作网页的时候使用。下面我们来学习这种网页模板的制作。思考回答思考：如何自制网页模板？激发情趣3、讲新一、制作与使用网页模板A、

11、制作“心灵话语”网页模板。1、在网站“心灵之约”中新建一个网页。、插入一个3行1列的表格，如图所示。、再插入一个1行1列的表格。、插入图像和艺术字并给单元格添加背景。如图所示。2、保存文件。执行“文件另存为”命令，把网页另存为模板文件。指导保存文件。B、使用自制的模板创建网页。1、在网站列表中双加模板文件名，显示它的页面编辑区。如图。2、执行“文件另存为”命令，以xinlinghuayu为文件名保存网页。3、在页面中编辑修改各项内容，再保存，就称为一个新的网页。二、完善网页中的超链接创建“心灵之约”网站中各个网页之间的超链接。1、打开主页的编辑区，选定栏目标题，设置超链接。2、把网页的打开方式

12、设为“新建窗口”。3、设置其它栏目标题与网页之间的超链接。4、打开其它网页，创建与主页的超链接。5、保存并预览网页，测试超链接。跟踪操作小组合作完成跟踪操作小组合作参考教材独立完成课后有时间完成其他几个模板的制作。“爱在身边”“诚信无价”“心向明天”熟悉制作过程考查合作能力独立操作能力6、 课堂补充练习： 完成其它几个分页模板的制作并设置超链接。5、小结： 需要完善的内容有很多，相信同学们有能力有信心能很好地完成网页的制作。6、课后反思成功：不足：活动3：补充与完善网站教学目标：一、知识与技能1、掌握制作框架网页的方法。2、学会创建网页模板并利用网页模板制作网页。3、熟练创建网页之间的超链接。

13、4、提高检查与测试网站的意识和能力。二、过程与方法：通过制作网站不同层次网页的过程，初步掌握制作一般网站的流程与方法。三、情感态度与价值观：通过制作、发布与欣赏网站，体会完整网站给自己带来的愉悦心情。教学重点： 框架网页的制作教学难点： 框架网页的制作流程。教学时间：5课时第五课时教学内容： 检查与测试网站教学过程：教学环节教师活动预设学生活动预设应用软件窗口设计意图1、复习打开网站，查看各个网页观察回顾复习巩固加深印象2、导语师：网站中的网页制作好以后，需要仔细检查与测试，以保证网站的正常运行。检查时，应该注意网页的内容和网页之间的超链接关系。回顾如何设置超链接激发情趣3、讲新一、检查网页内

14、容文字图片方面：错别字、语句通顺情况、图文是否相符。二、检查超链接师：网站运行是否畅通，关键在于网页之间的超链接是否正确，它把网页彼此关联起来。单击预览，查看一下目前都有哪些链接，是否还有没完成的。点击“报表”按钮，查看有没有多余的文件或缺失的链接。三、发布网站师：制作和更新网站后，可以把网站的文件夹设为共享，或把它发布到因特网上，让其他同学通过网络访问这个网站。1、查看自己所用计算机的名称。2、记录其他同学计算机的名称，把网站文件夹设为与该计算机共享。3、通过网络访问其它计算机，共享它里面的网站文件夹。4、免费站点空间申请。5、发布网站。注意查找继续查看小组互查跟踪操作鉴于此，我们应该检查哪些内容呢？小组合作，分工互查。每张网页都有入口和出口，选定要查看的网页，然后利用超链接视图，查看超链接情况。在因特网上申请一个站点空间，然后在frontpage窗口中执行“文件发布网站”命令，发布你的网站。考查纠错能力考查合作能力7、 课堂补充练习：设置共享5、小结： 站点空间的申请需要时间，大家可以申请免费的站点空间，然后再发布网站。6、课后反思成功：不足：