第一节 用Frontpage2000创建站点
一、教学目的：
（1）了解网页设计的基本原理及Frontpage 2000简介；
（2）掌握Frontpage 2000 软件的启动方法以及窗口的组成；
（3）学会应用Frontpage 2000 建立空白网站，能够制作简单的欢迎网页；
（4）掌握Frontpage 2000 基本编辑功能：文字、图片、水平线、背景等操作。
二、教材分析：
（1）教学重点：Frontpage 2000 菜单、网站建立和简单网页制作
（2）教学难点：网站路径及工具使用、图片定位
（3）教学关键：网站存储结构、主要视图方式
三、教学方法和教学手段
（1）教学方法：讲授、演示、启发，动手实践，教师采用问题任务启动的教学方式
（2） 教学手段：应用多媒体电教手段辅助教学
四、教学过程：
（一） 网页设计的原理
网页设计是一种程序设计方式，他用html超文本语言编写的（或java语言）。目前微软公司提供的Frontpage 2000 是一种图形化、工具式可以直接编写网页。
（二）Frontpage 2000 软件
1．Frontpage 2000 软件与微软的offece 办公系统软件很类似，通过菜单、工具按钮可以完成设计任务，自动生成html语言。
2．Frontpage 2000 网页编辑器启动：
（1）通过开始菜单启动
（2）显示编辑器窗口：窗口组成
（3）窗口的组成与WORD类似，但增加了许多功能
（4）视图的六种方式：网页视图、文件夹视图、报表视图、导航视图、超级链接视图、任务视图。
（5）网页制作编辑区，三种编辑窗口：普通编辑、html 编辑窗口、预览窗口
3．建立网站
网页设计的第一步，一般建立一个网站，其作用将与本网页有关的文字、图片、声音等文件都放在该网站内，以便浏览和访问。其操作如下：
（1）创立新站点 d:\myweb 网站：
FrontPage网页制作手册
一、 如何打开FrontPage了解主界面
单击任务栏“开始”按钮，选择“程序”选项，单击FrontPage就可以进入。
进入后你会发现PRONTPAGE界面和WORD很相似[图一]，这是因为编辑WEB页面和编辑WORD文档有很多同样的设置，这些设置所用的图标和WORD中的是一样的。
[图一]ProntPage2000 界面
视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。FRONTPAGE共有6种视图[如左]，使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言，不断更新是很重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。
这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。
下面看一看同一个WEB站点在不同视图中是怎样显示的。
单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮，窗口中增加了一个文件夹列表框[图一]。网页视图是用来显示选中的网页的，双击文件夹列表中的某一个HTM文件，在最右方的工作区中就会显示该网页的内容。
[图一]网页视图
注意，此时工作区的左下角有三个切换显示模式的选项卡[图二]。单击“普通”选项卡，就切换到了普通模式。在普通模式可以编辑网页的内容以及设置各种格式。单击“预览”选项卡就到了预览模式。如果要看一看当前编辑的文件在浏览器中的显示情况，就使用预览模式，在预览模式下，是不能编辑网页的。单击“HTML”，有的时候，也可以切换到HTML模式直接对网页对应的HTML文本文件进行编辑，从而为网页作一些特殊的设置。
[图二]工作区的三个切换模式
文件夹视图以列表的形式给出了当前WEB站点的文件夹和文件夹里包含的文件[图三]。由于一个WEB站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹就很有必要。比如，可以把所有的图形文件放入IMAGE文件夹。FRONTPAGE还提供了一个_PRIVATE文件夹，用来存放一些对网络浏览者不可见的信息。下面为当前站点再添加一个SOUND文件夹，用来存放WEB站点用到的声音文件：选中站点的根目录，然后单击“文件”菜单的“新建”项，在弹出的子菜单中选择“文件夹”命令。在输入SOUND，新文件夹就建立好了[图四]。
1 Frontpage网页制作导学案
青州一中 刘志韩
【学习目标】
1、包括网页制作基础知识
2、站点的规划和创建
3、网页文本和图片的处理、表格和框架的应用
【学习重难点】
1、建立一个主题网站
2、建设一个网站的步骤
3、网页的美化与特效的制作
【课前预习】
思考一下多媒体信息集成的方式有哪些？
【自主学习】
1、在www中，________是信息的主要组织和表现形式。
2、用________语言编写的网页实际上是一种文本文件，以.HTML或者.HTM为扩展名，可以使用任何文本处理软件（如记事本、word等）创作或修改。
3、制作网页常用的软件有_________________和_________________。
4、网页文件的扩展名有哪些？
5、网站开发的基本过程：
网站的规划——( )——( )——网站的发布与管理——网站的评价
【合作探究与指导】
三、网站的制作
1、创建站点
文件——新建——站点（选择或创建存储站点的文件夹）
2、网页的创建与编辑
文件——新建——网页
3、插入对象
水平线
图片
字幕
悬停按钮
4、创建超级链接
在对象上右击选择超级链接——选择链接的目标。
5、使用表格
表格——插入（在制作网页的过程中用表格来布局网页）
6、在站点中查看网页的编辑及网页之间的链接情况。
分步骤操作练习题：
1、 新建一个站点，只有一个空白网页的站点。
2、 在首页上插入“我最喜爱的明星”，然后进行修饰。
3、 再新建一个空白网页。重新命名为“周杰伦”。
4、 插入图片“周杰伦”，文本“周杰伦”，排版设置后保存网页。
5、再建立一张空白的网页，重新命名为“刘亦菲”。
6、插入图片“刘亦菲”，文本“刘亦菲”，排版设置后保存网页。
7、分别在首页和“周杰伦”“刘亦菲”网页建立超级链接。
操作练习：
【拓展任务】
FrontPage网页制作教案（18课时）
第一节 网页制作基础知识
教学目标：1、了解网站、网页、主页和HTML的基本概念
2、了解常见的网页制作工具
3、掌握Frontpage的启动和退出
教学手段：教师讲解与学生演示相结合
教学过程：
一．讲课：
一、网页及其组成
通过浏览器在WWW上所看到的每一幅画面都是一个网页（Web Page）。
网页是全球广域网上的基本文档，用HTML语言编写。网页中所的元素主要有文字、图片、声音、动画、影像以及链接等，通过这些元素的有机组合，就形成了包含各种信息的网页。其中，文字是网页中最常用的元素；图片可以给人以生动直观的视觉印象，适当运用图片，可以美化网页；链接的设计，可以使我们进行选择性的浏览；随着动态HTML技术的发展，人们在网页中加入声音、动画等多媒体信息，使网页更加丰富多彩。
二、常用的网页制作工具
最初，人们利用HTML语言在文本编辑器中制作网页。HTML语言是超文本标记语言（Hypertext Markup Language）的缩写，用来描述网页的结构，但不能直观的描述网页在浏览器中的效果。因此，只有熟练掌握HTML语言的专业人员才能用它制作网页。后来出现了一些网页制作工具（如CDIDA软件），降低了对HTML语言的要求，但是要实现某些功能，还必须输入相应的HTML代码。FrontPage系列软件的问世，才将人们从HTML代码中解放出来。用FrontPage软件制作网页就象在文字处理软件中编排多媒体文档一样，具有“所见即所得”的特性，而真正描述网页结构的HTML代码，则由FrontPage在幕后自动生成。这样，大家都可以方便地制作自己的网页。目前，使用较多的网页制作软件有：FrontPage、Flash、Dreamweaver等。
三、FrontPage2000的启动和退出
1． 启动
方法：单击“开始”按钮，拖动鼠标指针依次指向“程序（P）”“Microsoft FrontPage”，并单击，即可启动FrontPage2000。
