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