用FrontPage制作网页课件教程

admin管理员组

文章数量:1539574

2024年5月2日发(作者：)

用FrontPage制作网页教程

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。

【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码

的应用。

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

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

习资源和教学光盘。

【教学内容】

一、 FrontPage 基本操作

1. 启动 FrontPage ： 双击桌面上的 FrontPage 快捷方式图标； 开始→程序→ Microsoft

FrontPage ；右击一个扩展名为 htm 或 html 网页文件，选“编辑”。

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

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

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

FrontPage 打开网页。

c. 点“文件 →打开”或点 常用工具栏中的“打开”按钮， 从本地磁盘或网络驱动器中打开网

页文档，从任意 Web 网站打开网页，打开最近打开过的网页文档。

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

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

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

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

age 视图方式： 网页视图，文件夹视图，报表视图，导航视图，超级链接接视图，任

务视图。

5. 保存网页： 点“文件 →保存（另存为）”或点 常用工具栏中的“保存”按钮，将新建的网页

或从万维网上打开的网页保存到本地磁盘，把自己喜欢的网页作为模板保存。

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

二、 网页课件制作实例

1. 创建站点

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

（ 2 ）启动 Microsoft FrontPage 。

（ 3 ）点“文件 → 新建 → 站点” , 选择“空站点”图标，再在“指定新站点的位置”栏中

输入新建的站点文件夹（ D:myweb ），或通过单击“浏览”按钮来指定。点“确定”后片刻，编辑

区出现一个空站点。

2. 建立框架网页

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

上框架、 左 框架和 右 框架 3 个区域。

（ 2 ）点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入 → 组件 →

字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。

根据需要插入图片、 gif 动画或 Flash 动画。

（ 3 ）点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的

文本，如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探

究”等（或插入相应的图片）。

（ 4 ）点右框架区中的“新建网页”按钮 , 切换到右框架网页编辑状态 , 输入前言文本，插入

与课件主题相关的图片或动画。该页相当于课件的封面、前言或首页。

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

网页的命

名要与框架一一对应起来，即 对应上 框架 网页 ， left_ 对应左 框架 网

页， right_ 对应右 框架网页， 对应整个 框架 。

3. 建立内容网页

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ ”。双击它，在右边的编

辑区制作完成“导入”网页。点 常用工具栏上的 “保存”按钮。

用同样的方法创建“新课”网页 、“课堂练习”网页 、“知识扩展”网页

、“课堂小结”网页 、“网上学习资源”网页 、“课外探究”网页

。

4. 制作超链接

双击“文件夹”窗格中的 （ 主页） , 在 左 框架网页目录区选中表示 “情境导入”

的文本或图片，右击它，选“超链接”，在弹出的“插入超链接”对话框中选中 , 确认目

标框架的默认值为 main ，点“确定”。用同样的方法将“新课”与 、“课堂练习”与

、“知识扩展”与 、“课堂小结”与 、“网上学习资源”与 、

“课外探究”与 建立超链接关系。

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

5 ．完善课堂练习网页

双击“文件夹”列表中的 ，在右 框架区 输入练习题（例如一道有 A 、 B 、 C 、 D

四个选项的多项选择题）。

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ ”，该评价网页存放回答正

确的反馈信息。双击它，点“插入 → 图片 → 来自文件” , 点“从计算机上选择一个图片文件”按

钮 , 选中合适的 gif 动画文件 , 确定。弹出“保存嵌入式图片”对话框，点“改变文件夹” , 选

“ images ”文件夹 ( 默认存放站点图片的文件夹 ) ，点“确定”。在插入的 gif 动画右侧输入表

示鼓励、赞赏的文本（如“您真行！”、“您真聪明！”）。点“保存”按钮。用同样的方法制作“ ”，

该评价网页存放回答错误的反馈信息。

回到课堂练习网页 , 依次将 A 、 B 、 C 、 D 四个选项链接到评价网页 , 目标框架设“新建

窗口”，即在新窗口中打开评价网页。保存后预览。

本文标签： 网页框架课件视图打开