多媒體教學(xué)網(wǎng)頁的制作過程與技術(shù)

1、多媒體教學(xué)網(wǎng)頁的制作過程與技術(shù)摘要:本文以實(shí)際經(jīng)歷為根據(jù)，比較詳細(xì)地闡述了多媒體教學(xué)網(wǎng)頁的制作過程、技術(shù)要點(diǎn)和本卷須知，包括立題、素材的搜集、多媒體制作和網(wǎng)頁的制作等內(nèi)容。關(guān)鍵詞：多媒體、教學(xué)網(wǎng)頁、制作前言計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的飛速開展，使網(wǎng)絡(luò)逐漸浸透到了人類生活的方方面面。特別是國際互聯(lián)網(wǎng)的日益普及，越來越多的人們投入到網(wǎng)絡(luò)這個無限的空間中去。在教育領(lǐng)域，將網(wǎng)絡(luò)運(yùn)用于教學(xué)，已越來越得到人們的重視。目前，各類多媒體軟件很多。但一般的多媒體軟件動輒兩、三百兆，由于網(wǎng)絡(luò)傳輸速率的限制，這樣的龐然大物根本無法在網(wǎng)上應(yīng)用；況且，就算網(wǎng)絡(luò)速度跟得上，這些并非為網(wǎng)絡(luò)量身定做的軟件，其形式和鏈接關(guān)系也不適宜在網(wǎng)絡(luò)

2、上使用。如何在現(xiàn)有條件下，把網(wǎng)絡(luò)的快捷、方便、可共享等特性應(yīng)用到教學(xué)中去，就成為一個關(guān)鍵而迫切的現(xiàn)實(shí)問題。一個好的方法就是將教學(xué)內(nèi)容制成多媒體網(wǎng)頁教學(xué)網(wǎng)站或網(wǎng)校，使學(xué)習(xí)者可以不受時間和空間的限制自由訪問，并且在直接訪問中理解和學(xué)習(xí)知識。本文以某一小型電源系統(tǒng)的調(diào)壓器為例，對多媒體教學(xué)網(wǎng)頁的制作過程和技術(shù)做一討論。一、前期準(zhǔn)備工作一教學(xué)內(nèi)容的準(zhǔn)備主要是對教學(xué)內(nèi)容進(jìn)展選取，確定各部分內(nèi)容的媒體形式。對字幕表述進(jìn)展推敲，對其它形式定出表現(xiàn)方案，最后還是要形成一個腳本。二圖片素材的搜集1、背景圖的獲得背景圖的來源主要是書報資料和素材庫光盤中的一些圖片，假設(shè)圖片效果不太理想，可以用phtshp進(jìn)展必要的

3、修飾。2、實(shí)物圖片的獲得一般沒有現(xiàn)成的實(shí)物圖片，我們可以找了一個比較完好的實(shí)物，從多個角度進(jìn)展拍攝，分解后，再對各個部件進(jìn)展拍攝。最后，選擇出效果好的圖片，利用掃描儀掃描得到數(shù)字文件，當(dāng)然也可以直接使用數(shù)碼相機(jī)拍攝。必要時，也要用phtshp處理。二、多媒體制作過程一三維動畫制作用3DAX3.0制作三維動畫的過程大致分為三部分，一是制作物體模型，二是設(shè)計(jì)動畫效果，三是渲染與輸出。首先，將調(diào)壓器可分為三個塊：支架包括與散熱器連接的彈簧，散熱器和底板，每塊又可分為假設(shè)干個子物體，如散熱器中就包括有散熱片、碳柱、螺桿、端蓋、鐵心、線圈、彈簧片,單就一個螺桿來說也是分為六邊形桿，螺帽和帶有螺紋的一段圓

4、形桿。三部分一一完成后再連接為一體，在這一制作過程中主要用到了3DAX命令面板中的reate(創(chuàng)立)面板和dify(修改)面板,開始用Standardpriitives(原始幾何對象),像Bx,ne等通過對Paraeters(參數(shù)欄)中的參數(shù)的調(diào)整來完成所建對象的長,寬,高,半徑,變數(shù)(平滑度)等的調(diào)整以完成所要求的根本物體形狀。需要合并兩個分別做出的物體時，先點(diǎn)取文件菜單中的Xrefbjets選項(xiàng)，在彈出的對話框中點(diǎn)取右上角的添加命令按鈕(Add)隨后在出現(xiàn)的翻開文件對話框中翻開需要參加的物體文件。即可完成導(dǎo)入操作。將兩物體通過托以旋轉(zhuǎn)，使其位置配合好之后可同時選中并結(jié)合成組以后便可以當(dāng)成一

5、個物體操作。另外各物體在制作完成時一般給它指定材質(zhì)。對有關(guān)材質(zhì)與貼圖的操作都集中在材質(zhì)編輯器中，可以在工具條中單擊aterialEditr按鈕將材質(zhì)編輯器翻開，另外也可以直接在鍵盤上按鍵。3DAX中有一部分自帶的現(xiàn)成材質(zhì)，也可以在材質(zhì)樣本框中修改后用Assignaterialtseletin可將其指定給所選中的物體。其實(shí)碳調(diào)各部件大都是外表涂了油漆或金屬外表，所以也可以直接在材質(zhì)編輯面板中，通過自行調(diào)整參數(shù)獲得與真實(shí)部件相似的外觀，主要是選擇好材質(zhì)類型，在調(diào)整其反光特性等參數(shù)。各個部件根本完成后就要將其做成動畫，更清楚的表示出調(diào)壓器的構(gòu)造和各部件的安裝位置。主要的動畫就是旋轉(zhuǎn)和挪動。假設(shè)要實(shí)現(xiàn)

6、一個物體的旋轉(zhuǎn)，比方支架和散熱器部分都有轉(zhuǎn)動的展示?？梢詥螕艄ぞ邫谥羞x擇并旋轉(zhuǎn)工具(SeletandRtate)將時間滑塊拖到50幀，翻開動畫記錄按鈕，在透視圖中以Y軸為中心將物體旋轉(zhuǎn)180度完成了部件轉(zhuǎn)動展示的動畫。要是需要讓某個或某些部件挪動位置，像散熱器拆解動畫，磁鐵拆解動畫等就需要為其設(shè)一條途徑，也就是挪動的道路，選擇型建模工具中的Line命令，在左視圖中創(chuàng)立一條適宜的途徑曲線，途徑曲線設(shè)好了再把要挪動的部件導(dǎo)入，單擊File菜單中的erge命令，在ergefile對話框中，可設(shè)置渲染的幀數(shù)段。最后輸出時一般選AtiveTieSegent，在utputsize中選320*240。在下面

7、的ptins中的選項(xiàng)，可以用其默認(rèn)設(shè)置。Rederutput區(qū)中需設(shè)定要保存輸出文件的位置，名稱及格式，這里選AVI文件，在Redersene對話框中第二個卷質(zhì)欄是AXDefaultSanlineA-Buffer(AX缺省線掃描渲染器A緩沖區(qū))這里的設(shè)置也很重要但一般情況下取默認(rèn)設(shè)置也可以輸出較好的效果。二三維文字制作在小的GIF字體動畫及立體文字的制作中，用Ulead公司的l3D是很方便的，這個軟件雖然不大但功能并不少，操作也很簡單。比方，主頁的標(biāo)題文字就可以做成一個GIF動畫，在l3D中的制作過程如下：先建立一個新文件，調(diào)整尺度為384*58像素，再點(diǎn)擊輸入文本按鈕在彈出的對話框內(nèi)輸入“*

8、，然后將其選中改為方正行楷字體，可以通過挪動、旋轉(zhuǎn)、縮放等操作配合添加關(guān)鍵幀來完成動畫的制作，當(dāng)然還要增加一些l3D提供的光線、紋理、傾斜等效果，使文字更加飽滿圓潤，并悅目的紋理和光澤，還可以選擇漂亮的背景。各項(xiàng)工作做完后再按需要調(diào)整動畫的幀數(shù)來控制播放時間的長短，通過調(diào)整物體文字屬性工具蘭中的環(huán)境、光源、外表、反光等各項(xiàng)的亮度、飽和度和色彩來到達(dá)最正確視覺效果。另外在整個過程中隨時可以用編輯文本按鈕對所輸入的文字進(jìn)展修改最后一步就是導(dǎo)出動畫GIF或AVI文件或?qū)С鯦PEG圖像，并且可以自行確定影像的輸出質(zhì)量，比方外場維護(hù)中的“工作點(diǎn)的調(diào)整、“外場維護(hù)兩個按鈕的制作就是這樣完成的。當(dāng)然，質(zhì)量越

9、高渲染起來就越耗時，著很大程度上也取決于計(jì)算機(jī)的硬件配置。在對一些GIF格式的動畫進(jìn)展簡單的修改以及繪制平面圖是我們選擇了aredia公司的Flash4.0中文版，他提供了影片巖石，修改及刪除、添加幀等操作，還可以自行配音，F(xiàn)lash4.0支持很多格式的聲音文件，而且提供了比較齊全的繪圖工具，如鋼筆、鉛筆、吸管、筆刷、墨水瓶等十幾種再配合圖層工具用起來很方便，操作也更加靈敏多樣。三圖片、背景的處理在對圖片的處理以及按鈕的制作中主要用到了Phtshp5.0S,如所用到的背景圖片大都在Phtshp5.0中經(jīng)過亮度、比照度以及色相、飽和度、色彩平衡等的調(diào)整，使之和頁面色彩相配合，到達(dá)最令人滿意的效果

10、，另外對一些過大的圖片還要進(jìn)展裁切，調(diào)整大小等操作。例如，對真實(shí)碳片電壓調(diào)節(jié)器進(jìn)展拍照，掃描得到的通常分辨率高達(dá)3400*4600以上，其文件也有1甚至34大，而網(wǎng)頁頁面默認(rèn)分辨率只有800*600，所以必須對掃描得到的圖片進(jìn)展縮放，裁切，旋轉(zhuǎn)等處理，使其大小和角度均到達(dá)要求。像碳調(diào)的調(diào)壓原理中，就有“必要性、“方法和“原理三部分它們是通過三個按鈕來連接的，又如調(diào)節(jié)誤差中有“準(zhǔn)確性及“穩(wěn)定性兩個按鈕，碳調(diào)構(gòu)造中有“支架、“主體、“配置三個按鈕，用作這些按鈕的圖片都是通過Phtshp5.0制作完成的。例如“準(zhǔn)確性和“穩(wěn)定性兩個按鈕，是先選擇了一副木紋的材質(zhì)圖作為底圖，然后叢中剪切280*110像

11、素大小的一部分成一新文件假設(shè)命名為P1然后選取左側(cè)工具欄中的文字工具，在P1窗口中單擊鼠標(biāo)左鍵，在文字工具對話框內(nèi)輸入“穩(wěn)定性，并將大小定為90像素字體采用方正行楷顏色為黑色，其他各項(xiàng)取默認(rèn)設(shè)置。然后為其添加圖層蒙版，對文字進(jìn)展處理，選取濾鏡菜單中的藝術(shù)效果壁畫濾鏡工具。可將畫筆大小，細(xì)節(jié)，紋理等參數(shù)定為2，8，1。單擊“好確認(rèn)操作，再應(yīng)用斜面和浮雕效果，使字體具有一定的立體感。為了使按鈕更有層次感，可以選取背景圖層參加光照效果再合并圖層并導(dǎo)出為JPEG格式的圖片文件，完成操作。而“支架、“主體、“配置按鈕的制作那么略微復(fù)雜些，選取背景后，建立一新通道，再輸入“支架兩字選中宋黑色字體，然后再復(fù)

12、制一個新通道Alpha2，將第一通道載入選區(qū)翻開濾鏡菜單中的模糊工具選勸高斯模糊濾鏡對話框，設(shè)半徑為5像素，然后再選擇反選再一次使用高斯模糊，設(shè)半徑為8像素，這樣字體不在棱角清楚而有一種朦朧感，然后應(yīng)用風(fēng)格化中的“查找邊緣濾鏡對文字進(jìn)展描邊處理，再經(jīng)調(diào)整亮度/比照度后整體再應(yīng)用一次輕度的高斯模糊，然后翻開燈光效果對話框，選擇“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)整大小即得到我們用來做按鈕的原始圖片

13、。調(diào)壓原理中用到的三個按鈕制作過程相對來說比較簡單，主要是應(yīng)用了圖層蒙版和斜面浮雕效果，詳細(xì)過程就不再詳述。上面提到在對掃描得到的圖片的處理中，需要換成比較美觀的背景，所以較多用到選取操作，選取工具很多，如套索或磁性套索工具，魔棒工具以及自由鋼筆工具。在被選物與背風(fēng)光差較大時用魔棒工具是可以得到事半功倍的效果的，不管使用那一種工具再把物體選中后再選擇反選，剪切圖象后把背景復(fù)制為一新圖層調(diào)整其大小至與邊框相配合，然后把物體設(shè)為最上層就完成了制作。四平面圖、文字、聲音和音樂的制作平面圖、文字、聲音和音樂等幾種媒體形式的制作、錄入、合成以及連接都比較簡單，不再詳述。三、網(wǎng)頁的制作一FrntPage2

14、000簡介隨著國際互聯(lián)網(wǎng)的日益普及，各種各樣的網(wǎng)頁設(shè)計(jì)工具應(yīng)運(yùn)而生。在各類網(wǎng)頁工具，微軟的frntpage2000是少數(shù)真正“所見即所得的網(wǎng)頁工具，很適宜初學(xué)者使用。進(jìn)入frntpage2000的操作環(huán)境，可以看到程序的界面大致可以分為以下幾個部分：*菜單欄*工具條*視圖條*工作區(qū)*狀態(tài)欄1、主頁的制作對frntpage2000有了一定的理解后，下面，通過主頁為例，介紹一下網(wǎng)頁的制作過程。首先，創(chuàng)立一個新網(wǎng)站。進(jìn)入frntpage2000開發(fā)環(huán)境后，選擇“文件菜單中的“新建菜單項(xiàng)，再選擇子菜單項(xiàng)中的“站點(diǎn)菜單項(xiàng)。在隨后彈出的“新建對話框中，可以看到一個“站點(diǎn)標(biāo)簽頁，其中顯示了frntpage缺

15、省的5中模板和3種向?qū)?，點(diǎn)擊右邊的兩個圖表可以切換列表顯示和大圖表顯示，組合下拉框中可以輸入途徑確定新站點(diǎn)的存放位置。選擇最簡單的空模板，里面什么也沒有，便于我們以后白手起家，建立自己獨(dú)特的風(fēng)格，然后單擊“確定即可完成一個空站點(diǎn)的建立。如圖然后，建立網(wǎng)站的導(dǎo)航構(gòu)造。要想使網(wǎng)站方便訪問者閱讀，網(wǎng)頁與網(wǎng)頁之間就必須有合理的構(gòu)造、導(dǎo)航蘭和恰當(dāng)位置的超鏈。最好的方法是建立完好的導(dǎo)航構(gòu)造。轉(zhuǎn)貼于論文聯(lián)盟.ll.進(jìn)入導(dǎo)航視圖，系統(tǒng)將當(dāng)前頁默認(rèn)為“主頁，選中主頁，單擊新建圖標(biāo)就可以建立相應(yīng)的主頁的下一層網(wǎng)頁如圖以此類推，便可以快捷的建立一個完好、直觀的網(wǎng)站構(gòu)造，構(gòu)造建立后，在頁面上插入導(dǎo)航條時，frntpa

16、ge會自動參加正確的鏈接，相當(dāng)方便。最后，建立主頁。、添加背景返回頁面視圖，在工作區(qū)右擊，在彈出的菜單條中選中“網(wǎng)頁屬性，在彈出的對話框中點(diǎn)擊“背景標(biāo)簽頁，在“背景圖片和“水穎前打上鉤，在閱讀框輸入背景圖片的途徑，單擊確定即可。如圖、設(shè)立共享邊框在工作區(qū)右擊，在彈出的菜單條中選中“共享邊框，在如以下圖的對話框中選中“所有網(wǎng)頁“上T“包含導(dǎo)航按鈕，單擊確定。這樣共享邊框就設(shè)好了，設(shè)共享邊框的目的，是為了讓所有的頁面中都能顯示這部分內(nèi)容，使網(wǎng)頁有一個一樣的主題，同時減少重復(fù)工作。、創(chuàng)立表格為了可以方便的實(shí)現(xiàn)圖文混排，使網(wǎng)頁更生動活潑，到達(dá)料想的效果，就必須使用好表格，單擊“查看/工具欄/表格擊翻開

17、了表格工具欄，選中“圖標(biāo)，即能進(jìn)展手動制表，表格建立后，還可以編輯表格的屬性，根據(jù)需要決定表格的邊框粗細(xì)、單元格的間距甚至表格的背景等。如圖、導(dǎo)入圖片在共享邊框里導(dǎo)入準(zhǔn)備好的標(biāo)頭，以及主頁的名稱“炭調(diào)之核心地帶,再選中“炭調(diào)之核心地帶，單擊圖片工具欄中的圖標(biāo)，把“炭調(diào)之核心地帶移到表頭上面,主頁的橫幅就算大功告成了，由于前面設(shè)立了共享邊框，所以，在主頁以外的其他頁面上，也都能看到這個漂亮的橫幅了。用同樣的方法，把所需的圖片分別導(dǎo)入，然后稍加編輯即可。(如上圖)、導(dǎo)入文字在frntpage2000里編輯文字和rd完全一樣，所以，只要使用過rd的人，都能在熟悉的環(huán)境里編輯文檔。當(dāng)然，也可以先在別的

18、文檔編輯器里編輯好后，直接導(dǎo)入。、字幕為使網(wǎng)頁更顯生動，我們在適當(dāng)位置插入了一行活動的歡迎信息。單級“插入/組件/字幕再如以下圖的對話框中，輸入想要顯示的文字，選擇顯示速度、顯示方式，選擇字體、顏色等屬性。在主頁最下面的作者信息也采用了字幕效果。如上圖、超聯(lián)及導(dǎo)航條如今，主頁的主體部分已經(jīng)根本上制作完成了，還剩下最后一項(xiàng)工作，建立超鏈。只有建立超鏈，主頁才能鏈接到其他的頁面上去，沒有超鏈的主頁不能算真正的網(wǎng)頁。單級“插入/超鏈接再如以下圖的對話框種選擇所要鏈接的目的，單擊確定即可。導(dǎo)航條其實(shí)是一系列超鏈的集合，通常導(dǎo)航條包含了主要頁面的超鏈，顯示在每個頁面上以方便訪問者閱讀。為了把導(dǎo)航條顯示在每個頁