用软件开发网络课程

三、用FrontPage软件开发网络课程

FrontPage 2003是一款优秀的网络课程开发软件，具有易学易用、所见即所得、分类显示、思路清晰、具有实时的交互性、方便师生交流等优点，深受使用者欢迎。

使用FrontPage 2003制作的网络课程对计算机硬件的要求比较低，传播和共享都很方便，通过网络可以进行远程访问，可以在网页中集成多种媒体文件，如MP3声音文件、Flash和GIF动画文件、视频文件等。

1.网络课程开发的总体步骤是:(1)新建站点。(2)在站点中添加网页文件。(3)在站点中设置网页之间的关系。(4)制作站点中每个网页的内容。(5)保存网络课程。(6)发布网络课程。(7)运行浏览网络课程。

2.新建站点:课件往往是由多个网页组织在一起形成的一个知识系统。创建站点的目的就是为了管理课件中使用的各种文件。在课件的制作过程中，用户需要插入各种类型的素材(如图片、声音、动画等)文件，这些文件具有独立性，它们在计算机中是以文件的形式保存，网页并不真正包含它们，只是记录它们的名称及其所在的文件夹。因此需要建立专门的文件夹来存放它们。为了方便文件的管理(如文件的移动、复制或删除等)，用户可将课件中所有用到的文件保存在一个文件夹中，即创建站点。

3.图片输入:在网页中绘制和插入与教学内容相关的图形和图像也有着非常重要的作用，形象生动的图形和图像是无法用文字来形容的，利用这些素材可以更加形象直观地开展教学，突出教学的重点。图片的导入步骤为:

(1)选择“插入”→“图片”→“来自文件”命令，打开“图片”对话框。

(2)在“查找范围”列表框中选择所需要的图片文件，单击“插入”按钮，将图片插入到网页中。

(3)编辑图片。

实例:使用FrontPage 2003制作课件《再别康桥》，练习在课件中添加文字、图形和图像，并设置它们的属性。

(1)单击“开始”按钮，选择“程序”→“Microsoft Office FrontPage 2003”命令，将打开FrontPage 2003操作界面。

(2)选择“文件”→“新建”命令，打开FrontPage 2003编辑窗口。

(3)文字内容编辑: FrontPage 2003软件的文字编辑方法和Word文字编辑方法完全相同，比如对文本字、艺术字的字体、颜色、格式、填充等操作方法技巧都是一样的。

(4)插入图像文件:选择“插入”→“图片”→“来自文件”命令，打开“图片”对话框。找到所需的图片文件，单击“插入”按钮，将图片插入到网页中。

(5)绘制图形:选择“视图”→“工具栏”→“绘图”命令，在网页中显示“绘图”工具栏，单击“自选图形”按钮，打开“基本形状”菜单。拖动鼠标绘制图形，并设置图形的大小、填充颜色、阴影样式等。

(6)保存:选择“文件”→“保存”命令，打开“保存嵌入式文件”对话框，单击“确定”按钮后即可保存。

4.声音制作:在开发网络课程时，可以适当地在页面中增加声音，通过添加声音文件，使课程生动形象，容易激发学生的学习兴趣，对教学起到良好的作用。网络课程中的声音主要包括网页的背景音乐、文章朗读的录音等，其操作步骤为:

(1)选择“格式”→“背景”命令，打开“网页属性”对话框。

(2)选择“网页属性”→“常规”→“背景音乐”→“浏览”按钮，在打开的“选择背景音乐”对话框中选择需要的音乐文件，单击“确定”即可把选定的声音添加到网络课程中。

实例:在网络型课件《精彩的马戏》中制作背景音乐。

(1)新建文件:单击“开始”→“程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，打开FrontPage 2003操作界面。并选择“文件”→“打开”命令，在“打开”对话框中找到《精彩的马戏》，单击“打开”按钮即可。

(2)选择“格式”→“背景”命令，打开“网页属性”对话框。

(3)在“网页属性”对话框中选择“常规”→“背景音乐”→“浏览”按钮，在打开的“选择背景音乐”对话框中，选择需要的音乐文件，单击“确定”即可把选定的声音添加到课件使用。

5.动画制作: FrontPage本身没有动画制作功能，只能借助其他动画软件来完成，比如GIF动画和Flash动画等。其基本操作步骤为:

(1)打开FrontPage 2003操作界面。

(2)选择“插入”→“图片”→“来自文件”命令，输入GIF动画。

(3)选择“插入”→“Web组件”→“高级控件”→“Flash影片”命令，输入Flash动画。

(4)编辑动画的属性。

实例:在网络型课件《精彩的马戏》中插入GIF动画图像。

(1)打开文件:在FrontPage 2003操作界面中选择“文件”→“打开”命令，在“打开”对话框中找到《精彩的马戏》，单击“打开”按钮即可。

(2)输入GIF动画:选择“插入”→“图片”→“来自文件”命令，在打开的“图片”对话框中选择GIF动画文件后，单击“插入”按钮。

(3)编辑属性:打开“图片属性”对话框，在“外观”选项卡的“环绕样式”选项组中选择“无”选项，在“大小”选项组中选择“指定大小”复选框，并在后面的“宽度”和“高度”文本框中输入数值60。单击“确定”按钮，调整图像的大小。

至此，GIF动画图像输入完毕。

6.视频制作:用户在使用FrontPage 2003开发网络课程时还可以在多页中插入视频文件，因为视频文件既有声音又有图像，具有较强的表现力。因此将视频素材添加到网络课程中，将会起到很好的教学互动效果。其步骤为:

(1)方法一:选择“插入”→“图片”→“视频”命令，插入视频文件。

(2)方法二:选择“插入”→“插入Web组件”→“高级控件”→“插件”→“完成”命令，插入视频文件。

实例:在网络型课件《精彩的马戏》中插入视频文件。

(1)在FrontPage 2003操作界面中选择“文件”→“打开”命令，在“打开”对话框中找到《精彩的马戏》，单击“打开”按钮即可。

(2)选择“插入”→“Web组件”→“高级控件”→“插件”→“完成”命令，打开“插件属性”图。单击“浏览”按钮，打开“选择插件数据源”对话框，在对话框的列表框中选择需要插入的视频文件后，单击“打开”按钮。

(3)编辑视频:在“插件属性”对话框中，就视频的“高度”、“宽度”、“对齐方式”等属性进行设置后，单击“确定”按钮，将视频文件插入到网页中。

在编辑窗口中，插入的视频文件将显示为一个插件占位符，单击视图栏的“预览”按钮，将显示视频文件在网页中的实际播放效果。由于我们是利用Web组件来插入视频，所以在视频下方有一个播放控制栏，单击播放控制栏上的按钮可以控制视频播放的进度。

7.表单制作:我们通过网页的浏览向人们展示各种信息，同时也需要从浏览者那里获取反馈信息，使用FrontPage 2003提供的表单可以实现这个目标。如向网页中插入一定数量的习题，学生浏览网页后，并填写答复内容，即可反馈到老师那里。制作表单的步骤为:

(1)新建一个FrontPage文件。

(2)选择“插入”→“表单”→“单选按钮”或“复选框”命令，插入表单及按钮。

(3)选项按钮属性设计。

实例:制作网络型课件《再别康桥》复习题，练习在课件中插入表单内容，并设置它们的属性。

(1)新建文件。单击“开始”按钮，选择“程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，将打开FrontPage 2003操作界面。并选择“文件”→“新建”→“新建网站”→“由一个网页组成的网站”→“网站模板”→“空白网站”命令，创建网页“《再别康桥》复习题.htm”。

(2)输入标题。选择“插入”→“图片”→“艺术字”命令，在打开的“艺术字库”对话框中选择一种字形，单击“确定”按钮后，在打开的“编辑‘艺术字’文字”对话框中输入标题“《再别康桥》复习题”，单击“确定”按钮将其插入到网页中，并对艺术字进行大小、位置等“格式”设计。

(3)输入水平线。将光标放置在艺术字的下面，选择“插入”→“水平线”命令在网页中插入一条水平线，并就“水平线属性”的“宽度”、“高度”、“对齐方式”、“颜色”进行设置。

(4)制作单选题表单。

①输入题目:用文本工具输入单选题，并就文字的字体、字号、字形、颜色、进行设置。

②制作表单:选择“插入”→“表单”→“单选按钮”命令，插入表单及按钮，双击“单选按钮”，打开“单选按钮属性”对话框。在“组名称”文本框中输入R1，并选择“未选”单选按钮，单击“确定”按钮。

③在网页中选中单选按钮图标，选择“编辑”→“复制”按钮命令后，将光标移到第1题答案A的前面，选择“编辑”→“粘贴”命令，将单选按钮粘贴到答案A的前面，以此类推，将单选按钮复制到答案B、C、D的前面。再将单选按钮右侧的其余按钮删除。

(5)制作多选习题。

①输入多选题:按回车键Enter，另起一行，输入习题文字。并设置文字的字体、字号、字形、颜色等。

②输入复选框:选择“插入”→“表单”→“复选框”命令，插入表单及按钮。双击“复选框”按钮，打开“复选框属性”对话图，在“名称”中输入C1，并选择“未选中”选项，单击“确定”按钮即可。

③选中复选框图标，选择“编辑”→“复制”按钮命令后，将光标移到多选题1答案A的前面，选择“编辑”→“粘贴”命令，将复选按钮粘贴到答案A的前面，以此类推，将复选按钮复制到答案B、C、D的前面。再将复选按钮右侧的其余按钮删除。

(6)填空题和答题制作。

①输入填空题:按回车键Enter，另起一行，输入习题文字。并设置文字的字体、字号、字形、颜色等。

②输入文本框:选择“插入”→“表单→”“文本框”命令，插入文本框。

③删除文本框右侧的按钮，并将文本框拖放到填空题的第一个空格处，并调整文本框的大小。以此类推，将文本框复制到其他空格处。

至此，“《再别康桥》复习题”制作完毕，单击视图栏的“预览”按钮，预览课件的运行效果。选择“文件”→“保存”命令，将课件进行保存。

8.链接制作:在使用FrontPage 2003开发网络课程时，在网页中设置超链接是非常重要的。当用户在浏览网页时，经常可以看到当移动鼠标指针到某些内容时变成手的形状，这就是超链接。在课程中设置超链接可以让用户在不同网页中进行切换，方便用户浏览课程内容，增加了课程的交互性，并起到导航的作用。“导航文字”超链接的制作步骤为:

(1)选中需要链接的对象。

(2)选择“插入”→“超链接”命令，打开“插入超链接”对话框。

(3)选择被链接对象。

实例:制作语文课件《诗词赏析》，练习在课件中插入链接栏，并设置它们的属性。

(1)新建文件:单击“开始”按钮，选择“程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，将打开FrontPage 2003操作界面。并选择“文件”→“新建”→“新建网站”→“由一个网页组成的网站”→“网站模板”→“空白网站”命令，创建一个网页。

(2)选择“插入”→“Web组件”命令，将打开“插入Web组件”对话框。

(3)在“组件类型”列表框中选择“链接栏”选项，在“链接栏类型”列表框中选择“包含自定义链接的链接栏”选项，然后单击“下一步”按钮。就“主题样式”、“链接方向”等进行设置，单击“完成”按钮，打开“链接栏属性”对话框。

(4)单击对话框中的“创建新名称”按钮，输入“诗词赏析”。单击“添加链接”按钮，打开“添加到链接栏”对话框，在“要显示的文字”文本框中输入链接栏的名称“白居易”，在“当前文件夹”列表框中选择要链接到的网页文件“白居易.htm”，单击“确定”按钮。

(5)再次单击“添加链接”按钮，添加链接栏中的其他链接项目。设置完毕后，选择“链接”选项组中的“主页”复选框，关闭“链接栏属性”对话框。

(6)重复步骤(4)～(5)，在其他网页文件中添加相同的链接栏。

至此，语文课件《诗词赏析》制作完毕，按下F12键在浏览器中预览课件的运行效果，此时将鼠标移动到链接栏上单击不同的按钮，将在不同的网页间进行切换。选择“文件”→“保存”命令，保存课件。

9.框架结构制作:用户在浏览器窗口中单击网络课程的某些链接，有时会在新的窗口内打开链接目标的网页。如果设计者制作课程时使用FrontPage 2003提供的框架技术，就能够使链接的网页窗口出现在浏览器窗口的某个局部，而其他窗口的内容保持不变。这样方便了用户浏览课程，并且使网络课程的页面结构更加清晰。其操作步骤为:

(1)打开FrontPage编辑窗口。

(2)选择“文件”→“新建”→“新建网站”→“其他网页模板”→“网站模板”→“框架网站”→“横幅和目录”→“确定”命令，创建一个框架网页。

实例:使用FrontPage 2003制作地理课件《黄河》，练习在课件中使用框架，并设置框架的属性。

(1)新建文件:单击“开始”按钮，选择“程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，将打开FrontPage 2003操作界面。选择“文件”→“新建”→“新建网站”→“其他网页模板”→“网站模板”→“框架网站”→“横幅和目录”→“确定”命令，创建一个框架网页。

(2)单击各个框架中的“新建网页”按钮，即可分别新建空白网页。

(3)在网页中输入教学内容、插入图片，并设置超链接。

(4)选择“文件”→“保存”命令，保存课件即可。

10.课程美化制作:只有漂亮的外观才能激发学生的学习兴趣，所以，我们在开发网络课程时，很讲究图文素材的选取、内容的组织和画面的美观。在FrontPage 2003软件中，除了用图文素材美化网络课程外，还常用“主题”、“表格”、“背景”、“动态效果”来美化网络课程。以《春》课件为例子，讲解使用主题美化课程的过程。

(1)新建文件:单击“开始”按钮，选择“程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，将打开FrontPage 2003操作界面。并选择“文件”→“新建”→“新建网站”→“由一个网页组成的网站”→“网站模板”→“空白网站”命令，创建一个网页。

(2)站点创建完成后，单击视图栏的“导航”按钮，切换到网站的“导航”视图，在该视图中创建网页文件，并设置它们之间的链接关系。

(3)单击“文件夹”视图，双击“index.htm”文件，打开网页编辑窗口。选择“格式”→“主题”命令，将打开“主题”选择图。

(4)添加主题元素:选择“插入”→“网页横幅”命令，打开“网页横幅属性”对话框，在“属性”中选择“图片”单选按钮，在“网页横幅文本”文本框中输入文字“春”，单击“确定”按钮将其插入到网页中。

(5)按Enter键另起一行，选择“插入”→“导航”命令，打开“插入Web组件”对话框，直接单击“完成”按钮，打开“插入新的链接栏”对话框，在“名称”文本框中输入文字“春”，单击“确定”按钮，打开“链接栏属性”对话图，添加相关的导航链接。

(6)添加网页的其他内容:选择“表格”→“插入”→“表格”命令，在网页中插入一个1行2列的表格，在表格中分别插入相关的图片和文字。

(7)重复步骤(4)～(6)，在其他网页中也添加该主题和相应的主题元素。

至此，语文课件《春》制作完毕后，浏览效果后选择“文件”→“保存”命令，将课件进行保存。

11.安装Internet信息服务

(1)将Windows XP安装光盘插入光驱，单击“开始”按钮，选择“设置”→“控制板”命令，打开“控制面板”窗口。

(2)在“控制面板”窗口中双击“添加或删除程序”图标，打开“添加或删除程序”对话框，单击右侧的“添加/删除Windows组件”按钮，将打开“Windows组件向导”对话框。

(3)在对话框的“组件”列表框中选择“Internet信息服务(IIS)”选项，然后单击“下一步”按钮，根据系统提示进行安装。

(4)安装完毕后，打开“控制面板”窗口，双击“管理工具”图标，在打开的“管理工具”对话框中双击“Internet信息服务”图标，打开“Internet信息服务”窗口。

12.站点发布:发布站点，就是把站点中的文件复制到服务器中。课件发布成功后，学生可以利用与服务器相连的其他计算机打开已发布的网页。一般情况下，只要在地址栏中输入服务器地址即可。

(1)在对话框左侧展开树状菜单，在“默认网站”选项上右击鼠标，在弹出的菜单中选择“属性”命令，打开“默认网站属性”对话框，选择“主目录”→“本地路径”文本框下方的所有复选框按钮→单击“确定”按钮。

(2)打开FrontPage 2003的操作界面，并打开网络课程名字，选择“文件”→“发布网站”命令，打开网站的“远程网站”视图窗口。

(3)单击视图窗口中的“远程网站属性”按钮，将打开“远程网站属性”对话框，在“远程网站”选项卡的“远程Web服务器类型”选项组中选择“文件系统”单选按钮，然后单击“远程网站位置”下拉列表框后面的“浏览”按钮，选择Web服务器软件IIS的默认网站位置“C:”→“InetPub”→“wwwroot”，单击“确定”按钮。

(4)设置完毕后，单击视图窗口中的“发布网站”按钮，系统将自动把网站中的所有内容复制到Web服务器软件所在的目录。发送完成后，在视图窗口的“本地网站”和“远程网站”列表框中将显示网站发布后的状态属性。

(5)预览网络课程的运行效果:双击Internet Explorer浏览器图标，打开浏览器。在浏览器的地址栏中输入服务器的地址http://XXX.XXX.XXX，然后按Enter键，将打开网络课程的界面。单击网页中的导航按钮，可以在不同的页面间进行切换。