《家乡美食推广(一)-创建网站》名师教案

学而优教有方课题家乡美食推广—创建网站单元第三单元学科信息技术年级六年级学习目标1.以小组为单位，规划并创建以“介绍家乡代表性的美食”为主题的站点，建立网站的导航结构，并搜集相关资料。2.软件：FrontPage、IE浏览器。3.技能：使用FrontPage制作网页。重点规划并创建以“介绍家乡代表性的美食”为主题的站点。难点技能：使用FrontPage制作网页。教学过程教学环节教师活动学生活动设计意图导入新课观看了怎么多美食，有没有自己喜欢的呢？接下来我们用网站创建设计一个介绍家乡美食吧！听讲，思考通过图片引发学生的学习兴趣。讲授新课活动过程

1.分组，确定站点的主题从自己家乡的各种美食中，选择1~

3种美食作为推广的主要对象。主题：食在抚仙湖

主要美食：洋芋焖饭、铜锅鱼家、常盐水鱼方法提示①选择待推广的美食时，既可以选择名声在外的著名食品，也可以选择尚未被世人了解的食物。②可以把自家的家常菜作为介绍的对象。2、素材的搜集和整理通过各种渠道，搜集与网站主题相关的素材，并分类保存至小组文件夹。

方法提示①建立专用文件夹，保存本单元的相关文件。

②除了要搜集与主题相关的图片、文字之外，还可以搜集一些可用于网页修饰的图片、声音等。

③在网上搜集资料，然后课下做一-些因特网之外的资料搜集工作。后者收集的资料是第一手资料，更能引起他人的兴趣。2、初步规划网站站点方法提示①在正式建立站点前，应先做好规划一需要多少张网页、各网页的内容、网页之间的链接关系等。这样，才能保证网页制作工作事半功倍。②规划站点时，要综合考虑时间、素材、个人技能水平等因素，对内容、容量等进行合理设计。图13-1所示的两

个网站规划中，“食在抚仙湖”较为简单，3层6个网页：“基诺食趣”较为复杂，4层12个网页。③最低标准：2层4个网页。图13-1所示的两个网站规划中，“食在抚仙湖”较为简单，3层6个网页：“基诺食趣”较为复杂，4层12个网页。

在下面的方框内，画出本组的网站规划示意图。4.创建站点，制作导航方法提示①使用FrontPage软件创建站点。②在EFrontPage中使用导航视图，依据网站规划的内容，创建导航结构。导航视图能很好地确立或调整网页文件之间的位置关系。“食在抚仙湖”网站的导航结构如图13-2所示。技能提示①启动FrontPage。②在单元文件夹中新建站点，以站点名称的拼音字母命名。●可选择创建“只有一个网页的站点”，这样可以在新建站点的同时建立index页。●由于最终要上传网站到因特网中，所以站点名不能为中文。③在导航视图中，根据规划，在恰当的位置插入新的网页，并命名网页标题(参见[技能拓展1])。技能提示●创建导航。●每个网页文件不仅有一个文件名，还有一个网页标题。通常来说，网页的文件名显示在浏览器的地址栏中，而网页的标题名出现在浏：览器的标题栏中，它能让浏览者知道该网页的大概内容。④在文件夹列表中,重命名新建网页的文件名(参见[技能拓展2])。

技能拓展：1.在FrontPage导航视图中，新建网页，并建立导航结构①在FrontPage中打开建好的网站，选择“网站”标签，然后单击窗口下方的“导航视图”按钮，进入导航视图。②在导航视图中，根据规划，新建网页。

例如，要在index页下新建一个子网页“美哉抚仙湖”的方法是，右击index页，在弹出的快捷菜单中，选择“新建→网页”命令，即可在index页下一层“新建网页文件1”，如图13-3所示.

使用相同的方法，即可将网站所需网页全部建好，如图13-4所示。③在导航视图中，重命名网页标题。

右击每一个网页，在弹出的快捷菜单中选择“重命名”命令，网页标题反色显示，即可输人新的名称，如图13-5所示。

同理，可将网站所有网页的标题全部重命名，结果如图13-2所示。2、修改导航结构

有时需要调整导航结构，如添加或删除网页，或改变网页间的链接关系。①添加网页：方法同新建网页。

②删除网页：选定要删除的网页，右击鼠标，在弹出的快捷菜单中选择“删除”命令。

③改变网页间的链接关系：选定并拖动所需网页，待网页上所连虚线吸附到准确位置后，松开鼠标。如图13-6所示。3.FrontPage导航视图中，更改网页文件名

新建的网页默认文件名为“new_page_x.htm”(x=数字序号)，不能反映网页内容，日后更新网页时也容易混淆，所以，应对其重命名。由于上传网站时不支持中文，所以，网页文件名可使用和网页相关的英文单词或拼音字母。

方法：在导航视图左侧的“文件夹列表”窗格中，选择需要更改文件名的网页，右击，在弹出的快捷菜单中选择“重命名”命令，网页文件名反色显示，即可输入新的名称。全部更改完毕后的网页文件名如图13-7所示。

注意：更改网页文件名时，不要改动网页文件的扩展名“.htm"，否则可能出现网页无法打开的情况。

你们是否在导航视图下创建了站点结构？在导航视图下创建站点结构与以往新建网页的方法有什么不同？了解、掌握了解及掌握。了解、掌握听讲听讲听讲及掌握理解了解掌握掌握了解掌握了解

通过教师讲解了解确定主题的重要性。通过学习，了解如何收集相关素材。掌握初步规划网站站点的方法。学生通过听讲了解创建站点，制作导航。了解如何创建导航的方法步骤。掌握在导航视图中，根据规划，新建网页的步骤和方法。在导航视图中，重命名网页标题。了解掌握删除网页。保存网页文件名注意事项。

课题小结①分组，确定站点的主题，并收集整理相关材料。②初步规划站点，制作导航视图。③在FrontPage中使用导航视图，依据网站规划的内容，创建导航结构。导航视图能很好地确立或调整网页文件之间的位置关系。④在FrontPage导航视图中，新建网页，并建立导航结构，并做出修改。⑤在FrontPage导航视图中，更改网页文件名，不要改动网页文件的扩展名“.htm”。提问回答

通过提问方