用FrontPage制作网页课件教程

用FrontPage制作网页教程

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。

【教学策略】教师实例演示，学生上机操作，教师辅导和点评。

【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材、网上学习资源和教学光盘。

【教学内容】

一、 FrontPage 基本操作

1. 启动 FrontPage ：双击桌面上的 FrontPage 快捷方式图标；开始→程序→Microsoft FrontPage ；右击一个扩展名为 htm 或 html 网页文件，选“编辑”。

2. 打开或隐藏视图栏、文件夹列表和网页文档

a. 点“视图→视图栏”打开或隐藏视图栏。点“视图→文件夹列表”打开或隐藏文件夹列表。

b. 右击扩展名为 htm 或 html 网页文件（如 index.htm ），选“编辑”，系统默认用 FrontPage 打开网页。

c. 点“文件→打开”或点常用工具栏中的“打开”按钮，从本地磁盘或网络驱动器中打开网页文档，从任意 Web 网站打开网页，打开最近打开过的网页文档。

3. 在 FrontPage 编辑器中预览网页

a. 点普通视图按钮，观察刚才打开的 index.htm 网页。

b. 点 HTML 视图按钮，观察 index.htm 网页。

c. 点预览视图按钮，观察 index.htm 网页。

4.FrontPage 视图方式：网页视图，文件夹视图，报表视图，导航视图，超级链接接视图，任务视图。

5. 保存网页：点“文件→保存（另存为）”或点常用工具栏中的“保存”按钮，将新建的网页或从万维网上打开的网页保存到本地磁盘，把自己喜欢的网页作为模板保存。

6. 关闭网页：点“文件→关闭”或文档窗口中的“ X ”按钮，关闭当前网页。

二、网页课件制作实例

1. 创建站点

（ 1 ）在本地硬盘（如 D 盘）建一个文件夹 , 用英文或汉语拼音命名 , 如 myweb, 打开它。

（ 2 ）启动 Microsoft FrontPage 。

（ 3 ）点“文件→新建→站点” , 选择“空站点”图标，再在“指定新站点的位置”栏中输入新建的站点文件夹（ D:\myweb ），或通过单击“浏览”按钮来指定。点“确定”后片刻，编辑区出现一个空站点。

2. 建立框架网页

（ 1 ）点“文件→新建网页”，选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、左框架和右框架 3 个区域。

（ 2 ）点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入→组件→字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。根据需要插入图片、 gif 动画或 Flash 动画。

（ 3 ）点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本，如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等（或插入相应的图片）。

（ 4 ）点右框架区中的“新建网页”按钮 , 切换到右框架网页编辑状态 , 输入前言文本，插入与课件主题相关的图片或动画。该页相当于课件的封面、前言或首页。

（ 5 ）点常用工具栏上的“保存”按钮，将弹出保存框架网页的对话框（共 4 个）。注意框架网页的命

名要与框架一一对应起来，即 top.htm 对应上框架网页， left_frame.htm 对应左框架网页， right_frame.htm 对应右框架网页， index.htm 对应整个框架。

3. 建立内容网页

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ daoru.htm ”。双击它，在右边的编辑区制作完成“导入”网页。点常用工具栏上的“保存”按钮。

用同样的方法创建“新课”网页 xinke.htm 、“课堂练习”网页 ktlx.htm 、“知识扩展”网页 zskz.htm 、“课堂小结”网页 ktxj.htm 、“网上学习资源”网页 wsxxzy.htm 、“课外探究”网页 kwtj.htm 。

4. 制作超链接

双击“文件夹”窗格中的 index.htm （主页） , 在左框架网页目录区选中表示“情境导入”的文本或图片，右击它，选“超链接”，在弹出的“插入超链接”对话框中选中 daoru.htm, 确认目标框架的默认值为 main ，点“确定”。用同样的方法将“新课”与 xinke.htm 、“课堂练习”与 ktlx.htm 、“知识扩展”与 zskz.htm 、“课堂小结”与 ktxj.htm 、“网上学习资源”与 wsxxzy.htm 、“课外探究”与 kwtj.htm 建立超链接关系。

点“预览”按钮，点左框架网页目录区的超链接，看它所对应的网页是否在右框架区正确地显示。

5 ．完善课堂练习网页

双击“文件夹”列表中的 ktlx.htm ，在右框架区输入练习题（例如一道有 A 、 B 、 C 、D 四个选项的多项选择题）。

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ right.htm ”，该评价网页存放回答正确的反馈信息。双击它，点“插入→图片→来自文件” , 点“从计算机上选择一个图片文件”按钮 , 选中合适的 gif 动画文件 , 确定。弹出“保存嵌入式图片”对话框，点“改变文件夹” , 选“ images ”文件夹 ( 默认存放站点图片的文件夹 ) ，点“确定”。在插入的 gif 动画右侧输入表示鼓励、赞赏的文本（如“您真行！”、“您真聪明！”）。点“保存”按钮。用同样的方法制作“ wrong.htm ”，该评价网页存放回答错误的反馈信息。

回到课堂练习网页 , 依次将 A 、 B 、 C 、 D 四个选项链接到评价网页 , 目标框架设“新建窗口”，即在新窗口中打开评价网页。保存后预览。