《新建网页──丰富网站的内容》教学设计_计算机-网页设计

《《新建网页──丰富网站的内容》教学设计_计算机-网页设计》由会员分享，可在线阅读，更多相关《《新建网页──丰富网站的内容》教学设计_计算机-网页设计（9页珍藏版）》请在装配图网上搜索。

1、学习必备 欢迎下载 新建网页丰富网站的内容教学设计 【教材使用】宁教厅审定 山东教育出版社出版 软件 FrontPage2000 【适用年级】8 年级上册 【适用单元】网页制作第 2 大节 【教材分析】本节的内容分为三部分：一是新建网页；二是添加图片；三是添加背景音乐。第一部分新建网页是本章节的重点部分，使用导航栏建立网页也是本章节中的难点；第二部分网页建立好要添加文字和图片信息将其做为一节课内容；第三部分背景音乐和下一节的网页的背景合成一节课内容，这样便于学生的理解和掌握。第一部分新建网页，也是这一节课的内容，它是在创建站点和主页之后的内容，教材中详细地介绍了使用导航栏创建网页的过程，先设计

2、站点结构，然后再编辑网页的内容。一笔带过的是在网页视图下创建网页的方法，是编辑一个个网页，再将网页组成站点。本章节的一个难点是使用导航栏建立网页，学生接受起来不易，但使用这种方法组织的网站有头绪，有点像网站的“结构地图”，也易于后续链接知识的学习，同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的，它是网站宏观布局的具体实施的关键一步。使用网页视图方式建立网页，在课本中一笔带过，但是从知识的呈上启下来看，学生更易接受这个方案，缺点是网站中建立许多个网页时，若无网站的组织结构图，建立工作将陷入迷茫中，同时也对后续的超链接的学习就造成一定的困难，因此课本中不采纳这种方法建立网页。学习必备

3、 欢迎下载 本节课采用先简单介绍网页视图方式添加网页，后过渡到导航栏中新建网页，这种方法：一是将知识合理顺延和过渡，从学生已知入手过渡到学生的新知；二是可以将难点分散进行学习，便于学生的理解与吸收。在创建网页时导航栏与网页的重命名必须保持一致，这是本节课一个难点也是一个重点。【学情分析】学生在学习“创建站点”后，对软件中的导航栏的作用没有一个直观的理解，但是对于创建站点已经有了一定的了解，而创建网页的命令与创建网站的命令是一组，可以借助学生从已有知识过渡到难理解的导航栏中，因此可以从网页视图下添加网页的方法中过渡到导航栏中添加，这样学生能很平顺地接受在导航中添加网页以及理解它的优势。【教学目标

4、】1知识目标 （1）掌握打开站点的基本方法；（2）掌握新建网页的基本方法。2技能目标 通过学生探究学习过程中，掌握新建网页的不同方法。上册适用单元网页制作第大节教材分析本节的内容分为三部分一是新建网页二是添加图片三是添加背景音乐第一部分新建网页是本章节的重点部分使用导航栏建立网页也是本章节中的难点第二部分网页建立好要添加文字和图片信息分新建网页也是这一节课的内容它是在创建站点和主页之后的内容教材中详细地介绍了使用导航栏创建网页的过程先设计站点结构然后再编辑网页的内容一带过的是在网页视图下创建网页的方法是编辑一个个网页再将网页组成站点地图也易于后续链接知识的学习同时也与前一节课中的网站准备工作中

5、的网站组织结构图是相呼应的它是网站宏观布局的具体实施的关键一步使用网页视图方式建立网页在课本中一带过但是从知识的呈上启下来看学生更易接受这个学习必备 欢迎下载 3情感目标：（1）通过新建网页的学习，培养学生的对比学习能力；（2）利用导航栏知识，培养学生的整体布局网站的综合信息素养能力。【教学重、难点】1在使用导航栏建立网页时，导航栏中的命名与网页的命名一致是难点；2网页名称应与网页中的信息一致是重点。【课时安排】2 课时 【教学方法】对比法、任务驱动法 【课前准备】软件 FrontPage2000 多媒体广播系统 【教学设计】第一课时 在网页视图下添加网页 教学过程 教师活动 教学意图 学生活

6、动 上册适用单元网页制作第大节教材分析本节的内容分为三部分一是新建网页二是添加图片三是添加背景音乐第一部分新建网页是本章节的重点部分使用导航栏建立网页也是本章节中的难点第二部分网页建立好要添加文字和图片信息分新建网页也是这一节课的内容它是在创建站点和主页之后的内容教材中详细地介绍了使用导航栏创建网页的过程先设计站点结构然后再编辑网页的内容一带过的是在网页视图下创建网页的方法是编辑一个个网页再将网页组成站点地图也易于后续链接知识的学习同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的它是网站宏观布局的具体实施的关键一步使用网页视图方式建立网页在课本中一带过但是从知识的呈上启下来看学生更

7、易接受这个学习必备 欢迎下载 一、导入部分 上节课我们建立了“我的家乡”站点，大家能使用“我的电脑”或“资源管理器”找到他们吗？找到后请大家打开站点并预览自己所编辑的主页信息。问：大家看看自己编辑的主页信息中有没有错误？有错了，该如何修改？问：一个网站中一张网页不能够表达一个站点的所有信息，那就需要许多个网页，我如何增加网页呢？我们这一节课就来解决这些问题。（板书课题：第 2 节 新建网页）（1）使学生确认自己站点所在的位置，复习上节课预览网页的知识便于后面知识的学习。（2）通过学生的观察，发现问题，激发学生解决问题的兴趣。（3）留给学生思考的问题，让学生带着问题学习新知。从计算机中查找自己的

8、站点 学生观察发现问题 学生思考 二、新课部分 1打开站点 （任务一）大家看到页面状态是浏览状态，在这个状态下是不能修改网页信息的，如果想修改只能在网页的编辑状态下才行，因此大家必须启动网页的制作软件 FrontPage2000。（任务二）刚才大家也看到主页是在站点文件夹之中，因此我们要打开站点才能看到主页，并修改主页。看看软件中“文件”菜让学生了解在什么状态下可以修改网页。上册适用单元网页制作第大节教材分析本节的内容分为三部分一是新建网页二是添加图片三是添加背景音乐第一部分新建网页是本章节的重点部分使用导航栏建立网页也是本章节中的难点第二部分网页建立好要添加文字和图片信息分新建网页也是这一节

9、课的内容它是在创建站点和主页之后的内容教材中详细地介绍了使用导航栏创建网页的过程先设计站点结构然后再编辑网页的内容一带过的是在网页视图下创建网页的方法是编辑一个个网页再将网页组成站点地图也易于后续链接知识的学习同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的它是网站宏观布局的具体实施的关键一步使用网页视图方式建立网页在课本中一带过但是从知识的呈上启下来看学生更易接受这个学习必备 欢迎下载 2新建网页 单栏中有没有“打开站点”这个命令，并动手尝试的打开自己的站点。教师辅导 （任务三）大家已经打开网站，看看“文件”菜单中有没有添加网页的命令，自己动手试试给自己的站点增加两个网页“宁夏风

10、景名胜”和“宁夏古诗文欣赏”。同时结合课本 P67 将相应的网页的文字内容录入到网页中。大家可以互相交流。教师进行辅导 （任务四）大家刚才建立了网页，并为网页添加了文字，因此需要大家及时将自己的网页保存在网站中。大家动手实践 教师进行辅导 广播展示命名时出现的问题 （1）在大家保存时应正确选择自己的站点，输入网页名称即可保存。引导学生从已知过渡到新知来学习打开站点方法，达到举一反三效果。学生已经在新建站点中看到过新建网页，很容易接受，同时通过交流达到共同进步。引导学生保存自己的网页。学生在动手过程中就会引出重命名操作。学生启动制作软件 学生动手实践 学生动手实践 上册适用单元网页制作第大节教材

11、分析本节的内容分为三部分一是新建网页二是添加图片三是添加背景音乐第一部分新建网页是本章节的重点部分使用导航栏建立网页也是本章节中的难点第二部分网页建立好要添加文字和图片信息分新建网页也是这一节课的内容它是在创建站点和主页之后的内容教材中详细地介绍了使用导航栏创建网页的过程先设计站点结构然后再编辑网页的内容一带过的是在网页视图下创建网页的方法是编辑一个个网页再将网页组成站点地图也易于后续链接知识的学习同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的它是网站宏观布局的具体实施的关键一步使用网页视图方式建立网页在课本中一带过但是从知识的呈上启下来看学生更易接受这个学习必备 欢迎下载 3

12、保存网页及网页重命名 （2）在此过程中，有的同学未能输入网页名称，就点击保存了，出现一个现象：网页全部都是 new-page_1(2，3，4)htm的形式，多了自己也被迷糊了。出现这种情况时大家可以使用文件夹列表窗体来重新给网页命名。具体操作：选中你的网页文件，使用右键的快捷菜单完成，它的操作类似于“资源管理器”中的命令操作。一定要注意命名时不能将网页的属性htm丢弃了，若已经丢弃，请将它加上。（3）保存完成后，若还想给网页增加信息，一定要在文件夹列表窗体中双击网页的名称，当你看到你所双击的网页名称与编辑窗口中的名称一致时，在输入信息，完成后随时保存信息。将本节课的难点集中展示出来，并纠正出错

13、的原因 学生动手实践 学生改正自己错误 三、小结 这节课你都学会了什么？巩固本节课知识 学生自己总结 上册适用单元网页制作第大节教材分析本节的内容分为三部分一是新建网页二是添加图片三是添加背景音乐第一部分新建网页是本章节的重点部分使用导航栏建立网页也是本章节中的难点第二部分网页建立好要添加文字和图片信息分新建网页也是这一节课的内容它是在创建站点和主页之后的内容教材中详细地介绍了使用导航栏创建网页的过程先设计站点结构然后再编辑网页的内容一带过的是在网页视图下创建网页的方法是编辑一个个网页再将网页组成站点地图也易于后续链接知识的学习同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的它是网

14、站宏观布局的具体实施的关键一步使用网页视图方式建立网页在课本中一带过但是从知识的呈上启下来看学生更易接受这个学习必备 欢迎下载 第二课时 使用导航栏添加网页 教学过程 教师活动 教学意图 学生活动 一、导入部分 教师打开学生的一份网站作品进行展示 （将作品的本人叫起来）问：你的网站中的网页表达的什么信息？再问：你的网站还想需要表达什么内容？设想：当你的网页增加的比较多时，你会发现自己的思路不一定很清晰。想解决这个问题，大家必须手绘一个网站组织结构图才能，这样也会带来许多不方便之处。还有没有能直接体现出来我们网站的组织结构图来呢？有的。可以使用导航栏来建立网页。（板书课题：使用导航栏建立网页）。

15、引导学生说自己的创作意图 引出本节课的课题 学生表述自己想法 二、新课部分 1导航栏的作用 视图栏中“导航”按钮是一个站点创建和系统管理的显示视图。使用导航栏新建网页，先组织网站的结构，后为每个网页添加内容。这与我们第一节准备工作中组织的网站结构图就相互呼应起来，思路清晰明了。引导学生了解使用导航栏的优势。上册适用单元网页制作第大节教材分析本节的内容分为三部分一是新建网页二是添加图片三是添加背景音乐第一部分新建网页是本章节的重点部分使用导航栏建立网页也是本章节中的难点第二部分网页建立好要添加文字和图片信息分新建网页也是这一节课的内容它是在创建站点和主页之后的内容教材中详细地介绍了使用导航栏创建

16、网页的过程先设计站点结构然后再编辑网页的内容一带过的是在网页视图下创建网页的方法是编辑一个个网页再将网页组成站点地图也易于后续链接知识的学习同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的它是网站宏观布局的具体实施的关键一步使用网页视图方式建立网页在课本中一带过但是从知识的呈上启下来看学生更易接受这个学习必备 欢迎下载 2新建网页 （任务一：）大家结合课本 P64完成“做一做”。教师进行辅导 广播展示出现的问题 （1）FrontPage 2000 只是当你在一个站点上工作时才会创建导航栏，独立的网页则不行。（2）导航栏中主页是第一个添加到导航结构的网页，一般都叫做 default

17、htm 或 index htm，想进行添加新网页时，应注意网页之间网页的层次关系。父层网页是包含另一个网页的父网页，其他网页是他的下一级。导航栏可以横排或竖排。（3）导航栏中若出现层次错误时，可以使用拖动的办法来改善他们的层次。（4）导航栏中的命名应与双击后进入的网页名一致才行，这是本节课的难点。（5）上节课我们已经建立的网 难点集中解决 学生实践 上册适用单元网页制作第大节教材分析本节的内容分为三部分一是新建网页二是添加图片三是添加背景音乐第一部分新建网页是本章节的重点部分使用导航栏建立网页也是本章节中的难点第二部分网页建立好要添加文字和图片信息分新建网页也是这一节课的内容它是在创建站点和主

18、页之后的内容教材中详细地介绍了使用导航栏创建网页的过程先设计站点结构然后再编辑网页的内容一带过的是在网页视图下创建网页的方法是编辑一个个网页再将网页组成站点地图也易于后续链接知识的学习同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的它是网站宏观布局的具体实施的关键一步使用网页视图方式建立网页在课本中一带过但是从知识的呈上启下来看学生更易接受这个学习必备 欢迎下载 页如何到站点中？在视图窗口点击“导航”按钮，切换到导航视图。在文件夹窗口中将文件“宁夏风景名胜htm”和“宁夏古诗文欣赏 htm”拖动到“导航”窗口，仔细选择停放的位置，让示意图标和其他二级图标在一个线上，然后就看到这两个

19、文件成为站点的一部分了。学生进行改错 三、练习 课本 P75第 1 题。巩固本节课知识 四、小结 这节课你都学会了什么？学生自己总结 【教学反思】本节课，若按课本中的思路进行，学生学完后，只会依葫芦画瓢，只知其所以然，而不知其所以不然，还是处在一种困惑中。由此，我将这节课改成两节上，即分散难点知识，又便于学生掌握，学生在学习的过程中实践比较多，在实践过程中不断出现新的疑问，可以激发学生的解决问题的积极情绪，对普遍出现的问题可以通过广播系统来解说，师生互动比较多，教师真正起到了“引”的作用。上册适用单元网页制作第大节教材分析本节的内容分为三部分一是新建网页二是添加图片三是添加背景音乐第一部分新建网页是本章节的重点部分使用导航栏建立网页也是本章节中的难点第二部分网页建立好要添加文字和图片信息分新建网页也是这一节课的内容它是在创建站点和主页之后的内容教材中详细地介绍了使用导航栏创建网页的过程先设计站点结构然后再编辑网页的内容一带过的是在网页视图下创建网页的方法是编辑一个个网页再将网页组成站点地图也易于后续链接知识的学习同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的它是网站宏观布局的具体实施的关键一步使用网页视图方式建立网页在课本中一带过但是从知识的呈上启下来看学生更易接受这个