1、第5章 FrontPage 网页型课件制作实例本章内容FrontPage 基本操作基本操作1添加课件的教学内容添加课件的教学内容2美化课件的运行画面美化课件的运行画面3上一张下一张退 出设置课件导航与交互设置课件导航与交互4设置课件的动态效果设置课件的动态效果5制作综合课件实例制作综合课件实例65.1 FrontPage基础知识 使用界面使用界面 上一张下一张退 出主菜单5.1 FrontPage基础知识 视图介绍视图介绍 设计制作网页与管理各种文件的任务不同，其工作的界面也设计制作网页与管理各种文件的任务不同，其工作的界面也不相同。每一种工作界面就是一种视图，不相同。每一种工作界面就是一种视
2、图，FrontPage中共有中共有7种视种视图图。1“网页视图”2“文件夹”视图 3“导航”视图 4“超链接”视图 上一张下一张退 出主菜单5.1 FrontPage基础知识 网站与网页基本操作网站与网页基本操作 制作一个制作一个WEB课件的基本操作步骤如下：课件的基本操作步骤如下：(1)创建网站和网页。(2)添加课件的教学内容。(3)美化课件的运行画面。(4)设置课件导航与交互。(5)设置课件的动态效果。(6)测试和发布网站。上一张下一张退 出主菜单5.1 FrontPage基础知识实例1 雾凇 新建网站 新建网页和文件夹上一张下一张退 出主菜单5.2 添加课件的教学内容 添加文字添加文字
3、在网页中添加文字与在网页中添加文字与Word一样，先输入文字或者从其他地方一样，先输入文字或者从其他地方粘贴过来，然后设置文字的字号、字体、颜色、对齐方式等。粘贴过来，然后设置文字的字号、字体、颜色、对齐方式等。实例2 海燕 输入文字 设置文字和段落格式 插入水平线上一张下一张退 出主菜单5.2 添加课件的教学内容 添加表格添加表格 在网页制作中表格的用途很大，不但呈现数据信息需要用到在网页制作中表格的用途很大，不但呈现数据信息需要用到表格，而且还可以利用表格来规划网页。在表格中，可以插入图表格，而且还可以利用表格来规划网页。在表格中，可以插入图片、文字、视频等信息。片、文字、视频等信息。实例
4、3 减数分裂 新建网页 插入表格 设置表格宽度 合并单元格 输入文字并设置单元格对齐方式上一张下一张退 出主菜单5.2 添加课件的教学内容 添加图片添加图片 图片在课件制作中有着举足轻重的作用，它的直观、形象特图片在课件制作中有着举足轻重的作用，它的直观、形象特性是文字无法替代的，它除了能展示教学内容，还能起到美化网性是文字无法替代的，它除了能展示教学内容，还能起到美化网页的作用。页的作用。实例4 平面镜成像 打开编辑网页“default.htm”插入图片 插入图片库上一张下一张退 出主菜单5.2 添加课件的教学内容 添加声音和视频添加声音和视频 在多媒体课件中插入一些声音或者视频，其效果是不
5、言而喻在多媒体课件中插入一些声音或者视频，其效果是不言而喻的，是图片和文字所不能比拟的，如听背景音乐可以使人放松，的，是图片和文字所不能比拟的，如听背景音乐可以使人放松，看实验视频可以直观形象再现实验过程。看实验视频可以直观形象再现实验过程。实例5 开元盛世 打开编辑网页“index.htm”插入声音 插入视频上一张下一张退 出主菜单5.2 添加课件的教学内容 添加添加Flash动画动画 动画可以将事物的发展变化过程直观形象地展示给学生，目动画可以将事物的发展变化过程直观形象地展示给学生，目前被广泛使用的动画主要有两种：一是前被广泛使用的动画主要有两种：一是GIF动画，另一类是动画，另一类是F
6、lash动画。动画。实例6 中心对称 打开编辑网页“index.htm”插入Flash动画 调整动画大小 预览效果上一张下一张退 出主菜单5.3 美化课件的运行画面 用图片设置网页的背景用图片设置网页的背景 在在FrontPage中，默认的网页背景颜色为白色，但为了网页美中，默认的网页背景颜色为白色，但为了网页美观一般使用图片，或者一种颜色作为网页的背景，设置的方法也观一般使用图片，或者一种颜色作为网页的背景，设置的方法也很简单。很简单。实例7 天净沙秋思 打开编辑网页“tjs.htm ”设置网页属性上一张下一张退 出主菜单5.3 美化课件的运行画面 用主题美化网页的外观用主题美化网页的外观
7、使用图片设置网页背景时，一次只能设置一个网页，当网站使用图片设置网页背景时，一次只能设置一个网页，当网站中的每个网页使用相同背景时，可以使用中的每个网页使用相同背景时，可以使用FrontPage中的中的“主题主题”来美化课件的运行画面的外观，来美化课件的运行画面的外观，FrontPage中的中的“主题主题”是指网页是指网页外观的类型或风格。外观的类型或风格。实例8 血液循环 打开编辑网页“kwyd.htm”应用主题美化网页上一张下一张退 出主菜单5.3 美化课件的运行画面 使用表格规划网页使用表格规划网页 在设计课件版面时，我们经常需要将版面分成若干版块，然在设计课件版面时，我们经常需要将版面
8、分成若干版块，然后不同的版块显示不同的内容。在实际制作网页时，一般使用表后不同的版块显示不同的内容。在实际制作网页时，一般使用表格来规划网页的版面，此时将表格线设置成虚线。格来规划网页的版面，此时将表格线设置成虚线。实例9 中国古代山水画 新建“index.htm”网页 设置网页属性 插入表格 设置并填充表格内容上一张下一张退 出主菜单5.4 设置课件导航与交互 实例10 春 设置课件的导航设置课件的导航 在多媒体课件中，导航是为学习者寻找所学内容提供了在多媒体课件中，导航是为学习者寻找所学内容提供了“路路标标”，设置课件的导航是制作多媒体课件的一个重要环节。常见，设置课件的导航是制作多媒体课
9、件的一个重要环节。常见的设置导航方法有，一是利用框架网页设置导航，二是通过共享的设置导航方法有，一是利用框架网页设置导航，二是通过共享边框设置导航。边框设置导航。上一张下一张退 出主菜单5.4 设置课件导航与交互 使用超链接设置交互使用超链接设置交互 在浏览网页时，当鼠标在一些文字或者图片上移动时，指针在浏览网页时，当鼠标在一些文字或者图片上移动时，指针变成小手的形状，单击则打开一个新的网页，这个网页和你单击变成小手的形状，单击则打开一个新的网页，这个网页和你单击的位置是一种链接的关系，就是超链接。网页中的超链接又可以的位置是一种链接的关系，就是超链接。网页中的超链接又可以分为：文本超链接，图
10、像超链接，分为：文本超链接，图像超链接，E-mail链接，锚点链接，文件链接，锚点链接，文件链接，空链接等。链接，空链接等。插入文本超链接 插入邮件超链接 插入书签链接上一张下一张退 出主菜单5.5 设置课件的动态效果 实例11 氧化还原反应 插入动态按钮插入动态按钮 插入滚动字幕插入滚动字幕 设置切换效果设置切换效果 应用应用DHTML效果效果 上一张下一张退 出主菜单5.6 制作综合课件实例 中学化学课件制作实例中学化学课件制作实例实例12 铁的性质 使用共享边框制作课件导航 制作首页 制作课件“课堂练习”部分 测试网站 发布网站 上一张下一张退 出主菜单5.6 制作综合课件实例 中学语文课件制作实例中学语文课件制作实例实例13 桃花源记 使用框架制作课件导航 制作“课堂练习”部分 建立网页之间的联系 发布站点 上一张下一张退 出主菜单
