多媒体教学网页的制作过程与技术(1)

1、多媒体教学网页的制作过程与技术(1)摘要：本文以实际经验为依据，比较详细地论述了多媒 体教学网页的制作过程、技术要点和注意事项，包括立题、 素材的搜集、多媒体制作和网页的制作等内容。关键词：多 媒体、教学网页、制作前言计算机网络技术的飞速发展，使网络逐渐渗透到了人类生活的方方特别是国际互联网的日益普及，越来越多的人们投入到网络这个无限的空间中去。在教育领域，将网 络运用于教学，已越来越得到人们的重视。目前，各类多媒 体软件很多。但一般的多媒体软件动辄两、三百兆，由于网 络传输速率的限制，这样的庞然大物根本无法在网上应用； 况且，就算同络速度跟得上，这些并非为网络量身定做的软 件，其形式和链接关

2、系也不适合在网络上使用。如何在现有 条件下，把网络的快捷、方便、可共享等特性应用到教学中 去，就成为一个关键而迫切的现实问题。一个好的办法就是将教学内容制成多媒体网页，使学习 者可以不受时间和空间的限制自由访问，并且在直接访问中 了解和学习知识。本文以某一小型电源系统的调压器为例， 对多媒体教学网页的制作过程和技术做一探讨。一、前期准备工作教学内容的准备主要是对教学内容进行选取，确定各部分内容的媒体形 式。对字幕表述进行推敲，对其它形式定出表现方案，最后 还是要形成一个脚本。片素材的收集1、背景图的取得背景图的来源主要是书报资料和素材库光盘中的一些 片，如果图片效果不太理想，可以用photos

3、hop进行必要 的修饰。2、实物图片的取得一般没有现成的实物图片，我们可以找了一个比较完好 的实物，从多个角度进行拍摄，分解后，再对各个部件进行 拍摄。最后，选择出效果好的图片，利用扫描仪扫描得到数 字文件，当然也可以直接使用数码相机拍摄。必要时，也要 用 photosho p 处理。二、多媒体制作过程三维动画制作用制作三维动画的过程大致分为三部分，一是制作物体 模型，二是设计动画效果，三是渲染与输出。首先，将调压器可分为三个块：支架，散热器和底板， 每块又可分为若干个子物体，如散热器中就包括有散热片、 碳柱、螺杆、端盖、铁心、线圈、弹簧片，单就一个螺杆来说也是分为六边形杆，螺帽和带有螺纹的一

4、段圆形杆。三部分一一完成后再连接为一体，在这一制作过程中主要用到了 3dm ax命令面板中的create （创建）面板和modify （修改）面 板，开始用standardprimitive s （原始几何对象），像box,con e等通过对parameters （参数栏）中的参数的调整来完成所建 对象的长，宽，高，半径，变数（平滑度）等的调整以完成所要 求的基本物体形状。需要合并两个分别做出的物体时，先点 取文件菜单中的xrefobjects选项，在弹出的对话框中点取 右上角的添加命令按钮（add）随后在出现的打开文件对话框 中打开需要加入的物体文件。即可完成导入操作。将两物体 通过托以旋转

5、，使其位置配合好之后可同时选中并结合成组 以后便可以当成一个物体操作。另外各物体在制作完成时一 般给它指定材质。对有关材质与贴图的操作都集中在材质编 辑器中，可以在工具条中单击material editor按钮将材质 编辑器打开，另外也可以直接在键盘上按” m”键。3d max 中有一部分自带的现成材质，也可以在材质样本框中修改后 用assign materialtoselectio n可将其指定给所选中的物 体。其实碳调各部件大都是外表涂了油漆或金属表面，所以 也可以直接在材质编辑面板中，通过自行调整参数获得与真 实部件相似的外观，主要是选择好材质类型，在调整其反光 特性等参数。各个部件基本

6、完成后就要将其做成动画，更清楚的表示 出调压器的结构和各部件的安装位置。主要的动画就是旋转 和移动。如果要实现一个物体的旋转，比如支架和散热器部分都 有转动的展示。可以单击工具栏中选择并旋转工具 (selectandrotate)将时间滑块拖到50巾贞，打开动画记录按钮，在透视图中以y轴为中心将物体旋转180度完成了部件 转动展示的动画。要是需要让某个或某些部件移动位置，像散热器拆解动 画，磁铁拆解动画等就需要为其设一条路径，也就是移动的 路线，选择型建模工具中的line命令，在左视图中创建一 条合适的路径曲线，路径曲线设好了再把要移动的部件导入 单击file菜单中的merge命令，在merg

7、 efile对话框中， 可设置渲染的帧数段。最后输出时一般选activeti mesegment，在 outputs ize 中选 320*240。在下面的 0 ptions 中的选项，可以用其默认设置。rederoutput区中需设定要 保存输出文件的位置，名称及格式，这里选avi文件，在 rederscen e对话框中第二个卷质栏是maxdef aultscanlinea-buff er (max缺省线扫描渲染器a缓冲区)这 里的设置也很重要但一般情况下取默认设置也可以输出较好的效果。三维文字制作在小的gif字体动画及立体文字的制作中，用ulead公 司的coo 13d是很方便的，这个软件

8、虽然不大但功能并不少，操作也很简单。比如，主页的标题文字就可以做成一个gif 动画，在cool3d中的制作过程如下：先建立一个新文件，调整尺度为384*5 8像素，再点击 输入文本按钮在弹出的对话框内输入“*，然后将 其选中改为方正行楷字体，可以通过移动、旋转、缩放等操 作配合添加关键帧来完成动画的制作，当然还要增加一些co ol3d提供的光线、纹理、倾斜等效果，使文字更加饱满圆润， 并悦目的纹理和光泽，还可以选择漂亮的背景。各项工作做 完后再按需要调整动画的帧数来控制播放时间的长短，通过 调整物体属性工具兰中的环境、光源、表面、反光等各项的 亮度、饱和度和色调来迗到最佳视觉效果。另外在整个过

9、程 中随时可以用编辑文本按钮对所输入的文字进行修改最后 一步就是导出动画文件或导出jpeg图像，并且可以自行确 定影像的输出质量，比如外场维护中的“工作点的调整”、“外 场维护”两个按钮的制作就是这样完成的。当然，质量越高 渲染起来就越耗时，着很大程度上也取决于计算机的硬件配 置。在对一些gif格式的动画进行简单的修改以及绘制平面 是我们选择了 macrom edia公司的中文版，他提供了影片 岩石，修改及删除、添加帧等操作，还可以自行配音，支持 很多格式的声音文件，而且提供了比较齐全的绘图工具，如 钢笔、铅笔、吸管、笔刷、墨水瓶等十几种再配合图层工具用起来很方便，操作也更加灵活多样。片、背景

10、的处理 在对图片的处理以及按钮的制作中主要用到了，如所用 到的背景图片大都在中经过亮度、对比度以及色相、饱和度、 色彩均衡等的调整，使之和页面色调相配合，迗到最令人满 意的效果，另外对一些过大的图片还要进行裁切，调整大小 等操作。例如，对真实碳片电压调节器进行拍照，扫描得到 的通常分辨率高迗3400*4600以上，其文件也有1m甚至3 一4m大，而网页页面默认分辨率只有800*600，所以必须对 扫描得到的图片进行缩放，裁切，旋转等处理，使其大小和 角度均达到要求。像碳调的调压原理中，就有“必要性”、“方法”和“原 理”三部分它们是通过三个按钮来连接的，又如调节误差中 有“准确性”及“稳定性”

11、两个按钮，碳调结构中有“支架”、 “主体”、“配置”三个按钮，用作这些按钮的图片都是通过 制作完成的。例如“准确性”和“稳定性”两个按钮，是先 选择了一副木纹的材质图作为底图，然后丛中剪切280*110 像素大小的一部分成一新文件平面图、文字、声音和音乐的 制作平面图、文字、声音和音乐等几种媒体形式的制作、录入、合成以及连接都比较简单，不再详述。三、网页的制作frontp age2000 简介随着国际互联网的日益普及，各种各样的网页设计工具 应运而生。在各类网页工具，微软的fron tpage2000是少数 真正“所见即所得”的网页工具，很适合初学者使用。进入frontpage2000的操作环

12、境，可以看到程序的界面 大致可以分为以下几个部分：*菜单栏*工具条*视图条*工作区*状态栏1、主页的制作对frontpage20 00有了一定的了解后，下面，通过主页 为例，介绍一下网页的制作过程。首先，创建一个新网站。进入frontp age2000开发环境后，选择“文件”菜单中 的“新建”菜单项，再选择子菜单项中的“站点”菜单项。在随后弹出的“新建”对话框中，可以看到一个“站点” 标签页，其中显示了 frontpage缺省的5中模板和3种向导， 点击右边的两个图表可以切换列表显示和大图表显示，组合 下拉框中可以输入路径确定新站点的存放位置。选择最简单的空模板，里面什么也没有，便于我们以后

13、白手起家，建立自己独特的风格，然后单击“确定”即可完 成一个空站点的建立。然后，建立网站的导航结构。要想使网站方便访问者浏览，网页与网页之间就必须有 合理的结构、导航兰和恰当位置的超链。最好的办法是建立 完整的导航结构。进入导航视图，系统将当前页默认为“主页”，选中主 页，单击新建图标就可以建立相应的主页的下一层网页，便 可以快捷的建立一个完整、直观的网站结构，结构建立后， 在页面上插入导航条时，frontpage会自动加入正确的链接， 相当方便。最后，建设主页。1、添加背景返回页面视图，在工作区右击，在弹出的菜单条中选中 “网页属性”，在弹出的对话框中点击“背景”标签页，在 “背景图片”和“

14、水印”前打上钩，在浏览框输入背景图片 的路径，单击确定即可。2、设立共享边框在工作区右击，在弹出的菜单条中选中“共享边框”， 在如图所示的对话框中选中“所有网页” “上” “包含导航按钮”，单击确定。这样共享边框就设好了，设共享边框的目 的，是为了让所有的页面中都能显示这部分内容，使网页有 一个相同的主题，同时减少重复工作。3、创立表格为了能够方便的实现图文混排，使网页更生动活泼，迖 到预想的效果，就必须使用好表格，单击“查看/工具栏/表 格”击打开了表格工具栏，选中“”图标，即能进行手动制 表，表格建立后，还可以编辑表格的属性，根据需要决定表 格的边框粗细、单元格的间距甚至表格的背景等。4、

15、导入图片在共享边框里导入准备好的标头，以及主页的名称“炭 调之核心地带"，再选中“炭调之核心地带"，单击图片工具 栏中的图标，把“炭调之核心地带"移到表头上面，主页的横 幅就算大功告成了，由于前面设立了共享边框，所以，在主 页以外的其他页面上，也都能看到这个漂亮的横幅了。用同 样的方法，把所需的图片分别导入，然后稍加编辑即可。（如 上图）5、导入文字在frontpage2000里编辑文字和word完全一样，所以， 只要使用过word的人，都能在熟悉的环境里编辑文档。当 然，也可以先在别的文档编辑器里编辑好后，直接导入。6、字幕为使网页更显生动，我们在适当位置插入了

16、一行活动的 欢迎信息。单级“插入/组件/字幕”再如图所示的对话框中，输入想要显示的文字，选择显示速度、显示方式，选择字体、 颜色等属性。在主页最下面的作者信息也采用了字幕效果。7、超联及导航条现在，主页的主体部分已经基本上制作完成了，还剩下 最后一项工作，建立超链。只有建立超链，主页才能链接到 其他的页面上去，没有超链的主页不能算真正的网页。单级 “插入/超链接”再如图所示的对话框种选择所要链接的目 标，单击确定即可。导航条其实是一系列超链的集合，通常导航条包含了主 要页面的超链，显示在每个页面上以方便访问者浏览。为了 把导航条显示在每个页面上，当然要放在共享边框中了，单 级“插入/导航栏”再如上