课件制作与网页制作.ppt

《课件制作与网页制作.ppt》由会员分享，可在线阅读，更多相关《课件制作与网页制作.ppt（85页珍藏版）》请在三一文库上搜索。

1、1张胜光制作 第六讲第六讲 多媒体课件制作多媒体课件制作 与网页制作与网页制作 2张胜光制作 本章目录 多媒体课件的制作流程多媒体课件的制作流程 2 课件及其评价标准课件及其评价标准 3 1 PPTPPT课件制作的技巧课件制作的技巧3 3 网页和网站的概念网页和网站的概念 4 制作静态网页网站方法制作静态网页网站方法 3 5 3 张胜光制作 第一节 课件及其评价标准 4张胜光制作 什么是“课件”? “课件（Courseware）”实质是一种软件 ，是在一定的学习理论指导下，根据教学目标 设计的、反映某种教学策略和教学内容的计算 机软件。 课件现在不仅仅是学校教育应用的专有名 词,它也被广泛的应

2、用到企业和政府的培训中, 以及科研成果汇报和学术报告、产品展示等。 5 张胜光制作 什么是“多媒体课件”? 把计算机综合处理文本、图形、声音、 图像、动画、视频等多种媒体信息能力的技 术，应用于教学上，改变信息的包装形式， 在计算机上利用媒体开发工具把图、文、声 、像集成在一起，做成教学软件，以提高教 学内容的表现力和感染力，这就是“多媒体 课件“。 6 张胜光制作 什么是优秀的课件? 无论何种类型的课件，也无论它应用在何 处,只有能产生学习的吸引力，能透彻地讲解 学习内容，能带来良好的学习效果的课件才是 有价值的课件。 所以，从技术角度来说，做一个课件不难 ，但做一个有吸引力的课件，使之无论

3、从教育 学上还是美学上都能抓住听众的眼球，却很不 容易。 7 张胜光制作 优秀课件赏析 8 张胜光制作 课件的分类 对于多媒体课件的分类及功能，现在有着 多种标准，以下为其典型代表： 1、按课件运行方式划分：单机版课件、网络课 件和PPT课件三大类 v单机版课件是指只能在单机上运行的教学软件； v网络课件是指能够在网络上浏览的教学软件 vPowerpoint课件是指主要以幻灯片形式演示的教学 软件。 9 张胜光制作 2、按课件功能划分：课堂演示型、流媒体型和 网络课程型三大类 v课堂演示型课件是指在课堂讲课时进行演示的课件 。 v流媒体型课件是包含教师视频、声音和电子教案在 内的多媒体课件 v

4、网络课程型课件是在网络上发布、供学生自学练习 的课件。 10 张胜光制作 3、按课件功能划分：讲授型、演示型、练习型 、参考型和综合型等五大类。 4、按课件的大小和用途划分：课件和积件两大 类 v课件一般指大型综合型、一次可完成一堂以上课程 教学的课件。 v积件是微型的课件，用于教师在课堂上随手拈来， 说明一两个问题。 11 张胜光制作 5、按课件制作工具划分：PPT课件、AW课件、 SWF课件和视频课件等 v PPT课件：以PowerPoint制作的课件，多用于课堂教学和展厅 演示。 v AW课件：用Authorware制作的课件，多用于学生自学练习之用 。 v SWF课件：用Flash制作

5、的课件，多用于需要动画演示的课件之 中。 v 视频课件：有多种文件格式和制作方法，通常用于远程教学。 12 张胜光制作 6、按课件的应用领域划分：教学课件和实验课 件等 v教学课件主要用于课堂教学特别是理论性的教学 v实验课件则是多媒体版的实验指导书，可有效地指 导学生完成实验 13 张胜光制作 我对课件分类的看法 多媒体课件按其在我校使用的教学环境， 可以划分为课堂投影演示型、课外学生自学自 测型和网络课程远程教育型三种形式。这三种 课件的评价标准也应当是不同的。 课堂投影演示型 课外学生自学自测型 网络课程远程教育型 多媒体多媒体 课件课件 14 张胜光制作 课堂投影演示型课件 课堂投影演

6、示型课件是指将课件表达的教学 内容，在课堂讲课时在投影仪上进行演示，并与 教师的讲授或其他教学媒体相配合的一种多媒体 课件。这种类型课件一般与学生之间没有直接的 交互作用，是为了解决某一学科的教学重点与教 学难点而开发的，它注重对学生的启发、提示， 反映问题解决的全过程，主要用于课堂演示教学 。这种课件可以采用各种多媒体技术制作，一般 以PowerPoint形式为主。 15 张胜光制作 课外学生自学自测型课件 课外学生自学自测型课件是一种离开教师 课堂教学环境、主要由学生自己在个人计算机 屏幕上观看、供学生自主学习时使用的课件。 这类课件演示时，没有教师参与，完全由学生 自主操作，要求交互性和

7、趣味性强，对学生有 吸引力，知识点尽可能完备，并有自学自测题 库、相关教学影片视频点播和难点解析答疑等 教学模块。 16 张胜光制作 精品课程远程教育型课件 精品课程远程教育型课件是指一种包含教师视频 、声音和电子教案在内的流格式多媒体课件。它能全 面记录课堂教学的各种信息，营造教学情景与氛围， 可以将制作好的授课过程的多媒体流式文件通过 Internet或其他途径传送至远程多媒体课程点播系统 。通过课件的点播，能够再造教师的形象视频、语音 、在计算机上的操作过程（包括鼠标的运动）、电子 讲稿和多媒体演示，以及在电子白板上的手写板书过 程等，达到再造教学情景的良好效果。 17 张胜光制作 课堂

8、投影演示型课件评价要点： 1、总体设计醒目； 2、播放效果清楚； 3、教学主题突出； 4、多媒体技术运用恰到好处； 5、要有辅助课件； 6、交互性好。 18 张胜光制作 1、总体设计醒目： 版面布局合理、层次清晰、色彩搭配和 谐、画面清晰。背景色与文字颜色必须有较 大的反差，使坐在教室后排的学生能清楚地 看到投影幕布上的图片和文字内容。 常见的毛病是：毕业答辩时学生自以为做 得很好的幻灯片，在投影上却看不清。一定 要注意文字和背景的色彩和反差！ 19 张胜光制作 语言简练、字体字号得当、编排规范。文 字字号不得小于24号，字体宜采用黑体加阴影 效果，行距应在1.2以上，以保证课堂播放效 果最佳

9、。 常见的毛病是：字体太小，行距太密，一 张幻灯片装了近200个字，在投影上根本看不 清楚。 2、播放效果清楚： 20 张胜光制作 各种媒体的运用与教学内容有机结合，运用适 当。严禁将教科书内容原样复制到整部幻灯片中， 出现“课本搬家”现象。 常见的毛病一是为了多媒体而多媒体，在课件上 搞了很多不必要的动画和背景音乐，反而冲淡了教 学效果；二是个别教师“课本搬家”，课件与教科 书毫无差别，达不到启发学生深入思考的目的。 3、教学主题突出： 21 张胜光制作 至少运用两种以上媒体（文字、图像 、图形图表、声音、动画、视频等），图 片图表动画素材至少占全部课件幻灯片的 三分之一以上。动画连续，色彩

10、逼真。声 音清晰适当。 常见的毛病是缺少图片和视频。只有文 字的课件是不能抓住学生眼球的。 4、多媒体技术运用恰到好处： 22 张胜光制作 根据教学需要逐步展示教学内容，除 主课件外，还有若干教学视频或微型课件 供教师在课堂上灵活使用。有完整的教学 文档和使用指南，便于向其他教师推广。 设想一下，如果我们把课件做到了极 致，变成了一部科教片，那教师的作用又 到哪里去了呢？ 5、要有辅助课件： 23 张胜光制作 课件中所有链接正确，无死链，外挂文 件完整，有导航和跳转按钮，教师在课堂操 作时可方便地跳到任一章节起始页。界面友 好，操作简单、灵活，容错能力强。 课堂教学课件尽管由教师本人操作，但良

11、 好的交互性可以减轻教师的劳动强度，也便 于课件的推广。 6、交互性好： 24 张胜光制作 第二节 多媒体课件的 制作流程 25张胜光制作 多媒体课件制作流程 总体构思 寻找和制作素材 导入素材和文字 排版美化 作品打包、发布 修改完善修改完善 26 张胜光制作 以本次课程设计为例 本课程要求每个人必须完成一个课程 设计，从网上搜索并下载规定题目的SWF格 式的计算机专业视频教程，用AUTHORWARE 将其集成为一个大型多媒体课件，并刻录 成光盘。如果在11月20日之前完成这个大 作业并将光盘交到老师手里，即可获得免 考资格。 27 张胜光制作 制作步骤 1、首先总体构思：在Authorwa

12、re平台而不是 PPT平台或Flash平台上完成这个作品。那 么你就得考虑采用什么技术路线完成这一 任务。 2、其次搜集素材，从网上下载指定题目的 swf视频教程文件，并把它编好号，以便下 一步处理。 28 张胜光制作 制作步骤 3、将素材导入AW中，并做好链接导航； 4、精心设计封面和软件说明、作者简介等， 对课件进行美术设计和包装。 5、把相应的文件整理好后，作品打包发布， 即可投入使用。 29 张胜光制作 30 张胜光制作 第三节 PPT课件制作的 技巧 31张胜光制作 1、图片的插入 如何插入图片？ 注意插入图片的格 式，千万不要有 BMP格式，否则你 的课件体积就会大 得吓人！ 32

13、 张胜光制作 2、透明图片的插入 如何插入背景透明的图片？ 关键在于插入图片的格式必须 是gif或wmf格式，否则不会有透明 背景色。 33 张胜光制作 3、会动的图片的插入 如何插入会动的图片？ 关键在于必须插入本身会动的GIF格式的 图片。 34 张胜光制作 4、SWF的插入 35 张胜光制作 36 张胜光制作 37 张胜光制作 38 张胜光制作 5、声音和视频的插入 1、注意导入的音视 频文件格式 2、视频文件应当 放在同一文件夹中 39 张胜光制作 6、模板的使用 模板是可以从网上下载的成套空白 幻灯片文件，你只要往里填入文字就 行了，不需要再进行美术设计。本课 件就是用从网上下载的成

14、套模板制作 的。 40 张胜光制作 7、母板的使用 母板就是你每一张幻灯片的“稿纸” 。如果你把稿纸都印成漂亮的信笺，每张 幻灯片的格式就会非常统一。 更重要的是你可以在母板上统一设置 导航和链接，大大加快课件制作的速度。 41 张胜光制作 期末考试重点题目：PPT制作 请仿照本章第六节PPT课件格式，制作一部幻灯片不少 于10张的多媒体课件作品。要求： 1、作品主题自定，但要有漂亮的封面、封底和目录； 2、必须使用模板和母板（但不得使用本课件模板）； 3、课件制作水平必须达到课堂投影演示的标准； 4、每张幻灯片之间可以自由地跳转，可随时返回目录 ； 5、整部作品中，要有至少一幅图片、一幅GI

15、F动画、一 件SWF文件和一个音乐作品； 42 张胜光制作 期末考试重点题目：PPT制作 6、在上述多媒体素材中，至少要有一张你本人的照片 。整部作品中，至少要有一张反映作者全面情况的 专题幻灯片“作者简介”，否则此作品将不给分。 7、本题将是课堂测验3和期末考试的重点题目，届时 将采取命题作文的形式，限定时间用给定的素材做 出规定的效果，所以请认真对待。 43 张胜光制作 44 张胜光制作 45 张胜光制作 作者简介 姓名：张胜光 职称：副教授 单位：新疆农业 大学计算机学院 主研：计算机教育 科学思想史研究 邮编 ：830052 电邮 ： 46 张胜光制作 47 张胜光制作 48 张胜光制

16、作 49 张胜光制作 插入GIF动画和声音（5分） 50 张胜光制作 51 张胜光制作 总之，在信息时代，要想 与人更好地沟通和交流，学会 自己动手，制作引人注目的多 媒体课件是非常重要的。 52 张胜光制作 第四节 网页和网站的概念 53张胜光制作 一、 网站创建流程 = =筹办刊物筹办刊物 = =创办刊物创办刊物 = =文章写作文章写作 = =刊物出版刊物出版 54 张胜光制作 1.1 网页的实质 网页相当于刊物中所发表的一篇篇 文章，但与纸上的文章相比，它增加 了多媒体信息和网上交互的功能。 网页的实质 = 表格+文本+图片+动画 +声音+超级链接+ 55 张胜光制作 1.2 网站的实质

17、 网站相当于发行到全世界的期刊。 网站的实质 = 服务器上的文件夹 主页相当于期刊的封面。 主页的实质 = 打开网站的第一个网页 56 张胜光制作 1.3 网页和网站的分类 网页现在可分为静态网页和动态 网页两大类，由此，网站也可以相应 被称为“静态网页网站”或“动态网 页网站” 57 张胜光制作 什么是静态网页、动态网页 ? 所谓静态网页，指的是网页从服务器 传到客户端时，网页的内容是“固定不变 ”的，也就是说，服务器只是把所存储的 网页的内容原封不动直接传递给客户端浏 览器，这种网页一般是标准的HTML代码。 58 张胜光制作 什么是静态网页、动态网页 ? 所谓动态网页，它在由服务器传递给

18、客 户端的时候必须由服务器把它转换成相应的 HTML格式，而且会根据用户的要求和选择在在 服务器端做出相应的改变和响应。 动态网页一般要用专门的脚本语言编写 ，如ASP、PHP、JSP等等。凡是我们看到WEB文 件的扩展名为这3P的，就是动态网站了。 59 张胜光制作 1.4 静态网页网站的特征 静态网页网站和动态网页网站有不同的特 征。 静态网页网站由于全部是由静态网页构成 的，所以它的结构比较简单，通常它是由一个 服务器上的文件夹，内含一个index.html主文 件和至少一个图片文件夹和若干二级文件所组 成的文件夹。 60 张胜光制作 电脑课件之家电脑课件之家静态网页网站结构图静态网页网

19、站结构图 61 张胜光制作 电脑课件之家静态网页网站主页 62 张胜光制作 电脑课件之家静态网站服务器文件夹列表 63 张胜光制作 1.5 动态网页网站的特征 动态网页网站由于必须有数据库支持 ，所以，哪怕只有一个网页，它也是由一 大堆文件夹构成的。其中，网页的模板数 据和网页上需要显示的对象链接指针大都 放在数据库文件夹中，而具体显示内容则 放在外部文件夹中。 64 张胜光制作 一个极简单的动态网站主页 65 张胜光制作 该动态网页网站的系统文件夹 66 张胜光制作 该动态网页网站的外部文件夹 67 张胜光制作 电脑课件之家动态网页网站主页1 68 张胜光制作 电脑课件之家动态网页网站的系统

20、文件夹 69 张胜光制作 电脑课件之家动态网页网站的外部文件夹 70 张胜光制作 第五节 制作静态网页 网站的方法 71张胜光制作 2.1 静态网站制作流程 1、规划 2、制作主页及超级链接 3、制作二级页面及超级链接 4、申请站点免费域名和免费空间 5、上传发布你的全部网页 6、定期更新维护，每次更新都要重新制作 一大批网页 72 张胜光制作 2.2 制作静态网页的方法 用HTML语言直接编写 用WORD编写 用Frontpage编写 用Dreamwaver编写 静静 态态 网网 页页 制制 作作 73 张胜光制作 静态网页与word文本有何不同？ 我们在用word写文章时，由于word排版

21、功能强 大，我们只要定义好行距、分栏和图片插入方式， 就可以实现图文混排。 但html语言却没有这样强大的图文混合排版能 力，甚至连定义行距的功能都不够理想。所以一切 网页上的对象，都要装入页面的表格之中，才能精 确定位。这就是两种文本制作时最大的不同。 74 张胜光制作 2.3 使用Frontpage制作静态网页 Frontpage是非常适合初学者制作静态网 页的工具，它的口号是：“只要会用WORD ，就会使用Frontpage！” 大家只要记住， Frontpage不能直接实 现图文混排，必须使用表格定位，就可以 像使用word那样制作静态网页了。 75 张胜光制作 作业20 简单网页制作

22、 【实验内容与设计思想】共10分 仿照作业14样例，制作一个简单网页。 但所有的图片和动画必须采用故宫网站上 其他的同类素材。如由与下例完全雷同者 ，此作业不给分。 76 张胜光制作 第一步： 打开DW， 插入表格 77 张胜光制作 第二步 ：在表 格中插 入图片 和文字 78 张胜光制作 第三步 ：在表 格中插 入SWF 动画 79 张胜光制作 80 张胜光制作 完成后 的效果 81 张胜光制作 2.4 申请免费域名和主页空间 用搜索引擎在网上寻找提供 免费域名和主页空间的网站，将 自己的网站发布上去，完成自己 的课程设计。 82 张胜光制作 2.5 网页上传的几种方式 1、映射网络驱动器，建立远程文件夹 2、FTP上传方式（用DW可直接完成） 3、各网站自己规定的上传方式 83 张胜光制作 2.6 网页上传的注意事项 上传文件前，应把自己的所有网页链 接彻底检查一遍，确保使用的是相对路 径而不是绝对路径，不允许出现诸如 D:index.html这样的路径，另外所有的 文件名一律使用英文或汉语拼音，注意 大小写。 84 张胜光制作 85张胜光制作