- 相關(guān)推薦
多媒體教學(xué)網(wǎng)頁(yè)的制作過程
摘要: 本文以實(shí)際經(jīng)驗(yàn)為依據(jù)，比較詳細(xì)地論述了多媒體教學(xué)網(wǎng)頁(yè)的制作過程、技術(shù)要點(diǎn)和注意事項(xiàng)，包括立題、素材的搜集、多媒體制作和網(wǎng)頁(yè)的制作等內(nèi)容。
關(guān)鍵詞：多媒體、教學(xué)網(wǎng)頁(yè)、制作
前言
計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，使網(wǎng)絡(luò)逐漸滲透到了人類生活的方方面面。特別是國(guó)際互聯(lián)網(wǎng)的日益普及，越來越多的人們投入到網(wǎng)絡(luò)這個(gè)無(wú)限的空間中去。在教育領(lǐng)域，將網(wǎng)絡(luò)運(yùn)用于教學(xué)，已越來越得到人們的重視。目前，各類多媒體軟件很多。但一般的多媒體軟件動(dòng)輒兩、三百兆，由于網(wǎng)絡(luò)傳輸速率的限制，這樣的龐然大物根本無(wú)法在網(wǎng)上應(yīng)用；況且，就算網(wǎng)絡(luò)速度跟得上，這些并非為網(wǎng)絡(luò)量身定做的軟件，其形式和鏈接關(guān)系也不適合在網(wǎng)絡(luò)上使用。如何在現(xiàn)有條件下，把網(wǎng)絡(luò)的快捷、方便、可共享等特性應(yīng)用到教學(xué)中去，就成為一個(gè)關(guān)鍵而迫切的現(xiàn)實(shí)問題。
一個(gè)好的辦法就是將教學(xué)內(nèi)容制成多媒體網(wǎng)頁(yè)（教學(xué)網(wǎng)站或網(wǎng)校），使學(xué)習(xí)者可以不受時(shí)間和空間的限制自由訪問，并且在直接訪問中了解和學(xué)習(xí)知識(shí)。本文以某一小型電源系統(tǒng)的調(diào)壓器為例，對(duì)多媒體教學(xué)網(wǎng)頁(yè)的制作過程和技術(shù)做一探討。
一、前期準(zhǔn)備工作
（一）教學(xué)內(nèi)容的準(zhǔn)備
主要是對(duì)教學(xué)內(nèi)容進(jìn)行選取，確定各部分內(nèi)容的媒體形式。對(duì)字幕表述進(jìn)行推敲，對(duì)其它形式定出表現(xiàn)方案，最后還是要形成一個(gè)腳本。
（二）圖片素材的收集
1、背景圖的取得
背景圖的來源主要是書報(bào)資料和素材庫(kù)光盤中的一些圖片，如果圖片效果不太理想，可以用photoshop進(jìn)行必要的修飾。
2、實(shí)物圖片的取得
一般沒有現(xiàn)成的實(shí)物圖片，我們可以找了一個(gè)比較完好的實(shí)物，從多個(gè)角度進(jìn)行拍攝，分解后，再對(duì)各個(gè)部件進(jìn)行拍攝。最后，選擇出效果好的圖片，利用掃描儀掃描得到數(shù)字文件，當(dāng)然也可以直接使用數(shù)碼相機(jī)拍攝。必要時(shí)，也要用photoshop處理。
二、多媒體制作過程
（一）三維動(dòng)畫制作
用3DMAX3.0制作三維動(dòng)畫的過程大致分為三部分，一是制作物體模型，二是設(shè)計(jì)動(dòng)畫效果，三是渲染與輸出。
首先，將調(diào)壓器可分為三個(gè)塊：支架（包括與散熱器連接的彈簧），散熱器和底板，每塊又可分為若干個(gè)子物體，如散熱器中就包括有散熱片、碳柱、螺桿、端蓋、鐵心、線圈、彈簧片,單就一個(gè)螺桿來說也是分為六邊形桿，螺帽和帶有螺紋的一段圓形桿。三部分一一完成后再連接為一體，在這一制作過程中主要用到了3DMAX命令面板中的Create(創(chuàng)建)面板和Modify(修改)面板,開始用Standard primitives(原始幾何對(duì)象),像Box,Cone等通過對(duì)Parameters(參數(shù)欄)中的參數(shù)的調(diào)整來完成所建對(duì)象的長(zhǎng),寬,高,半徑,變數(shù)(平滑度)等的調(diào)整以完成所要求的基本物體形狀。需要合并兩個(gè)分別做出的物體時(shí)，先點(diǎn)取文件菜單中的Xref Objects選項(xiàng)，在彈出的對(duì)話框中點(diǎn)取右上角的添加命令按鈕(Add)隨后在出現(xiàn)的打開文件對(duì)話框中打開需要加入的物體文件。即可完成導(dǎo)入操作。將兩物體通過托以旋轉(zhuǎn)，使其位置配合好之后可同時(shí)選中并結(jié)合成組以后便可以當(dāng)成一個(gè)物體操作。另外各物體在制作完成時(shí)一般給它指定材質(zhì)。對(duì)有關(guān)材質(zhì)與貼圖的操作都集中在材質(zhì)編輯器中，可以在工具條中單擊Material Editor按鈕將材質(zhì)編輯器打開，另外也可以直接在鍵盤上按”M”鍵。3DMAX中有一部分自帶的現(xiàn)成材質(zhì)，也可以在材質(zhì)樣本框中修改后用Assign Material to selection可將其指定給所選中的物體。其實(shí)碳調(diào)各部件大都是外表涂了油漆或金屬表面，所以也可以直接在材質(zhì)編輯面板中，通過自行調(diào)整參數(shù)獲得與真實(shí)部件相似的外觀，主要是選擇好材質(zhì)類型，在調(diào)整其反光特性等參數(shù)。
各個(gè)部件基本完成后就要將其做成動(dòng)畫，更清楚的表示出調(diào)壓器的結(jié)構(gòu)和各部件的安裝位置。主要的動(dòng)畫就是旋轉(zhuǎn)和移動(dòng)。
如果要實(shí)現(xiàn)一個(gè)物體的旋轉(zhuǎn)，比如支架和散熱器部分都有轉(zhuǎn)動(dòng)的展示。可以單擊工具欄中選擇并旋轉(zhuǎn)工具(Select and Rotate)將時(shí)間滑塊拖到50幀，打開動(dòng)畫記錄按鈕，在透視圖中以Y軸為中心將物體旋轉(zhuǎn)180度完成了部件轉(zhuǎn)動(dòng)展示的動(dòng)畫。
要是需要讓某個(gè)或某些部件移動(dòng)位置，像散熱器拆解動(dòng)畫，磁鐵拆解動(dòng)畫等就需要為其設(shè)一條路徑，也就是移動(dòng)的路線，選擇型建模工具中的Line命令，在左視圖中創(chuàng)建一條合適的路徑曲線，路徑曲線設(shè)好了再把要移動(dòng)的部件導(dǎo)入，單擊File菜單中的Merge命令，在Merge file對(duì)話框中，可設(shè)置渲染的幀數(shù)段。最后輸出時(shí)一般選Active Time Segment，在Output size中選320*240。在下面的Options中的選項(xiàng)，可以用其默認(rèn)設(shè)置。Reder Output區(qū)中需設(shè)定要保存輸出文件的位置，名稱及格式，這里選AVI文件，在Reder scene對(duì)話框中第二個(gè)卷質(zhì)欄是MAX Default Scanline A-Buffer(MAX缺省線掃描渲染器A緩沖區(qū))這里的設(shè)置也很重要但一般情況下取默認(rèn)設(shè)置也可以輸出較好的效果。
（二）三維文字制作
在小的GIF字體動(dòng)畫及立體文字的制作中，用Ulead公司的Cool3D是很方便的，這個(gè)軟件雖然不大但功能并不少，操作也很簡(jiǎn)單。比如，主頁(yè)的標(biāo)題文字就可以做成一個(gè)GIF動(dòng)畫，在Cool3D中的制作過程如下：
先建立一個(gè)新文件，調(diào)整尺度為384*58像素，再點(diǎn)擊輸入文本按鈕在彈出的對(duì)話框內(nèi)輸入“********”，然后將其選中改為方正行楷字體，可以通過移動(dòng)、旋轉(zhuǎn)、縮放等操作配合添加關(guān)鍵幀來完成動(dòng)畫的制作，當(dāng)然還要增加一些Cool3D提供的光線、紋理、傾斜等效果，使文字更加飽滿圓潤(rùn)，并悅目的紋理和光澤，還可以選擇漂亮的背景。各項(xiàng)工作做完后再按需要調(diào)整動(dòng)畫的幀數(shù)來控制播放時(shí)間的長(zhǎng)短，通過調(diào)整物體（文字）屬性工具蘭中的環(huán)境、光源、表面、反光等各項(xiàng)的亮度、飽和度和色調(diào)來達(dá)到最佳視覺效果。另外在整個(gè)過程中隨時(shí)可以用編輯文本按鈕對(duì)所輸入的文字進(jìn)行修改最后一步就是導(dǎo)出動(dòng)畫（GIF或AVI）文件或?qū)С鯦PEG圖像，并且可以自行確定影像的輸出質(zhì)量，比如外場(chǎng)維護(hù)中的“工作點(diǎn)的調(diào)整”、“外場(chǎng)維護(hù)”兩個(gè)按鈕的制作就是這樣完成的。當(dāng)然，質(zhì)量越高渲染起來就越耗時(shí)，著很大程度上也取決于計(jì)算機(jī)的硬件配置。
在對(duì)一些GIF格式的動(dòng)畫進(jìn)行簡(jiǎn)單的修改以及繪制平面圖是我們選擇了Macromedia公司的Flash4.0中文版，他提供了影片巖石，修改及刪除、添加幀等操作，還可以自行配音，F(xiàn)lash4.0支持很多格式的聲音文件，而且提供了比較齊全的繪圖工具，如鋼筆、鉛筆、吸管、筆刷、墨水瓶等十幾種再配合圖層工具用起來很方便，操作也更加靈活多樣。
（三）圖片、背景的處理
在對(duì)圖片的處理以及按鈕的制作中主要用到了Photoshop5.0CS,如所用到的背景圖片大都在Photoshop5.0中經(jīng)過亮度、對(duì)比度以及色相、飽和度、色彩均衡等的調(diào)整，使之和頁(yè)面色調(diào)相配合，達(dá)到最令人滿意的效果，另外對(duì)一些過大的圖片還要進(jìn)行裁切，調(diào)整大小等操作。例如，對(duì)真實(shí)碳片電壓調(diào)節(jié)器進(jìn)行拍照，掃描得到的通常分辨率高達(dá)3400*4600以上，其文件也有1M甚至3—4M大，而網(wǎng)頁(yè)頁(yè)面默認(rèn)分辨率只有800*600，所以必須對(duì)掃描得到的圖片進(jìn)行縮放，裁切，旋轉(zhuǎn)等處理，使其大小和角度均達(dá)到要求。
像碳調(diào)的調(diào)壓原理中，就有“必要性”、“方法”和“原理”三部分它們是通過三個(gè)按鈕來連接的，又如調(diào)節(jié)誤差中有“準(zhǔn)確性”及“穩(wěn)定性”兩個(gè)按鈕，碳調(diào)結(jié)構(gòu)中有“支架”、“主體”、“配置”三個(gè)按鈕，用作這些按鈕的圖片都是通過Photoshop5.0制作完成的。例如“準(zhǔn)確性”和“穩(wěn)定性”兩個(gè)按鈕，是先選擇了一副木紋的材質(zhì)圖作為底圖，然后叢中剪切280*110像素大小的一部分成一新文件（假設(shè)命名為P1然后選取左側(cè)工具欄中的文字工具，在P1窗口中單擊鼠標(biāo)左鍵，在文字工具對(duì)話框內(nèi)輸入“穩(wěn)定性”，并將大小定為90像素字體采用方正行楷顏色為黑色，其他各項(xiàng)取默認(rèn)設(shè)置。然后為其添加圖層蒙版，對(duì)文字進(jìn)行處理，選取濾鏡菜單中的藝術(shù)效果—壁畫濾鏡工具。可將畫筆大小，細(xì)節(jié)，紋理等參數(shù)定為2，8，1。單擊“好”確認(rèn)操作，再應(yīng)用斜面和浮雕效果，使字體具有一定的立體感。為了使按鈕更有層次感，可以選取背景圖層加入光照效果再合并圖層并導(dǎo)出為JPEG格式的圖片文件，完成操作。而“支架”、“主體”、“配置”按鈕的制作則稍微復(fù)雜些，選取背景后，建立一新通道，再輸入“支架”兩字選中宋黑色字體，然后再?gòu)?fù)制一個(gè)新通道Alpha2，將第一通道載入選區(qū)打開濾鏡菜單中的模糊工具選取“高斯模糊”濾鏡對(duì)話框，設(shè)半徑為5像素，然后再選擇反選再一次使用高斯模糊，設(shè)半徑為8像素，這樣字體不在棱角分明而有一種朦朧感，然后應(yīng)用風(fēng)格化中的“查找邊緣”濾鏡對(duì)文字進(jìn)行描邊處理，再經(jīng)調(diào)整亮度/對(duì)比度后整體再應(yīng)用一次輕度的高斯模糊，然后打開燈光效果對(duì)話框，選擇“Default”類型燈光，適當(dāng)設(shè)置參數(shù)，如強(qiáng)度15，光澤10，材料60，曝光度0，環(huán)繞7，紋理通道選擇復(fù)制的通道Alpha2，再將Alpha1載入選區(qū)調(diào)整色相/飽和度為色相140，飽和度30，亮度25，并選中著色復(fù)選框。最后合并圖層剪切調(diào)整大小即得到我們用來做按鈕的原始圖片。調(diào)壓原理中用到的三個(gè)按鈕制作過程相對(duì)來說比較簡(jiǎn)單，主要是應(yīng)用了圖層蒙版和斜面浮雕效果，具體過程就不再詳述。
上面提到在對(duì)掃描得到的圖片的處理中，需要換成比較美觀的背景，所以較多用到選取操作，選取工具很多，如套索或磁性套索工具，魔棒工具以及自由鋼筆工具。在被選物與背景色差較大時(shí)用魔棒工具是可以得到事半功倍的效果的，不管使用那一種工具再把物體選中后再選擇反選，剪切圖象后把背景復(fù)制為一新圖層調(diào)整其大小至與邊框相配合，然后把物體設(shè)為最上層就完成了制作。
（四）平面圖、文字、聲音和音樂的制作
平面圖、文字、聲音和音樂等幾種媒體形式的制作、錄入、合成以及連接都比較簡(jiǎn)單，不再詳述。
【多媒體教學(xué)網(wǎng)頁(yè)的制作過程】相關(guān)文章：
網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)10-01
制作網(wǎng)頁(yè)教學(xué)設(shè)計(jì)04-20
網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)02-25
網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)07-28
網(wǎng)頁(yè)制作過程中的普遍問題分析論文07-03
網(wǎng)頁(yè)制作基礎(chǔ)教學(xué)論文07-03
網(wǎng)頁(yè)制作教學(xué)計(jì)劃06-08
多媒體課件制作07-20