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 设置课件导航与交互,使用超链接设置交互 在浏览网页时，当鼠标在一些文字或者图片上移动时，指针变成小手的形状，单击则打开一个新的网页，这个网页和你单击的位置是一种链接的关系，就是超链接。网页中的超链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，文件链接，空链接等。 插入文本超链接 插入邮件超链接 插入书签链接,上一张,下一张,退 出,主菜单,5.5 设置课件的动态效果,实例11 氧化还原反应 插入动态按钮 插入滚动字幕 设置切换效果 应用DHTML效果,上一张,下一张,退 出,主菜单,5.6 制作综合课件实例,中学化学课件制作实例 实例12 铁的性质 使用共享边框制作课件导航 制作首页 制作课件“课堂练习”部分 测试网站 发布网站,上一张,下一