目 录摘要1第一章 引言21.1 选题背景21.2 主要开发技术介绍2第二章 课题的任务与意义32.1 课题的任务要求32.2 课题的意义3第三章 课件制作方案的制作43.1 课件制作要求43.2 课件制作流程4第四章 课件制作准备54.1 课件内容选择分析54.2 课件素材准备54.3 课件制作流程5第五章 课件的制作与实现65.1 课件封面的设计65.1.1 “文字效果”的制作65.1.2 按钮实现页面跳转65.2 课件各模块的制作与实现75.2.1 课件基础知识模块75.2.2 课件基本操作模块85.2.3 课件视频教程模块95.2.4 课件作品欣赏模块95.2.5 课件课后练习模块105.2.6 课件提示模块165.2.7 课件退出模块16第六章 课件测试17参考文献18致 谢19- 19 -摘 要随着科学技术的迅猛发展,人类社会已步入了信息时代，现代教育技术的发展也越来越成熟，多媒体教学已经走入了学生的课堂中，以发展人的智力和创造力为主要目标。课件的制作形象展现教学过程，学生思维以形象思维为主，用flash制作的课件大多图文声像并茂，采用文字、声音、图形、动画、视频等多媒体手段, 形象地表述内容，传递信息，完成一些传统教学方式中不易实现或不能实现的教学任务，能激发学生的学习兴趣，使学生加速吸收课堂知识的速度。同样的内容用flash制作往往比用其他软件制作的容量更小。flash可以充分用动画、声音、交互、视频以及剪辑等基本元素，形象地表述内容，传递信息，以满足多种多样的要求。本课件主要讲述网页制作Div+CSS网站设计入门教程，通过该课件的学习，可以了解Div+CSS布局设计制作的基本过程，可以独立制作Div+CSS布局设计的网页。本文系统分析了网页制作Div+CSS布局课件开发的背景及过程。首先介绍了项目开发的背景，其次是项目的详细设计过程，界面的设计、脚本的设计、各个场景的设计和转换的实现，遵循软件工程的方法。本课件采用了多个按钮控制的操作，使得界面转换的难度大大降低，也使界面更清晰易懂，便于管理、演示、维护等。关键词：课件；多媒体制作；Div+CSS 第一章 引言1.1选题背景随着信息时代的到来，计算机技术的迅速发展和多媒技术的日益成熟，计算机辅助教学已经成为了教育发展的必然趋势。传统教学媒体，如粉笔、黑板、挂图等，已经不能完全适应现代化教育的需要。现代信息技术在教育教学中的运用，越来越显示出它的优越性。信息技术正在成为现代化教育技术的依托，成为发展教育、提高民族素质和培养创新能力的重要手段。在这样的社会背景和教育背景下，Flash课件应运而生。让学习者在信息技术与科学教学整合的平台上，自主学习，勇于探究，大胆创新，为日后能成为一名适用于信息社会的综合型人才打下坚实的基础。1.2主要开发技术和软件介绍1.Macromedia Flash 8介绍Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。2.Adobe Photoshop CS2介绍Photoshop CS2是对数字图形编辑和创作专业工业标准的一次重要更新。它将作为独立软件程序或Adobe Creative Suite 2的一个关键构件来发布。Photoshop CS2引入强大和精确的新标准，提供数字化的图形创作和控制体验。3. SWISH MAX3.0介绍SWiSHMax3是一种强而有力的Flash创作应用，是一种多媒体格式、使用于制作动画、播放动画、影像。SWiSH Max3.0使您能在简单的方式下创造Flash，并能使用影格、环境的创造、拖曳、录制的影像、音频和图片创造更多更惊人的多媒体电影。第二章 课题的任务与意义2.1 课题的任务与要求Flash教学课件要把文字、图片、声音等媒体信息与教学内容很好地集合在一起，生动、形象地演示知识的形成过程，给学生提供形象鲜活的形象，使学生对抽象内容很好的理解，并能强化知识重点，突破知识难点，激发学生学习兴趣，加大课堂教学密度，对教学或自学有很好的帮助。2.2 课题的意义多媒体Flash课件集文字、图片、声音等媒体信息一体，把书本上的静态知识转换成生动、形象的知识，有着其他教学方法无法比拟的优点，还具有丰富的信息资源、友好的交互环境、图文并茂的显示功能等特点。运用Flash课件促使视听结合，增强感知效果，学生可从多方面了解所学课程。运用Flash课件组合书本内容，使课堂容量最大化。制作者可根据书本教学内容提炼教学重难点、辅以相关习题或例题，从而扩大知识容量，使教学在多层面、多形式或多感应三方面达到良好的组合，让学生对抽象的知识有个更好的理解。运用Flash课件可使课堂气氛轻松，不压抑，也可使自学不枯燥乏味。Flash课件改变了传统教学单一、僵硬的课堂模式，采用智能型，具有亲和力的界面，把抽象的内容具体化。以生动、形象、通俗易懂的方式，展示最前沿、最丰富的知识。让学生在学习时，达到视觉和听觉上的享受，提高了学生的学习兴趣和学习激情，课堂气氛自然轻松愉悦。第三章 课件制作方案的制作3.1 课件制作要求1.作为基本教材的Flash课件，应全面反映这门课程的基础知识，内容不能脱离教学大纲。2.画面要整洁，按钮功能正确，页面容易跳转，任何时候单击这些按钮都会跳转到你需要的地方。3.文字和背景的搭配要合理，整个画面的色彩搭配和谐，美观。4.人机交互练习要操作容易，具有趣味性，活跃课堂气氛，引导学生参与到教学活动中。3.2 课件制作流程1、确定教学目标 制作课件应根据教学大纲的要求，首先明确教学目的，要求突出重点、突破难点。 确定好教学目标后，才能做出符合教学需要的课件，真正起到辅助教学的作用。 2、选取恰当的教学内容 课件内容的选取则要以教材为蓝本，从实现教学目标、完成教学任务的需要出发，但又不能为课本所束缚，要充分增加课件的含金量。一个优秀的课件不能只是教材的幻灯片演示，而应该增加它的生动直观的作用，因此教材内容的选取很关键。 3、设计创作脚本 在课件制作中，我们也引入了“脚本”一词，它来源于教案，但又不同于教案，既要表现教学内容，教学过程，又要将一些细节，诸如内容的呈现顺序、呈现方法等进行描述。多媒体教学摆脱了黑板加粉笔的呆板表现形式，依赖于大量的多媒体素材，把以往受时间和空间限制的内容搬进课堂，体现了其特有的优势。 4、课件制作过程。 此过程要求熟悉电脑的基本操作、掌握相关软件的使用方法。做课件需要多种软件协同工作，比如图像制作、声音录制、文字编辑、动画制作等等，所以需要制作者掌握各种软件的操作，使课件具有教育性、科学性、技术性、艺术性。 5、课件测试与修改 课件制作完成后，应自己反复测试，查看各模块的功能是否能正常运行。如出错则需要将课件加以修改，从而使其达到最优。一个课件的完成，一定会经过反复的修改，需要制作者要有足够的耐心。第四章 课件制作准备4.1 课件内容选择分析 课件是用于教学的辅助手段，所以其内容一定要与教材相符合，使学生学到真正的知识，并融会贯通。课件的内容来源于现有的书本教材，还有因特网上的资源，有文字、视频、音乐等。内容的分类也包括了很多，本次选择的课件内容是关于Div+CSS网站设计入门教程。4.2 课件素材准备素材的选取应依授课内容而决定，可以从书本、网上搜取。针对这一点，我在制作课件时动用了所能学的各种软件，运用迅雷软件下载视频，用Photoshop等软件处理图像，使图片成为适合本课件的图片。4.3 课件功能分析本课件与教程相结合，能帮助学生更好地掌握课程知识。在课件打开的时候，是一张课件的封面，在点击“进入”按钮后进入课件的内容选择界面。选择不同的按钮可以进入相应的内容，分为基础知识、基本操作、视频教程、作品欣赏、课后练习、提示、退出课件7个部分，课后练习又分为判断题、填空题2个部分。本课件界面框架图如图4.1所示：图4.1 课件界面框架图第五章 课件的制作与实现5.1 课件封面的设计封面是课件的一个重要的组成部分，它是课件给人的第一印象，所以本课件封面以绿颜色为基调，给人一种清新可人的感觉。把用photoshop处理过的背景图片导入到场景中，位置位于场景中心。用辅助软件SWISH MAX3.0制作的特效文字“DIV+CSS网站布局教程”在图片中间出现，封面右下方有一椭圆形按钮，点击按钮可进入课件。界面实现效果如图5.1所示：图5.1 课件封面图5.1.1 文字效果的制作封面的文字是逐渐排列的，利用软件SWISH MAX3.0制作出来的。文字效果在SWISH MAX3.0中加入效果之后，导出”布局.swf”的文件。然后在Macromedia Flash 8中导入这个swf文件，成为“布局.swf”影片剪辑，编辑这个影片剪辑，在最后一帧加入动作“stop”使这个文字效果只运行一次，不必循环播放。最后将“布局.swf”影片剪辑拖放在舞台中间偏右。如上操作，文字逐渐排列效果就实现了。5.1.2 按钮实现页面的跳转 把准备好的按钮从库中拖入场景中，选中按钮，在其动作中加入如下代码：on (release)gotoandplay(2); 如上操作就可实现封面到课件内容页面的跳转了。5.2 课件各模块的制作与实现把背景图片导入到场景中，位于场景中心。在图片左边有一列按钮，点击按钮可进入相应的专题，右边是相应专题内容出现的地方。界面实现效果如图5.2所示：图5.2 界面实现效果图5.2.1 课件基础知识模块基础知识的模块文字播放的实现，是新建一个影片剪辑利用遮罩效果遮住已经排版好的文字，这样文字逐渐出现的效果就得以实现。基础知识模块页面的实现如下图5.3所示：图5.3 基础知识模块图下一页按钮与上一页按钮就如5.1.2节所讲的按钮制作操作就可实现翻页的效果了。5.2.2 课件基本操作模块基本操作模块的内容与基础知识相同，只多了几张图片，可以先把图片做成图形元件，再把元件放到场景中做出效果。基本操作模块的功能实现效果如图5.4所示：图5.4 基本操作模块图5.2.3 视频教程的实现在视频演示界面插入视频到舞台，选择下载好的avi格式文件，利用格式转换工具转换为FLV格式文件，画面比较模糊，效果不好，这方面有所欠缺。调整播放器的位置，实现效果如图5.5所示：图5.5 视频教程模块图5.2.4 课件作品欣赏模块作品欣赏模块是拖放入一个图片切换效果的影片剪辑来实现的。其中加入背景音乐的影片剪辑原件，这样就可以伴随着音乐欣赏个性网站。作品欣赏模块实现效果如下图5.6所示：图5.6 作品欣赏模块图5.2.5 课件课后练习模块 课后练习模块分为判断题、填空题两部分，点击按钮可跳到相应的练习题处。课后练习模块效果如下图5.7所示，图5.7 课后练习模块图判断题实现效果如下图5.8所示，