网页课件制作

《网页课件制作》由会员分享，可在线阅读，更多相关《网页课件制作（50页珍藏版）》请在装配图网上搜索。

1、多媒体计算机辅助教学与课件制作多媒体计算机辅助教学与课件制作第一节第一节 FrontPage 2003 FrontPage 2003 简介简介 第二节第二节 FrontPageFrontPage网络多媒体课件制作网络多媒体课件制作 第三节第三节 框架网页制作框架网页制作 第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放 第一节第一节 FrontPage 2003 FrontPage 2003 简介简介一、一、FrontPage 2003FrontPage 2003的的 界面界面编辑区视图方式状态栏工具栏菜单栏1 1、启动、启动：（1）建立一个网站文件夹，作为网页文件和

2、其它相关文件的存储文件夹；（2）打开FrontPage程序，显示FrontPage窗口；（3）通过“新建”菜单命令或工具按钮，选择站点模板，新建一个站点，在“指定站点位置”处录入站点文件夹名称；二、用二、用FrontPage2003FrontPage2003制作制作网络多媒体课件的基本方法和步骤网络多媒体课件的基本方法和步骤2 2、编辑主页文件：、编辑主页文件：（1）双击index.htm文件进入主页编辑状态；（2）在窗口中录入标题文字并设置字体；（3）菜单“插入/水平线”，右击水平线设置水平线；（4）菜单“插入/组件/字幕”，录入文字并进行设置；（5 5）菜单“插入/图片/来自文件”，选择需

3、要插入的图片并 进行设置；二、用二、用FrontPage2003FrontPage2003制作制作网络多媒体课件的基本方法和步骤网络多媒体课件的基本方法和步骤（6）声音：空白处右击选“网页属性/背景音乐”；（7）其它多媒体素材的使用；（8）插入表格以示整洁：在工具栏单击“插入表格”；（9）书签：选定书签所在位置文字，用菜单“插入/书签”；（10）超级链接书签：选定文字项，用菜单“插入/超级链接 /书签”，并定义书签名；（11）单击左下角的“预览”，预览网页效果；二、用二、用FrontPage2003FrontPage2003制作制作网络多媒体课件的基本方法和步骤网络多媒体课件的基本方法和步骤3

4、、新建其它网页文件：（1）在左侧文件夹列表框空白处右击鼠标选择“新建网 页”，并取一个英文网页名；（2）依次编辑其它网页；（3）文件的超级链接：选择需要链接的文字，菜单“插 入/超级链接”，可以选择网站中的文件、计算机 中的文件、网址、邮箱地址等进行链接。二、用二、用FrontPage2003FrontPage2003制作制作网络多媒体课件的基本方法和步骤网络多媒体课件的基本方法和步骤4、保存、浏览、修改与发布（1）保存并退出编辑；（2）打开IE浏览器，菜单“文件/打开”，选择主页文件 index.htm打开主页，浏览各网页，检查网页上的 错误；（3）重新编辑修改各网页（4）网站发布。二、用二

5、、用FrontPage2003FrontPage2003制作制作网络多媒体课件的基本方法和步骤网络多媒体课件的基本方法和步骤第二节第二节 FrontPageFrontPage网络多媒体课件制作网络多媒体课件制作一、新建网站一、新建网站 1、通过“文件”菜单中的“新建”，打开新建工具栏。2、单击其中的“由一个网页组成的网站”，打开网站模板对话框。3、选择一种模板，并在“指定新网站的位置”输入框中输入新建网站的地址，或者通过“浏览”按钮查找要指定的新网站的位置。一、新建网站一、新建网站 4、按“确定”按钮，进入主页编辑。双击“index.htm”，打开主页编辑窗口，编辑制作主页。一、新建网站一、新

6、建网站 1、设置主题。在“格式”菜单中选择“主题”菜单项，在右侧的主题窗格中单击主题列表中的具体项目，选择一种与内容风格相一致的主题。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作 2、插入艺术字作为标题。在“插入”菜单的“图片”菜单项列表中选择“艺术字”，打开“艺术字库”对话框，双击“艺术字库”对话框中的艺术字样式，打开“编辑艺术字文字”对话框，在其中输入艺术字文字并设置字体和文字风格。按确定按钮，完成插入艺术字。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作 3、插入水平线条。在“插入”菜单选择“水平线”菜单项即可插入水平线。在插入的水平线上用鼠标右击，

7、在快捷菜单中选择“水平线属性”，打开“水平线属性”对话框。在该对话框中可进一步设置水平线的大小、对齐方式、颜色和样式等。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作 4、插入字幕。字幕是一种具有动态效果的文字对象，字幕文字在屏幕上水平滚动。在“插入”菜单中选择“Web组件”，打开“插入Web组件”对话框。在其左侧的列表中选择“动态效果”，在其右侧的列表中选择“字幕”列表项，按“完成”按钮，将打开“字幕属性”对话框。在“字幕属性”对话框中输入字幕文字、设置字幕文字移动的方向、速度、表现方式、字幕的大小、重复的次数、背景颜色等。二、多媒体网页的设计、编辑和制作二、多媒体网页的设

8、计、编辑和制作二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作 5、插入表格。在“表格”菜单中选择“插入”-“表格”，打开“插入表格”对话框。在对话框可以设置表格的行数、列数、布局、边框、背景等各种属性。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作 6、插入图片。在“插入”菜单中选择“图片”菜单项的“来自文件”，在“图片”对话框中选择要插入图片的位置和名称，插入所选的图片。7、插入GIF动画。插入GIF动画的方法与插入图片的方法相同，只要在“图片”对话框中选择GIF动画文件即可。8、插入FLAS

9、H动画。在“插入”菜单中选择“图片”菜单项的“FLASH影片”，在“选择文件”对话框中选择要插入FLASH影片的位置和名称，插入所选的FLASH动画。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作 9、插入视频。在“插入”菜单中选择“图片”、“视频”菜单项。在视频对话框中，选择所需的媒体文件，然后单击打开。FrontPage 2003直接支持的文件类型包括 Windows 视频文件(*.avi)、Windows 媒体文件(*.asf)、Real Audio文件(*.ram;*.ra)。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作 要在FrontPage 2

10、003中插入格式不直接支持的视频文件，可以在“插入”菜单中单击“Web组件”，在“Web组件”对话框的左窗格中单击“高级控件”，在右窗格中双击插件，在“插件属性”对话框中的数据源框中，键入要加载插件的文件的URL，或单击浏览以找到该文件，并在“插件属性”对话框中键入或修改其它相关信息。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作 10、插入声音。在FrontPage 2003 中使用声音有两种方法，一种是在网页的空白处右击，在弹出的快捷菜单中选择“网页属性”，在“网页属性”对话框的“常规”选项卡中的“背景音乐”

11、中，单击“浏览”按钮，查找并插入声音文件。该方法支持的声音文件类型有：*.wav、*.mid、*.ram、*.ra等。另一种方法是，利用插件插入声音文件，其使用方法与插入视频的方法相同。用这种方法可以插入前一种方法不支持的声音文件格式，如*.MP3。需要注意的是，作为背景音乐，如果循环播放，将会和以后插入的声音重叠，应避免这种情况的出现。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作11、插入超级链接。选择网页上的文字或其它对象，在“插入”菜单中单击“超级链接”菜单项，在弹出的对话框中选择要链接的网页文件。二、多媒体网页的设计、编辑和制作二、多媒体网页的设计、编辑和制作三、主

12、页和其它相关网页的链接三、主页和其它相关网页的链接 主页既是进入网站时的第一个网页，往往也是链接其它相关网页以形成整个网站结构的网页。主页和其他网页的设计与制作没有根本的不同。主页中文本、图像等对象通过设置超级链接指向其它网页，而其它网页要返回到主页，也需要通过设置指向主页的超级链接向主页的超级链接。第三节第三节 框架网页制作框架网页制作一、框架网页简介一、框架网页简介 框架网页是一种特殊的网页，主要由边框、网页、滚动条组成。在使用浏览器浏览框架网页时，浏览器窗口被分割成几个独立且相互联系的区域，每个区域称为一个框架。每一个框架都对应一个网页。当打开框架页时，则同时载入每个框架所相连的网页文件

13、。使用框架网页的目的是为了浏览者更方便、快速地搜索到所需信息。使用框架制作网络多媒体课件，结构简捷明了，便于内容的组织和导航设计，操作使用也很方便。二、框架网页的制作二、框架网页的制作1、在“文件”菜单上，单击“新建”。在“新建”任务窗格中，在“新建网页”之下，单击“其他网页模板”。单击“框架网页”选项卡。选择一个模板，例如“标题、页脚和目录”模板，预览其布局。2、单击“确定”按钮，将出现框架结构网页。在框架结构网页设置要显示在每个框架中的初始网页（初始网页：当网站访问者浏览到包含框架的框架网页时，最初显示在该框架中的网页）。3、单击要设置初始网页的框架。执行下列操作之一，选择一个已创建的网页

14、：在框架中，单击“设置初始网页”，然后选择要显示的网页；创建新网页，并将其设置为该框架中显示的初始网页。在框架中，单击“新建网页”。Microsoft FrontPage 会在该框架中创建一个新网页，该新网页会自动设置为初始网页。二、框架网页的制作二、框架网页的制作二、框架网页的制作二、框架网页的制作 使用框架网页和框架来组织网站时，不应使用共享边框（共享边框：预留的网页区域，用于存放希望在所有网页上显示的一致内容。共享边框通常包含链接栏，内含指向当前网站的其他网页的超链接。）或链接栏（链接栏：图形或文本按钮的集合，这些按钮表示指向网站内部或外部网站中的网页的超链接）。因为将共享边框或链接栏与

15、框架一起使用会导致网站出现导航混乱。注注 意意二、框架网页的制作二、框架网页的制作 在框架网页中插入超链接的方法与在普通网页中加入超链接的方法基本相同。先在框架网页中选定要插入超链接的文本或图像等对象，然后再单击插入菜单中的“超链接”（或者在需要插入超链接的对象上用鼠标右击，在快捷菜单中选择“插入超链接”；或者在常用工具栏上单击“插入超链接”按钮）打开“插入超链接”对话框。在“插入超链接”对话框中选择要链接的网页。三、设置框架的超链接三、设置框架的超链接三、设置框架的超链接三、设置框架的超链接 选定要链接的网页后，还需要单击“插入超链接”对话框中的“目标框架”按钮，打开“目标框架”对话框。在该

16、对话框中可以设置要链接的网页在框架结构的什么位置显示出来。一般情况下，可以在“当前框架网页”中直接单击其中的一个位置来显示要链接的网页，再单击确定按钮即可。也可在“目标位置”下的文本框中直接输入某个框架的名称，来设置要链接的网页的显示位置。三、设置框架的超链接三、设置框架的超链接三、设置框架的超链接三、设置框架的超链接 “目标框架”对话框中，“公用的目标区”列表中列表项的含义如下：网页默认值：在默认的框架位置显示 相同框架：该链接的网页将覆盖链接所在框架中的网页 整页：覆盖整个窗口，当前框架被替换 新建窗口：新建一个网页窗口来显示链接的网页 父框架：可以回到该框架的上一层显示要链接的页面 三、

17、设置框架的超链接三、设置框架的超链接地球概论地球概论的框架网页的框架网页 地球概论地球概论的框架网页的框架网页 第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放 超文本标记语言HTML是制作网页的标准语言。当切换到“代码”视图方式时，就可以看到所有的HTML标记及其结构。在网页代码中，可以插入一段HTML语言代码，以实现相应的功能。以下的HTML语言代码可以实现RMVB格式的视频在线播放。宇宙探索宇宙探索：从天圆地方看宇宙第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放

18、 第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放返回目录第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放 上述HTML语言代码包括四个部分。第一部分是头部和网页标题部分（从开始到宇宙探索：从天圆地方看宇宙后的语句）。这部分设置网页的标题、背景颜色、文本及其格式等。第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放 从object id=“player name=player语句开始直到语句是第二部分，用来设置视频文件的在线播放。classid=

19、clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=600 height=408 表示使用Realplayer播放器播放，视频的宽度和高度分别为 6 0 0和 4 0 8像 素。语句中yztstydf.rmvb表示视频文件的位置和名称。视频的宽度和高度可根据需要做适当的修改。视频文件的位置和名称如果换成其它视频的位置和名称，则可以实现其它视频文件的在线播放。第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放 从语句到其后的语句是第三部分。该部分表示在网页中显示播放控制器，其宽度与视频文件的宽度相同。其余的语句是最后一部分，用于返回主页。在具体应用时，应在客户端（用户）安装Realplayer播放器，才能在用户的计算机上使用浏览器进行在线播放。第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放第四节第四节 用用HTMLHTML语言实现视频在线播放语言实现视频在线播放