第5章 FrontPage网页型课件制作实例.ppt

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