网页诞生了.docVIP

第九课 网页诞生了 知识目标：能理解和掌握网页中一些最基本元素的使用方法，学会制作网页。 能力目标：引导学生学习FrontPage XP 2002 文件菜单中新建、保存、打开等基本操作，并能融会贯通于其他软件中。 情感目标：教育学生了解八中，热爱八中。通过了解八中的历史，从而激发学生的集体荣誉感。 教学重难点：创建网页 添加文字和图片 教学时间：一课时 教学过程： 一、组织教学 前面我们认识了网页并知道了规划网站的基本方法和步骤，今天我们就来创建第一 个网页。 二、导入新课 同学们，你们到八中来已经一年多了，可你们了解八中吗？为了让大家进一步了解 我们的学校，让我们先来看一个短片。 看了这个短片后，我们对八中或许已经有了一定的了解，为了加深大家的印象，现 在我们就以“我们的学校”为主题做一个网站。网站是由许多个网页组成的，因此我 们先来学习做这个网站的主页。 三、新授知识 1、启动FrontPage XP 2002 现在网页的制作软件有很多，如Flash、Dream Weaver、FrontPage等等，由于 FrontPage XP 2002的功能强大，操作简单，所以今天我们以FrontPage XP 2002 为 工具来学习制作网页，现在我们就看看如何启动FrontPage XP 2002。 单击“开始”按钮，在弹出的菜单中选择“程序” “Microsoft FrontPage”, 即可进入FrontPage XP 2002 。 FrontPage XP 2002的窗口由以下几个部分组成：标题栏、菜单栏、工具栏、视 图栏、编辑区、编辑模式选项卡区。标题栏、菜单栏、工具栏、编辑区和Office其他 软件基本相似，只是编辑模式选项卡区和视图栏与其他软件不同。 编辑模式选项卡区，是用来选择编辑网页的输入状态和预览网页，它有三种方式：普通方式，HTML方式，预览方式。在普通方式下，可以直接编辑网页；在HTML方式下，可以查看网页的HTML源代码，也可以直接对源代码进行编辑；在预览方式下可预览网页的结果。 视图栏中包括6种视图：（1）网页视图，主要用于网页的编辑工作；（2）文件夹 视图，主要用于对站点中各种文件的管理；（3）报表视图，主要显示站点内各种文件的状态；（4）导航视图，用于在网页中创建导航条；（5）超链接视图，显示网页内超链接的情况；（6）任务视图，将需要做的工作以任务形式显示出来，并对其做简单的管理。 2、创建网页 现在就来制作“我们的学校”主页。一般来讲，网页文件总是存放在特定的站点中便于管理，因此第一次制作网页之前需建立一个存放网页文件的专用站点，再加上我们是制作以“我们的学校”为主题的网站，因此我们要先新建一个站点。从“文件”菜单中选择“新建” “网页或站点”，在窗口右侧出现“新建网页或站点”对话框，从中选择“Web站点摸板”，这时会出现“Web站点摸板”对话框，由于大家是初学者，所以我们选用“只有一个网页的站点”，表示从头开始，这时一定要记住站点的存放位置。 （注意：FrontPage中的模板与向导分为两类：一类是站点模板与向导，一类是网页模板与向导） 3、添加文字和图片 网页建立起来了，里面却空无一物，现在我们要将它充实起来。前面我们知道网页的三要素：文字、图形和超链接，因为我们建立的是只有一个网页的网站，所以暂时用不上超链接，因此我们只在网页插入文字和图片，方法如下： （1）选择文件夹视图，在文件夹列表中双击Index.htm文件，进入主页面编辑状态。为什么要双击Index.htm文件呢？因为站点中主页面通常被命名为Index.htm，所以我们选择这个文件。 （2）在网页编辑区中的适当位置输入介绍我们的学校的文段。 黄石八中地处市中心消防路，始建于1968年，1999年初高中分离后专设初中。八中以优美的校园环境，先进的教学设施、科学的校园管理、过硬的办学质量赢得社会各界的广泛赞誉。经过几十年的艰苦奋斗，几十年的不懈追求，几十年的风雨兼程，八中如同一棵年轻的大树，在春风里，在阳光下，生长着茂盛的枝叶。 这里我们还要对输入的文字进行编辑，要求标题为艺术字，字号为36，隶书且加粗，并居中；正文为红色，用18磅楷体。 （3）在网页编辑区中加入图片。 由于文字的表述没有图片更有代表性，因此我们要在网页中插入图片，方法如下： 将光标移到我们要插入图片的位置，然后从菜单栏中选择“插入” “图片” “来自文件”。这时弹出一个“图片”对话框，在“查找范围”中找到图片文件的位置后，选择图片文件，单击“确定”按钮即可。 这时候网页就基本完成了。 4、预览和保存网页 网页做好后，我们就切换到“预览”状态下，这时出现了刚才编辑的网页