网站建立初步教案
茉莉花茶的作用-夜宵菜谱
第一章 网站建立初步教案
课 题
课 型
知
识
能力
觉悟
教学重点
教学难点
教学方法
教具准备
学具准备
作业要求
新授课
网站的建立初步
课时
1
第1课时
确定网站主题及网站所包含的内容，网页的内容，包括文字，图片，音乐
等素材。
规划网站，建产网站的示意图。
创建网站，设计网页，建立网页之间的关系。
通过
建立关于中国茶的网站，让学生了解中国是茶文化的发源地，茶文化
是中国传统文化的组成部分。随着社
会的进步，茶不但对经济发展起着促
进作用，而且逐渐形成了灿夺目的茶文化。
创建一个以“中国茶文化”为主题的网站
能够初步进行网页设计
讲练结合
计算机
计算机
上网搜索茶的素材。
教学过程 备注
教
学
目
标
引入：
问题一：在上一学期，我们上了很长时
间的一段网，基本对网络也有
所了解。那么上网给你们带来了哪些好处呢？
问题二：想不想有一个属于自己的网站呢？
www是目前因特网上使用最为广泛的服务功能之
一。它将信息以“网
页”（也称WEB页）的形式展现给用户，图文相济，声情并茂。
学会制作网页，就可以更好的利用因特网发布展示信息。
一． 认识网页
1.网页（WebPage）是一个包含有文本、图形、超链接以及其他信息元
素的文件。不同的网页
对应一个不同的文件名。
2.网站(WebSite)是由一个包含多个由超链接连在一起的网页集合
。它包
含的网页呆以是几个也可以是上千个。由在因特网上网站是通过一个地址
进行定位的，它
就像网站信息中的一个节点，所以有是称它为“站点”。
3.主页（homePage）是网站的起始
页，包含必要的内容和索引信息。
大家通过因特网对某个网站进行信息查询时，首先访问到的起始信息页
通
常是该网站的主页。一般情况下主页的文件名都是“”.
二． 网页编辑工具
Microsoft公司的FrontPage
Macromedia公司的Dreamweaver
特点：所见即所得,很容易上手
FrontPage工作界面与Word的不同之处：
视图栏：提供六个不同的视图，以不同形式显示网站状态。
（2）在打开的“新建”对话框中，选择默认的“只有个网页
的站点，”在“指定新站点的位置”输入框中输入“d:chaweb”,
如下图所示，然后单击“确定”按钮。
3．添入网页
（1）执行“文件”
“新建” “网页”命令，弹出
“新建”对话框，如下图。
网页显示模式：
普通：用于基本网页编辑。
HTML：显示网页源代码。
预览：显示网页浏览时的实际效果。
三、操作指南。
茶与茶的来源
茶的起源 茶的分类 茶圣
茶树 陆羽介绍
2.创建网站
在D盘建立“chaweb”的网站。
（1） 启动ProntPage软件，执行“文件”
“新建”
“站点”命令。
（2）选择“常规”选项卡”茶的起源用“目录在左边的两栏正文”模
板。单击“确定”。
除用“普通网页”模板创建的网页是空白的外，利用其他模板建立的网
页中都有一些提示文字和图片。
３．保定网页。
①执行“文件”
“保存文件”命令，弹出如下所示的“另存为”
对话框。
②输入网页标题
网页标题是对网页内容的一个概括，在浏览器中，它出现在标题栏的左
上角，般用中文描述。单击“更改”按钮，修改网页标题名为“茶的起
源”
③输入文件名
注：每一个网页都是一个独立的文件，要以文件名命名。一般以字符描
述。
④单击“保存”按钮。
重复步骤（1）――（3）的操作，创建其他网页。
4.建网页间的层次关系
（1）单击视图栏内的“导航”图标，进入“导航”视图。
（2）建立主页这下的网页关系。
5．关闭网站
执行“文件” “关闭网站”命令。
课堂小结：
建立网站时，要明确网站建立的位置。在打开“新建”网站对话
框中，在“指定新站点的位置”文本框中，输入网站建立的位置。如输
入“d:chaweb”,表示
在D盘的“chaweb”文件夹中建立当前网站。
网页的文件名用于区别网站中不同网页
，网页的标题显示在IE浏
览器标题栏的左上角。网页的文件名的标题都是很重要的网页属性。