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

这是一份初中信息技术人教版九年级上册四、完善主页教学设计，共13页。教案主要包含了创建网页的框架，制作导航网页，保存框架网页等内容，欢迎下载使用。
活动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、课后反思  成功：  不足：