河大版八年级全册第1节 网站的创建教学设计

这是一份河大版八年级全册第1节 网站的创建教学设计，共6页。教案主要包含了合作学习，拓展思维等内容，欢迎下载使用。

课题名
《网站的创建》
教学目标
1.知识与技能
(1)指导学生认识建立网站、制作网页的工具软件FrntPage；
(2)讲解并且让学生了解网页、网站、主页之间的关系；
(3)创建一个以“中国茶文化”为主题的网站，合理规划网站，能根据实际情况，添加网页，建立网页间的层次关系。
2.过程与方法
(1)通过教师演示让学生更直观掌握FrntPage创建网站、网页方法；
(2)让学生通过练习巩固，练习使用FrntPage创建网站、网页，合理规划网站。
3.情感态度价值观
培养学生学习网站建设的兴趣，鼓励学生认真思考，培养学生的作品规划意识，形成“先规划，再制作”的习惯。
教学重点
FrntPage创建网站、网页方法。
教学难点
认识网站，合理规划网站、设计网页间的关系。
教学准备
教师准备：ppt，FrntPage2003制作网页工具软件安装调试。茶文化相关素材资料。
学生准备：课前搜集茶文化相关素材资料，包括文字、图片、音乐等。
教学过程
新课导入
随着社会的不断发展和进步，人们之间获取信息，包括人与人之间交往的形式也发生了越来越大的变化，其手段多种多样。
讨论：人们获取信息的方式有哪些？
PPT展示：传统的形式往往是去图书馆、走访、相互通信、交换名片等，这些模式已远远不能满足人们对信息的需要。而网络则给人们带来了更多的机会，在现今社会，人们首先想到的是上网，网上可以得到想要的信息。“秀才不出门，便知天下事。”这句话真正反映了网络带给人们的好处，而建立属于自己的网站，也就成为现今人们利用网络并通过网络展示全新自我的一种途径。
引入新课，介绍建立网站的工具软件。
二、合作学习、自主探究
建立网站、制作网页要借助工具软件。实际上，目前建立网站、制作网页的工具软件非常多，如FrntPage、Dreamweaver等。
我们以FrntPage2003(以下简称FrntPage)为例，学习网站的建立及网页的编辑方法。
FrntPaee是一个简单实用的制作网页和建立网站的工具。它不但可以创建新的网页，而且可以在网页上插人和编辑文字、图片、动画、表格、超链接等其他元素；也可以创建新的网站，并且可以建立和管理网页之间的链接关系；它有30多个预先设计好的主题，以便为单一网页、多个网页或整个网站提供一致的外观；它可以为文字、图片设置动态HTML效果，设置网页的过渡效果；它还提供了超链接自动修复功能和HTML帮助。
FrntPage2003启动：
执行“开始”“所有程序”→“Micrsf Office"“Miersft Office FrntPage 2003”命令，就可以启动FrntPage2003。
PPT展示介绍FrntPage2003的窗口界面。
介绍网站、网页、主页：
网站(WebSite)是由一个包含多个超链接连在一起的网页集合。它包含的网页可以是几个，也可以是上千个。由于在因特网上网站是通过一个地址进行定位的，它就像网站信息中的个节点，所以有时称它为“站点”
网页(WebPage)是一个包含有文本、图形、超链接以及其他信息元素的文件。不同的网页对应一个不同的文件名。
主页(Hmelage)是网站的起始页，包含必要的内容和索引信息。大家通过因特网对某个网站进行信息查询时，首先访问到的起始信息页通常是该网站的主页。
确立主题，由于网站包含多个网页文件，所以，在建立网站之前，要确立主题，明确网站共有哪些网页组成。
学习任务：
创建一个以“中国茶文化”为主题的网站。
任务分析：
中国是茶文化的发源地，茶文化是中国传统文化的组成部分。随着社会的进步，茶不但对经济发展起到了促进作用，而且逐渐形成了灿烂夺目的茶文化。
茶文化历史悠久，内容广泛。为了弘扬茶文化，提高我们的道德修养和艺术欣赏水平，以“中国茶文化”为中心，通过查找相关资料，制作与茶文化相关的主题网站。
(1)确定网站主题及网站所包含的内容(如范例以“茶与茶的来源”为主题，从茶的起源茶的分类、茶圣陆羽三个方面建立一个有关茶史、茶萃的网站)。
(2)确定网页的内容，包括文字、图片、音乐等素材。
(3)规划网站，建立网站的示意图。
(4)创建网站，设计网页并建立网页之间的关系。
操作指南：
1.规划网站，建立网站示意图

2.创建网站
在D盘建立名为“chaweb”的网站文件夹。
(1)启动FrntPage软件，执行“文件”→“新建”命令。
(2)在“新建”工作面板中，选择“由一个网页组成的网站”，在“指定新站点的位置”文本框中输入”d：\chaweb”。然后单击“确定”按钮。这样，就建立了只包含有一个名为“index”的网页(此网页为主页)的网站。
3.添入网页
(1)在“新建”面板上单击“其他网页模板”命令。弹出“网页模板”对后框。
(2)在“常规”选项卡中，有多种网页的模板和向导，单击一个模板，在“预览”栏内会显示此模板网页的布局，根据需要选择一个模板。
以“图片库”为例，选择“图片库”，然后单击“确定”按钮。除用“普通网页”模板创建的网页是空白的外，利用其他模板建立的网页中都有一些提示文字和图片。
(3)保存网页。
①执行“文件”→“保存”命令，弹出“另存为”对话框。
②输入网页标题。
网页标题是对网页内容的一个概括，在浏览器中，它出现在标题栏的左上角，一般用中文描述。单击“更改”按钮，修改网页标题名为“茶的起源”。
③输入文件名。
每一个网页都是一个独立的文件，要以文件名命名。一般以字符描述。在“文件名”文本框中输入“qiyuan”。
④单击“保存”按钮。
由于网页模板中，有样例图片，会打开对话框，单击“取消”按钮。
重复步骤(1)～(3)的操作，创建其他网页。建议：利用“普通网页”模板，创建“茶的起源”、“茶树”、“茶的分类”、“茶圣”、“陆羽简介”网页。网页的标题分别为“茶的起源”、“茶的分类”、“茶圣”、“陆羽简介”，文件名分别为“qiyuan”、“chashu”、“fenlei”、chasheng”、“luyu”。
4.建立网页间的层次关系
(1)执行“视图”→“导航”命令，进入“导航”视图。此时。“导航”视图编辑窗口中的主页，表示当前网站的“index”网页。
(2)建立主页之下的网页关系。
鼠标指针指向“文件夹列表”中的网页，拖动鼠标到右边窗口。根据网站示意图，自顶向下，建立网页的层次结构。
5.关闭网站
执行“文件”→“关闭网站”命令。
任务小结：
建立网站时，要明确网站建立的位置。在打开“新建”网站对话框后，在“指定新站点的位置”文本框中，输人网站建立的位置。如输人“d:\chaweb”，表示在D盘的“chaweb”文件夹中建立当前网站。
网页的文件名用于区别网站中不同网页，网页的标题显示在IE浏览器标题栏的左上角。网页的文件名和网页的标题都是很重要的网页属性。
网站是由若干个网页组成的，所以，在关闭网站时，只要对网站中的网页加以保存就可以了
学生在老师操作演示的基础上自主练习，熟练掌握创建网站的方法，按照建立网站示意图创建网站，添加网页，建立主页与其他网页的关系，保存网页。
教师巡堂指导，小组同学间互助，不明白的问题讨论交流。
各组推举代表展示交流。
三、拓展思维、巩固认知
1.创建网站的方式
FrntPage提供了网站的模板和网站的向导来帮助建立网站。
(1)“空白网站”：建立一个不包含任何网页文件的空网站
(2)“只有一个网页的站点”：建立一个只包含主页的网站。
其他的网站模板和向导大家自己去试一试。
2.网站中自动生成的文件夹
建立网站后，FrntPage会自动生成若干个文件夹，其中一个是“_privae”文件夹，用于存放私人文件；一个是“images”文件夹，用于存放图片文件。还有一些被隐藏的文件夹。
3.删除当前正在编辑中的网站
选择“文件夹列表”中的网站文件夹，单击鼠标右键，选择快捷菜单上的“删除”，选择“删除整个网站”，单击“确定”按钮。
4.从当前网站中删除网页
选择“文件夹列表”中的某个网页，然后按 Delete键。
5.关于网页文件名
当启动FrntPage时，系统自动建立一个网页，名为“new_page_1.htm”，如果在当前窗口中。再新建一个网页，其名为“new_pagr_2.htm”，它们都是临时文件名。保存网页时，可以用这个默认的文件名，也可以更改。一般来说，文件名用字符表示，而网页标题用汉字表示(在IE浏览器中浏览网页时，网页的标题名显示在IE浏览器的标题栏中)。
布置作业
以“中国茶文化”为主题，设计、规划、创建个人网站
查看“帮助”，了解网页的编辑方法。
板书设计
网站的创建
工具软件：FrntPage
网页、网站、主页、主题确定
创建流程：
创建网站→添加网页→建立网页间层次关系→关闭网站
教学反思
通过本节教学，从学生接受情况来看，学生接收的都挺快，熟练的创建了属于自己的网站,知道网站建立前的主题确定，存储位置的确定。能在主页下创建其他网页。通过任务驱动，学生的探究能力有所提高，在学习的过程中获得知识。建一个站点，只是一般的操作，教学难度不大，教师简单演示，学生能自主完成。难点应在网站的初步理解上，对于一位八年级学生来说，又有点深奥。教师关键是要引起学生对网站网页的兴趣，这样后续教学就顺理成章了。