06+PPT课件制作与网页制作

Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Master,1,第六讲,多媒体课件制作,与网页制作,2,本章目录,多媒体课件的制作流程,2,课件及其评价标准,3,1,PPT课件制作的技巧,3,3,网页和网站的概念,4,制作静态网页网站方法,3,5,3,第一节课件及其评价标准,4,什么是“课件”?,“课件（Courseware）”实质是一种软件，是在一定的学习理论指导下，根据教学目标设计的、反映某种教学策略和教学内容的计算机软件。,课件现在不仅仅是学校教育应用的专有名词,它也被广泛的应用到企业和政府的培训中,以及科研成果汇报和学术报告、产品展示等。,5,什么是“多媒体课件”?,把计算机综合处理文本、图形、声音、图像、动画、视频等多种媒体信息能力的技术，应用于教学上，改变信息的包装形式，在计算机上利用媒体开发工具把图、文、声、像集成在一起，做成教学软件，以提高教学内容的表现力和感染力，这就是多媒体课件。,6,什么是优秀的课件?,无论何种类型的课件，也无论它应用在何处,只有能产生学习的吸引力，能透彻地讲解学习内容，能带来良好的学习效果的课件才是有价值的课件。,所以，从技术角度来说，做一个课件不难，但做一个有吸引力的课件，使之无论从教育学上还是美学上都能抓住听众的眼球，却很不容易。,7,优秀课件赏析,8,课件的分类,对于多媒体课件的分类及功能，现在有着多种标准，以下为其典型代表：,1、按课件运行方式划分：单机版课件、网络课件和PPT课件三大类,单机版课件是指只能在单机上运行的教学软件,；,网络课件是指能够在网络上浏览的教学软件,Powerpoint课件是指主要以幻灯片形式演示的教学软件,。,9,2、按课件功能划分：课堂演示型、流媒体型和网络课程型三大类,课堂演示型课件是指在课堂讲课时进行演示的课件,。,流媒体型课件是包含教师视频、声音和电子教案在内的多媒体课件,网络课程型课件是在网络上发布、供学生自学练习的课件,。,10,3、按课件功能划分：讲授型、演示型、练习型、参考型和综合型等五大类。,4、按课件的大小和用途划分：课件和积件两大类,课件一般指大型综合型、一次可完成一堂以上课程教学的课件,。,积件是微型的课件，用于教师在课堂上随手拈来，说明一两个问题,。,11,5、按课件制作工具划分：PPT课件、AW课件、SWF课件和视频课件等,PPT课件：以PowerPoint制作的课件，多用于课堂教学和展厅演示,。,AW课件：用Authorware制作的课件，多用于学生自学练习之用,。,SWF课件：用Flash制作的课件，多用于需要动画演示的课件之中,。,视频课件：有多种文件格式和制作方法，通常用于远程教学,。,12,6、按课件的应用领域划分：教学课件和实验课件等,教学课件主要用于课堂教学特别是理论性的教学,实验课件则是多媒体版的实验指导书，可有效地指导学生完成实验,13,我对课件分类的看法,多媒体课件按其在我校使用的教学环境，可以划分为,课堂投影演示型,、,课外学生自学自测型,和,网络课程远程教育型,三种形式。,这三种课件的评价标准也应当是不同的。,课堂投影演示型,课外学生自学自测型,网络课程远程教育型,多媒体课件,14,课堂投影演示型课件,课堂投影演示型课件是指将课件表达的教学内容，在课堂讲课时在投影仪上进行演示，并与教师的讲授或其他教学媒体相配合的一种多媒体课件。这种类型课件一般与学生之间没有直接的交互作用，是为了解决某一学科的教学重点与教学难点而开发的，它注重对学生的启发、提示，反映问题解决的全过程，主要用于课堂演示教学。这种课件可以采用各种多媒体技术制作，一般以,PowerPoint,形式为主。,15,课外学生自学自测型课件,课外学生自学自测型课件是一种离开教师课堂教学环境、主要由学生自己在个人计算机屏幕上观看、供学生自主学习时使用的课件。这类课件演示时，没有教师参与，完全由学生自主操作，要求交互性和趣味性强，对学生有吸引力，知识点尽可能完备，并有自学自测题库、相关教学影片视频点播和难点解析答疑等教学模块。,16,精品课程远程教育型课件,精品课程远程教育型课件是指一种包含教师视频、声音和电子教案在内的流格式多媒体课件。它能全面记录课堂教学的各种信息，营造教学情景与氛围，可以将制作好的授课过程的多媒体流式文件通过,Internet,或其他途径传送至远程多媒体课程点播系统。通过课件的点播，能够再造教师的形象视频、语音、在计算机上的操作过程（包括鼠标的运动）、电子讲稿和多媒体演示，以及在电子白板上的手写板书过程等，达到再造教学情景的良好效果。,17,课堂投影演示型课件评价要点：,1,、总体设计醒目；,2,、播放效果清楚；,3,、教学主题突出；,4,、多媒体技术运用恰到好处；,5,、要有辅助课件；,6,、交互性好。,18,1,、总体设计醒目：,版面布局合理、层次清晰、色彩搭配和谐、画面清晰。,背景色与文字颜色必须有较大的反差，,使坐在教室后排的学生能清楚地看到投影幕布上的图片和文字内容。,常见的毛病是：毕业答辩时学生自以为做得很好的幻灯片，在投影上却看不清。一定要注意文字和背景的色彩和反差！,19,语言简练、字体字号得当、编排规范。,文字字号不得小于,24,号，字体宜采用黑体加阴影效果，行距应在,1.2,以上,，以保证课堂播放效果最佳。,常见的毛病是：字体太小，行距太密，一张幻灯片装了近,200,个字，在投影上根本看不清楚。,2,、播放效果清楚：,20,各种媒体的运用与教学内容有机结合，运用适当。严禁将教科书内容原样复制到整部幻灯片中，,出现“课本搬家”现象。,常见的毛病一是为了多媒体而多媒体，在课件上搞了很多不必要的动画和背景音乐，反而冲淡了教学效果；二是个别教师“课本搬家”，课件与教科书毫无差别，达不到启发学生深入思考的目的。,3,、教学主题突出：,21,至少运用两种以上媒体（文字、图像、图形图表、声音、动画、视频等），,图片图表动画素材至少占全部课件幻灯片的三分之一以上。,动画连续，色彩逼真。声音清晰适当。,常见的毛病是缺少图片和视频。只有文字的课件是不能抓住学生眼球的。,4,、多媒体技术运用恰到好处：,22,根据教学需要逐步展示教学内容，除主课件外，还有,若干教学视频或微型课件供教师在课堂上灵活使用,。有完整的教学文档和使用指南，便于向其他教师推广。,设想一下，如果我们把课件做到了极致，变成了一部科教片，那教师的作用又到哪里去了呢？,5,、要有辅助课件：,23,课件中所有链接正确，无死链，外挂文件完整，有导航和跳转按钮，,教师在课堂操作时可方便地跳到任一章节起始页。,界面友好，操作简单、灵活，容错能力强。,课堂教学课件尽管由教师本人操作，但良好的交互性可以减轻教师的劳动强度，也便于课件的推广。,6,、交互性好：,24,第二节多媒体课件的制作流程,25,多媒体课件制作流程,总体构思,寻找和制作素材,导入素材和文字,排版美化,作品打包、发布,修改完善,26,以本次课程设计为例,本课程要求每个人必须完成一个课程设计，从网上搜索并下载规定题目的SWF格式的计算机专业视频教程，用AUTHORWARE将其集成为一个大型多媒体课件，并刻录成光盘。如果在11月20日之前完成这个大作业并将光盘交到老师手里，即可获得免考资格。,27,制作步骤,1、首先总体构思：在Authorware平台而不是PPT平台或Flash平台上完成这个作品。那么你就得考虑采用什么技术路线完成这一任务。,2、其次搜集素材，从网上下载指定题目的swf视频教程文件，并把它编好号，以便下一步处理。,28,制作步骤,3、将素材导入AW中，并做好链接导航；,4、精心设计封面和软件说明、作者简介等，对课件进行美术设计和包装。,5、把相应的文件整理好后，作品打包发布，即可投入使用。,29,30,第三节PPT课件制作的技巧,31,1、图片的插入,如何插入图片？,注意插入图片的格式，千万不要有BMP格式，否则你的课件体积就会大得吓人！,32,2、透明图片的插入,如何插入背景透明的图片？,关键在于插入图片的格式必须是gif或wmf格式，否则不会有透明背景色。,33,3、会动的图片的插入,如何插入会动的图片？,关键在于必须插入本身会动的GIF格式的图片。,34,4、SWF的插入,35,36,37,38,5、声音和视频的插入,1,、注意导入的音视频文件格式,2,、视频文件应当放在同一文件夹中,39,6、模板的使用,模板是可以从网上下载的成套空白幻灯片文件，你只要往里填入文字就行了，不需要再进行美术设计。本课件就是用从网上下载的成套模板制作的。,40,7、母板的使用,母板就是你每一张幻灯片的“稿纸”。如果你把稿纸都印成漂亮的信笺，每张幻灯片的格式就会非常统一。,更重要的是你可以在母板上统一设置导航和链接，大大加快课件制作的速度。,41,期末考试重点题目：PPT制作,请仿照本章第六节,PPT,课件格式，制作一部幻灯片不少于,10,张的多媒体课件作品。要求：,1,、作品主题自定，但要有漂亮的封面、封底和目录；,2,、必须使用模板和母板（但不得使用本课件模板）；,3,、课件制作水平必须达到课堂投影演示的标准；,4,、每张幻灯片之间可以自由地跳转，可随时返回目录；,5,、整部作品中，要有至少一幅图片、一幅,GIF,动画、一件,SWF,文件和一个音乐作品；,42,期末考试重点题目：PPT制作,6,、在上述多媒体素材中，至少要有一张你本人的照片。整部作品中，至少要有一张反映作者全面情况的专题幻灯片“作者简介”，否则此作品将不给分。,7,、本题将是课堂测验,3,和期末考试的重点题目，届时将采取命题作文的形式，限定时间用给定的素材做出规定的效果，所以请认真对待。,43,44,45,作者简介,姓名：,张胜光,职称：副教授,单位：,新疆农业大学计算机学院,主研：计算机教育,科学思想史研究,邮编：,830052,电邮：,46,47,48,49,插入GIF动画和声音（5分）,50,51,总之，在信息时代，要想与人更好地沟通和交流，学会自己动手，制作引人注目的多媒体课件是非常重要的。,52,第四节网页和网站的概念,53,一、 网站创建流程,=,筹办刊物,=,创办刊物,=,文章写作,=,刊物出版,54,1.1 网页的实质,网页相当于刊物中所发表的一篇篇文章，但与纸上的文章相比，它增加了多媒体信息和网上交互的功能。,网页的实质,=,表格,+,文本,+,图片,+,动画,+,声音,+,超级链接,+,55,1.2 网站的实质,网站相当于发行到全世界的期刊。,网站的实质,=,服务器上的文件夹,主页相当于期刊的封面。,主页的实质,=,打开网站的第一个网页,56,1.3 网页和网站的分类,网页现在可分为静态网页和动态网页两大类，由此，网站也可以相应被称为“静态网页网站”或“动态网页网站”,57,什么是静态网页、动态网页?,所谓静态网页，指的是网页从服务器传到客户端时，网页的内容是“固定不变”的，也就是说，服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器，这种网页一般是标准的HTML代码。,58,什么是静态网页、动态网页?,所谓动态网页，它在由服务器传递给客户端的时候必须由服务器把它转换成相应的HTML格式，而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。,动态网页一般要用专门的脚本语言编写，如ASP、PHP、JSP等等。凡是我们看到WEB文件的扩展名为这3P的，就是动态网站了。,59,1.4 静态网页网站的特征,静态网页网站和动态网页网站有不同的特征。,静态网页网站由于全部是由静态网页构成的，所以它的结构比较简单，通常它是由一个服务器上的文件夹，,内含一个,index.html,主文件和至少一个图片文件夹和若干二级文件所组成的文件夹。,60,电脑课件之家,静态网页网站结构图,61,电脑课件之家,静态网页网站主页,62,电脑课件之家,静态网站服务器文件夹列表,63,1.5 动态网页网站的特征,动态网页网站由于必须有数据库支持，所以，哪怕只有一个网页，它也是由一大堆文件夹构成的。其中，网页的模板数据和网页上需要显示的对象链接指针大都放在数据库文件夹中，而具体显示内容则放在外部文件夹中。,64,一个极简单的动态网站主页,65,该动态网页网站的系统文件夹,66,该动态网页网站的外部文件夹,67,电脑课件之家动态网页网站主页,1,68,电脑课件之家动态网页网站的系统文件夹,69,电脑课件之家动态网页网站的外部文件夹,70,第五节 制作静态网页网站的方法,71,2.1 静态网站制作流程,1,、规划,2,、制作主页及超级链接,3,、制作二级页面及超级链接,4,、申请站点免费域名和免费空间,5,、上传发布你的全部网页,6,、定期更新维护，每次更新都要重新制作一大批网页,72,2.2 制作静态网页的方法,用,HTML,语言直接编写,用,WORD,编写,用,Frontpage,编写,用,Dreamwaver,编写,静态网页制作,73,静态网页与,word,文本有何不同？,我们在用,word,写文章时，由于,word,排版功能强大，我们只要定义好行距、分栏和图片插入方式，就可以实现图文混排。,但,html,语言却没有这样强大的图文混合排版能力，甚至连定义行距的功能都不够理想。所以一切网页上的对象，都要装入页面的表格之中，才能精确定位。这就是两种文本制作时最大的不同。,74,2.3,使用,Frontpage,制作静态网页,Frontpage是非常适合初学者制作静态网页的工具，它的口号是：“只要会用WORD，就会使用Frontpage！”,大家只要记住， Frontpage不能直接实现图文混排，必须使用表格定位，就可以像使用word那样制作静态网页了。,75,作业20 简单网页制作,【实验内容与设计思想】共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,