【一】学习目标
1、了解构成网页的元素。（1）文字与图片（包括GIF动态图片）；（2）、超级链接；（3）、FLASH和GIF动画；（4）声音文件；（5）视频文件；（6）、动态内容：查询、留言板、论坛、聊天室、表单控件（如按钮，文本框等）等这些组成。 2、知道网页、主页、网站的基本概念及其相互关系。
3、能根据表达任务的需求，规划、设计、制作、发布与管理简单的网站。
【二】、重点、难点
网站与网页的关系；网站的结构；
【三】、预习案
阅读课本P104--105
(1)、（）是由一些互相关联的网页构成的一个整体。一个网站通常包含多个网页，其起始网页称为（），也叫（），它是网站的门面，体现了整个网站的主题、风格及架构，还具有引导的功能。
（2）、常见的网站结构有（）、（）和（）。
（3）、构成网页的元素（）、（）、（）、（）、（）、（）。
阅读教材P114-P119内容，结合“探究案”中内容，完成以下课前准备。
1、 我们所要学习使用的网站制作软件是：_______________。
2、 制作网页需要的图片在你的桌面上“images”文件夹里。
【四】、探究案
任务一：创建一个新网站
1、建立网站所在的文件夹
在E盘下新建一个文件夹，命名为“myschool”，用来存放网站建设所需的所有文件夹及文件。
2、创建一个空站点
启动FrontPage
选择菜单“文件 新建”
在右侧“新建任务窗格”中选择“由一个网页组成的网站…”
在弹出的“网站模块”对话框中，选择“空白网站”，并在“指定新网站的位置”中，设置为你上步所新建的E盘下的myschool文件夹单击确定按钮。
此时FrontPage会将文件夹myschool转换为新站点，并在该文件夹下自动增加了子文件夹___________和____________。（请同学们根据操作所见填写）
3、准备建站素材
将images文件夹下所有图片复制到e:\myschool\images文件夹下。
任务二：创建网站的主页
1、创建框架
选择菜单“文件/新建”
在右侧“新建任务窗格”中选择“其他网页模板”
在弹出的“网页模板”对话框中选择“框架网页”选项卡
在其中选择“自顶向下的层次结构”模板
单击确定按钮。
2、创建网页
依次在上、中、下3个框架中单击“新建网页”按钮，为每一个框架建立一个网页。
3、保存网页
选择菜单“文件/保存”，依次将上、中、下3个框架页和整个网页保存为top1.htm、top2.htm、top3.htm和default.htm。
4、设置框架属性和网页属性
（1）设置上部框架属性
选中上部框架
单击鼠标右键，在右键菜单中选择“框架属性”
将“边距”中的宽度和高度都设置为0
不勾选“可在浏览器中调整大小”，并将“显示滚动条”设置为“不显示”
单击确定按钮
再次在上部框架中单击鼠标右键，在右键菜单中选择“网页属性”
在弹出的“网页属性”窗口中选择“高级”选项卡，在“边距”中将上边距和左边距分别设置为0。
（2）对中部框架进行与上部框架完全相同的属性设置
（3）设置下部框架属性
选中下部框架
单击鼠标右键，在右键菜单中选择“框架属性”
将“边距”中的宽度和高度都设置为0
勾选“可在浏览器中调整大小”，并将“显示滚动条”设置为“需要时显示”
单击确定按钮
再次在上部框架中单击鼠标右键，在右键菜单中选择“网页属性”
在弹出的“网页属性”窗口中选择“高级”选项卡，在“边距”中将上边距和左边距分别设置为0。
（4）选择菜单“文件/保存”进行存盘
5、设置框架页面default.htm的属性，使网页不显示边框
在“文件夹列表”栏或“网站”栏中双击default.htm文件（即主页）
在上、中、下框架任意一个上单击鼠标右键选择“框架属性”
在“框架属性”窗口中选择“框架页面”，打开“页面属性”窗口
在“高级”选项卡中指定上边距和左边距均为0。
单击确定按钮
注意：在设置过程中，注意观察所设置的对象是主页还是框架网页，如下图。
【五】检测案
完成探究案中的任务一、任务二，将E盘中的myschool文件夹，重命名为“机器号+姓名+myschool”，提交！
