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

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