教程：网页课件制作_文学_高等教育_教育专区

第一节 FrontPage 2003 简介第二节 FrontPage网络多媒体课件制作第三节 框架网页制作 第四节 用HTML语言实现视频在线播放《多媒体计算机辅助教学与课件制作》第一节 FrontPage 2003 简介一、FrontPage 2003的 界面工具栏 菜单栏 视图方式 编辑区 状态栏二、用FrontPage2003制作 网络多媒体课件的基本原则跟方法1、启动： （1）建立一个网站文件夹，作为网页文件跟其他相关文 件的存储文件夹； （2）打开FrontPage程序，显示FrontPage窗口； （3）通过“新建”菜单命令或软件图标，选择站点模板， 新建一个站点，在“指定站点位置”处录入站点文件夹名称；二、用FrontPage2003制作 网络多媒体课件的基本原则跟方法2、编辑主页文件：（1）双击index.htm文件进入主页编辑状态； （2）在窗口中录入标题文字并修改图标； （3）菜单“插入/水平线”，右击水平线设置水平线； （4）菜单“插入/组件/字幕”，录入文字并进行修改； （5）菜单“插入/图片/来自文件”，选择必须插入的图片 并进行修改；二、用FrontPage2003制作 网络多媒体课件的基本原则跟方法（6）声音：空白处右击选“网页属性/背景音乐”； （7）其它多媒体素材的使用；（8）插入表格以示整洁：在工具栏单击“插入表格”；（9）书签：选定书签所在位置文字，用菜单“插入/书 签”； （10）超级链接书签：选定文字项，用菜单“插入/超级链 接/书签”，并定义书签名；（11）单击左下角的“预览”，预览网页效果；二、用FrontPage2003制作 网络多媒体课件的基本原则跟方法3、新建其他网站文件： （1）在右侧文件夹列表框空白处右击鼠标选择“新建网 页”，并取一个英文网页名；（2）依次编辑其他网页；（3）文件的超级链接：选择必须链接的文字，菜单“插 入/超级链接” ，可以选取网站中的文件、计算机 中的文件、网址、邮箱地址等进行链接。

二、用FrontPage2003制作 网络多媒体课件的基本原则跟方法4、保存、浏览、修改与公布（1）保存并退出编辑；（2）打开IE浏览器，菜单“文件/打开” ，选择主页文 件 index.htm打开主页，浏览各网站，检查网页上的 错误；（3）重新编辑设置各网页（4）网站公布。第二节 FrontPage网络多媒体课件制作一、新建网站 1、 通过“文件”菜单中的“新 建”，打开新建工具栏。 2、单击其中的“由一个网页组成 的网站……”，打开网页模板对话框。 3、选择一种模板，并在“指定新 网站的位置”输入框中键入新建网站 的地址，或者借助“浏览”按钮查找 要 指定的新网站的位置。一、新建网站一、新建网站4、按“确定”按钮，进入主页编辑。双击 “index.htm”，打开主页编辑窗口，编辑制作主页。二、多媒体网页的设计、编辑和制作1、设置主题。在“格式”菜单中选取“主题”菜单 项 ， 在 右侧的主题窗格中单击主题列表中的具体项目，选择 一种与内容样式相一致的主题。二、多媒体网页的设计、编辑和制作2、插入艺术字作为标题。在“插入”菜单的“图片” 菜单项列表中选取“艺术字”，打开“艺术字库”对话框， 双击“艺术字库”对话框中的艺术字样式，打开“编辑艺 术字文字”对话框，在其中输入艺术字文字并修改图标和 文字样式。

按确定按键，完成插入艺术字。二、多媒体网页的设计、编辑和制作3、插入水平线条。在“插入”菜单选择“水平线” 菜单项即可插入水平线。在插入的水准线上用鼠标右击， 在快捷菜单中选取“水平线属性”，打开“水平线属性” 对话框。在该对话框中能进一步修改水平线的大小、对齐 方 式 、 颜 色 和 样式等。二、多媒体网页的设计、编辑和制作4、插入字幕。字幕是一种具有动态效果的文字对 象，字幕文字在键盘上水平滚动。在“插入”菜单中选取“Web组件”，打开“插入Web组件”对话框。在其左侧的列表中选取“动态效果”，在其右侧的列表 中选取“字幕”列表项，按“完成”按钮，将开启 “字幕属性”对话框。在“字幕属性”对话框中键入 字幕文字 、设置字幕文字移动的方向、速度、表现形式、字幕的大小、重复的数量、背景色彩等。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作5、插入表格。在“表格”菜单中选取“插入”-“表 格”，打开“插入表格”对话框。在对话框可以设定表格的 行数、列数、布局、边框、背景等诸多属性。二、多媒体网页的设计、编辑和制作6、插入图片。在“插入”菜单中选取“图片”菜单项 的“来自文件”，在“图片”对话框中选取要插入图片的 位置跟名称，插入所选的截图。

7、插入GIF动画。插入GIF动画的方式与插入图片的方 法同样，只要在“图片”对话框中选取GIF动画文件即可。 8、插入FLASH动画。在“插入”菜单中选取“图片” 菜单项的“FLASH影片”，在“选择文件”对话框中选取要 插入FLASH影片的位置跟名称，插入所选的FLASH动画。二、多媒体网页的设计、编辑和制作9、插入视频。在“插入”菜单中选取“图片”、 “视频”菜单项。在视频对话框中，选择所需的媒体文件，然后点击打开。FrontPage 2003直接支持的文件类型包括 Windows 视频文件 (*.avi) 、Windows 媒体文件(*.asf) 、Real Audio文件 (*.ram; *.ra)。二、多媒体网页的设计、编辑和制作要在FrontPage 2003中插入格式不直接支持的视频 文件网页课件模板，可以在“插入”菜单中单击“Web组件”，在 “Web组件”对话框的左窗格中右键 “高级控件” ，在右窗格中双击插件，在“插件属性”对话框中的数据源框中，键入要读取软件的文件的URL，或点击浏览以找到 该文件，并在“插件属性”对话框中输入或更改其他相 关信息。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作10、插入声音。

在FrontPage 2003 中使用声音有两种 方法，一种是在网页的空白处右击，在跳出的快捷菜单中选 择“网页属性” ，在“网页属性”对话框的“常规”选项 卡中的“背景音乐”中，单击“浏览”按钮，查找并插入声 音文件。该办法支持的声音文件类型有：*.wav、*.mid、 *.ram、*.ra等。另一种方法是，利用软件插入声音文件， 其使用方式与插入视频的技巧同样。用这些方式可以插入前 一种方法不支持的声音文件格式，如*.MP3。 需要注意的是，作为背景音乐，如果循环播放，将会跟 以后插入的声音重叠，应避免这种状况的发生。二、多媒体网页的设计、编辑和制作11、插入超级链接。选择网页上的文字或其他对象，在 “插入”菜单中右键“超级链接”菜单项 ，在跳出的对 话框中选取要链接的网站文件。三、主页和其他相关网站的链接主页既是进入网站时的第一个网页，往往只是 链接其它相关网页以产生整个网站结构的网页。主页和其它网站的设计与制作没有根本的不同。主页中文本、图像等对象通过修改超级链接指向其他网 页，而其他网站要返回到主页，也必须借助修改指 向主页的超级链接。第三节 框架网页制作一、框架网页简介 框架网页是一种特殊的网页，主要由边框、网页、滚 动条组成。

在使用浏览器浏览框架网页时，浏览器窗口被 分割成几个独立且互相联系的区域，每个区域称为一个框 架。每一个框架都对应一个网页。当开启框架页时，则同 时载入每个框架所相连的网站文件。 使用框架网页的目的是为了浏览者更方便、快速地搜 索到所需信息。使用框架制作网络多媒体课件，结构简练 明了，便于内容的组织跟导航设计，操作使用也很方便。二、框架网页的制作1、在“文件”菜单上，单击“新建”。 在“新建” 任务窗格中，在“新建网页”之下，单击“其他网站 模板”。 单击“框架网页”选项卡。选择一个模板，例如“标题、页脚和目录”模板，预览其布局。二、框架网页的制作2、单击“确定”按钮网页课件模板，将发生框架结构网页。在框架 结构网页设定应显示在每个框架中的初始网页（初始网页： 当网站访问者浏览到包括框架的框架网页时，最初显示在该 框架中的网页）。 3、单击要修改初始网页的框架。 执行以下操作之一， 选择一个已建立的网站：在框架中，单击“设置初始网页”， 然后选择应显示的网站；创建新网页，并将其设定为该框架 中显示的初始网页。在框架中，单击“新建网页”。Micros oft FrontPage 会在该框架中建立一个新网页，该新网页会 自动更改为初始网页。

二、框架网页的制作二、框架网页的制作意使用框架网页和框架来组织网站时，不应使用共享边 框（共享边框：预留的网页区域，用于放置希望在所有网 页上显示的一致内容。共享边框通常包括链接栏，内含指 向当前网站的其它网页的超链接。）或链接栏（链接栏： 图形或文本按钮的集合，这些图标表示指向网站内部或外 部网站中的网页的超链接）。因为将共享边框或链接栏与 框架一起使用会导致网站发生导航混乱。三、设置框架的超链接在框架网页中插入超链接的方式与在普通网页中加 入超链接的方式基本相似。先在框架网页中选取要插入 超链接的文本或图像等对象，然后再点击插入菜单中的 “超链接…”（或者在必须插入超链接的对象上用键盘 右击，在快捷菜单中选取“插入超链接”；或者在常用 工具栏上点击“插入超链接”按钮）打开“插入超链接” 对话框。在“插入超链接”对话框中选取要链接的网站。三、设置框架的超链接三、设置框架的超链接选定要链接的网站后，还必须点击“插入超链接” 对话框中的“目标框架”按钮，打开“目标框架”对话 框。在该对话框中可以设定要链接的网站在框架结构的 什 么 位 置显示出来。 一般状况下 ，可以在“当前框架网页”中直接单击 其中的一个位置来显示要链接的网站，再点击确定按钮 即 可。

也能在“目标位置 ”下的文本框中直接输入某个框 架 的名称，来设定要链接的网站的显示位置。三、设置框架的超链接三、设置框架的超链接“目标框架”对话框中，“公用的目标区”列表中列表 项的意思如下： 网页默认值：在默认的框架位置显示同样框架：该链接的网站将覆盖链接所在框架中的网站整页：覆盖整个窗口，当前框架被更换新建窗口：新建一个网页窗口来显示链接的网站父框架：可以回到该框架的上一层显示要链接的页面《地球概论》的框架网页《地球概论》的框架网页第四节 用HTML语言实现视频在线播放超文本标记语言HTML是制作网站的标准语言。当 切换到“代码”视图方式时，就可以看见所有的HTML 标记以及结构。在网站代码中，可以插入一段HTML语 言代码，以推动相应的功能。以下的HTML语言代码能 以 实 现RMVB格式的视频在线播放。第四节 用HTML语言实现视频在线播放 宇宙探索：从天圆地方看宇宙

返回目录 第四节 用HTML语言实现视频在线播放上述HTML语言代码包含四个部分。 第一部分是头部跟网页标题部分（从起初到宇宙 探索：从天圆地方看宇宙后的段落） 。这部分 设置网页的标题、背景色彩、文本以及格式等。第四节 用HTML语言实现视频在线播放从

语句是第二部分，用来设定视频文件 的在线播放。classid="clsid:CFCDAA03-8BE4-11cfB84B-0020AFBBCCFA" > 表 示使用Realplayer播放器播放，视频的长度跟高度分别 为600和408像素。

语句中yzts\tydf.rmvb表示视 频文件的位置跟名称。视频的长度跟高度能按照需要做 适当的更改。视频文件的位置跟名称如果换成其他视频 的位置跟名称，则可以实现其他视频文件的在线播放。第四节 用HTML语言实现视频在线播放从段落是第三部分。 该个别表示在网站中显示播放控制器，其宽度与视频文件的 宽 度 相 同 。 其余的语句是最终一部分，用于返回主页。 在详细应用时，应在客户端（用户）安装Realplayer播 放器，才能在客户的计算机上使用浏览器进行在线播放。第四节 用HTML语言实现视频在线播放