在網(wǎng)頁(yè)素材準(zhǔn)備及制作中提升學(xué)生信息素養(yǎng)

□胡慶蓮

(山西廣播電視大學(xué)，山西 太原 030027)

網(wǎng)頁(yè)是由不同的媒體素材組成的，這些媒體素材也稱為網(wǎng)頁(yè)元素，主要包括文本、圖形、圖像、動(dòng)畫(huà)、聲音和視頻等，它們能承載、傳遞信息和情感，這些網(wǎng)頁(yè)元素就是我們通常說(shuō)的網(wǎng)頁(yè)素材。

一、網(wǎng)頁(yè)素材的準(zhǔn)備及制作

網(wǎng)頁(yè)素材要根據(jù)網(wǎng)頁(yè)欄目，內(nèi)容設(shè)計(jì)，鏈接結(jié)構(gòu)設(shè)計(jì)，首頁(yè)布局結(jié)構(gòu)及導(dǎo)航頁(yè)面結(jié)構(gòu)進(jìn)行準(zhǔn)備。網(wǎng)頁(yè)素材準(zhǔn)備工作包括素材的獲取、加工與管理，如果找不到合適的素材，則要自己采集、制作。學(xué)生要能夠判斷網(wǎng)頁(yè)需要什么樣的素材，懂得如何去獲取這些素材，對(duì)搜集到的素材能夠做出正確評(píng)價(jià)和有效利用，為此，學(xué)生必須具備一定的信息素養(yǎng)，最終才能夠制作出內(nèi)容豐富、創(chuàng)意新穎、設(shè)計(jì)獨(dú)特的網(wǎng)頁(yè)來(lái)。

(一)文本素材的準(zhǔn)備及制作。在各種媒體素材中文字素材是最基本的素材，文本一直是人類(lèi)最重要的信息載體和交流工具，用文本表達(dá)信息，可以給人以充分的想象空間。網(wǎng)頁(yè)中的信息也以文本為主，主要用于對(duì)知識(shí)的描述性表示，如：闡述概念、定義、原理和問(wèn)題以及顯示標(biāo)題、菜單等內(nèi)容。

文本素材有兩種表現(xiàn)形式，即文本文字與圖像文字。

對(duì)于文本文字素材通常可以通過(guò)以下方式獲取：①?gòu)腎nternet下載；②從鍵盤(pán)直接輸入；③通過(guò)掃描儀輸入；④利用手寫(xiě)板輸入；⑤利用語(yǔ)音識(shí)別輸入等。

Windows系統(tǒng)下的文本文件種類(lèi)較多，例如：純文本文件格式(*.txt)，Word文件格式(*.doc)，Rich Text Format文件格式(*.rtf)等，文本文字素材要先做成文本文件格式保存以備使用。網(wǎng)頁(yè)中的文本應(yīng)根據(jù)實(shí)際需要，靈活編排文字版式；分步呈現(xiàn)文字信息；巧妙設(shè)置文字屬性；處理好文字素材與背景的關(guān)系；可以得到絢麗多彩的網(wǎng)頁(yè)頁(yè)面。

圖像文字是以圖像的形式呈現(xiàn)的，可以用圖像文件格式保存下來(lái)。制作圖像文字的軟件很多，在Adobe Photoshop、Autodesk 3ds Max中，可以制作藝術(shù)效果文字，在Ulead COOL 3D中，可以制作各種靜態(tài)或動(dòng)態(tài)的，例如：立體、扭曲、變換、色彩、材質(zhì)、光影、運(yùn)動(dòng)等特效文字。

(二)圖形、圖像素材的準(zhǔn)備及制作。圖形、圖像是網(wǎng)頁(yè)中最重要的組成部分，是人們非常樂(lè)于接受的重要信息載體。圖形、圖像在網(wǎng)頁(yè)中可以直觀、生動(dòng)、形象地表現(xiàn)主題，提供信息，美化網(wǎng)頁(yè)，同時(shí)又可以表達(dá)創(chuàng)作者個(gè)人情調(diào)和風(fēng)格，還可起到吸引瀏覽者注意力的作用，具有其它媒體無(wú)法比擬的優(yōu)點(diǎn)。

在計(jì)算機(jī)領(lǐng)域，將數(shù)字圖像分為圖形和圖像兩種類(lèi)型。在網(wǎng)頁(yè)制作中，大量使用的是圖像。圖形又稱矢量圖，是通過(guò)數(shù)學(xué)公式計(jì)算獲得的。矢量圖的優(yōu)點(diǎn)是對(duì)圖形進(jìn)行放大、縮小或旋轉(zhuǎn)等都不會(huì)失真，且占用存儲(chǔ)空間較小；缺點(diǎn)是制作出的圖形色彩顯示比較單調(diào)，看上去比較生硬，不夠柔和、逼真。矢量圖常用于圖案、標(biāo)志、VI、文字等設(shè)計(jì)，常用的矢量繪圖軟件有Adobe Illustrator，Corel DRAW等。

圖像又稱位圖，是由稱為像素的許許多多的小方塊組成。位圖的優(yōu)點(diǎn)是色彩顯示自然、柔和、逼真，能夠表現(xiàn)出對(duì)象的細(xì)節(jié)和質(zhì)感；缺點(diǎn)是圖像在放大、縮小過(guò)程中會(huì)產(chǎn)生失真現(xiàn)象，圖像文件占用存儲(chǔ)空間較大。圖像常用于表現(xiàn)具有非常細(xì)膩、層次清晰、色彩豐富的自然景色、人物等。

大家公認(rèn)的功能最強(qiáng)大的圖像處理軟件是Adobe Photoshop，它既能處理已有的圖像，也可以創(chuàng)建圖像，它在網(wǎng)頁(yè)圖像素材的制作、加工中起著不可或缺的作用。

圖像素材可以從多種渠道獲得：①圖像處理軟件；②掃描儀采集；③數(shù)碼相機(jī)拍攝；④通過(guò)屏幕抓圖軟件獲得；⑤使用豪杰超級(jí)解霸從VCD、DVD畫(huà)面中截取圖像；⑥從Internet下載等。

圖像素材的獲取方法不同，得到的圖像文件格式也不相同，常見(jiàn)圖像文件格式有：BMP、JPEG(JPG)、GIF、PNG、TIF、PSD等，在網(wǎng)頁(yè)制作中，我們可以使用JPEG、GIF、PNG三種圖像格式。

(三)聲音素材的準(zhǔn)備及制作。聲音是多媒體網(wǎng)頁(yè)的一個(gè)重要組成部分。在計(jì)算機(jī)領(lǐng)域，聲音通常被稱為聲波或音頻。在網(wǎng)頁(yè)中運(yùn)用聲音能起到文本、圖形、圖像、動(dòng)畫(huà)等媒體形式無(wú)法替代的作用，它能調(diào)節(jié)瀏覽者的情緒，引起瀏覽者的注意等，當(dāng)然，聲音作為一種信息載體，其更主要的作用是直接、清晰地表達(dá)語(yǔ)意。聲音素材的采集和制作可以有以下幾種方式：①?gòu)腎nternet下載；②麥克風(fēng)錄制；③從多媒體素材庫(kù)光盤(pán)中獲取；④使用豪杰超級(jí)解霸軟件抓取CD、VCD光盤(pán)中的聲音；⑤通過(guò)計(jì)算機(jī)聲卡的MIDI接口采集或創(chuàng)作MIDI文件。⑥通過(guò)雙頭音頻線把磁帶上的聲音錄制到硬盤(pán)中來(lái)；⑦通過(guò)Windows來(lái)捕捉程序中的聲音等。不論是自己錄制的聲音還是通過(guò)其他渠道獲取的聲音，一般都需要經(jīng)過(guò)一定的處理才能夠使用。Windows自帶的“錄音機(jī)”小巧易用，可以對(duì)音頻文件進(jìn)行截取、合成等操作，但其功能十分有限；有不少專門(mén)用于聲音編輯的軟件，例如：Cool Edit Pro、Sound Forge、Wave Edit、Gold Wave等聲音編輯器，對(duì)聲音的錄制及編輯功能都很強(qiáng)大，都有友好直觀的操作界面，只是在處理的細(xì)節(jié)上各有特點(diǎn)，因此，只要掌握了其中一種便可以觸類(lèi)旁通。目前，支持網(wǎng)絡(luò)的聲音文件格式很多，常用的文件格式有MIDI、WAV、MP3和AIF等。

(四)視頻素材的準(zhǔn)備及制作。視頻是多媒體網(wǎng)頁(yè)的成員之一，在網(wǎng)頁(yè)中占有非常重要的地位。它是由文本、圖像、聲音、動(dòng)畫(huà)中的一種或多種組合而成的一種活動(dòng)畫(huà)面，具有聲音與畫(huà)面同步、表現(xiàn)力強(qiáng)的特點(diǎn)，能大大提高網(wǎng)頁(yè)內(nèi)容的直觀性和形象性。視頻素材的采集方法很多，最常見(jiàn)的方法有：①?gòu)腎nternet下載；②使用視頻捕捉卡采集錄像帶上的素材；③使用豪杰超級(jí)解霸等軟件截取VCD、DVD上的視頻素材；④利用屏幕抓取軟件，如SnagIt、HyperCam等來(lái)記錄屏幕的動(dòng)態(tài)顯示及鼠標(biāo)操作，以獲得視頻素材。

支持網(wǎng)絡(luò)視頻的文件格式有WMV、ASF、RM、MOV等。使用Adobe Premiere、超級(jí)解霸、會(huì)聲會(huì)影等軟件，可以對(duì)視頻文件進(jìn)行合成與編輯。

(五)動(dòng)畫(huà)素材的準(zhǔn)備及制作。動(dòng)畫(huà)是由一系列內(nèi)容連續(xù)且互不相同的畫(huà)面組成，按照一定的時(shí)間間隔顯示，利用人類(lèi)眼睛的“視覺(jué)暫留”效應(yīng)，產(chǎn)生連續(xù)運(yùn)動(dòng)的效果。動(dòng)畫(huà)以其生動(dòng)、形象、直觀等突出特點(diǎn)，為網(wǎng)頁(yè)制作增添了無(wú)窮的活力，使制作的網(wǎng)頁(yè)更加富有個(gè)性特色和感染力。

獲取動(dòng)畫(huà)素材的途徑一般有：①動(dòng)畫(huà)制作軟件；②從Internet下載。

網(wǎng)絡(luò)中常用動(dòng)畫(huà)文件格式有GIF和SWF。GIF文件格式使用動(dòng)畫(huà)制作軟件Image Ready、Animagic GIF等制作，并且在網(wǎng)絡(luò)上有較為豐富的資源；SWF文件格式使用Macromedia Flash軟件制作，制作出的SWF動(dòng)畫(huà)文件，可以嵌入到HTML文件里，也可以單獨(dú)成頁(yè)，F(xiàn)lash動(dòng)畫(huà)還有一大特點(diǎn)是其中的文字、圖像都能跟隨鼠標(biāo)的移動(dòng)而變化，制作出交互性很強(qiáng)的動(dòng)畫(huà)文件，如今已被大量應(yīng)用于Web網(wǎng)頁(yè)進(jìn)行多媒體演示與交互性設(shè)計(jì)，已經(jīng)成為網(wǎng)上動(dòng)畫(huà)的事實(shí)標(biāo)準(zhǔn)。

綜上所述，網(wǎng)頁(yè)素材的準(zhǔn)備及制作將涉及到《計(jì)算機(jī)應(yīng)用基礎(chǔ)》、《Phtoshop圖像處理》、《Flash動(dòng)畫(huà)設(shè)計(jì)》、《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)》等多門(mén)課程的知識(shí)，還有許多知識(shí)是在課程學(xué)習(xí)中沒(méi)有涉及到的，可見(jiàn)，在網(wǎng)頁(yè)素材的準(zhǔn)備及制作中，能夠充分展現(xiàn)出學(xué)生信息素養(yǎng)的綜合能力。

二、學(xué)生信息素養(yǎng)的培養(yǎng)和提升

目前，我國(guó)學(xué)者普遍認(rèn)同信息素養(yǎng)包含四個(gè)方面：信息常識(shí)、信息能力、信息道德和信息意識(shí)。信息常識(shí)，即計(jì)算機(jī)和網(wǎng)絡(luò)基本操作的能力。信息能力，即以各種形式發(fā)現(xiàn)、評(píng)價(jià)、利用和交流信息的能力。信息道德，即有關(guān)信息技術(shù)使用所產(chǎn)生的經(jīng)濟(jì)、法律和社會(huì)問(wèn)題，并能在獲取和使用信息中遵守公德和法律。信息意識(shí)，即信息的思維能力。信息素養(yǎng)能力的形成是從低級(jí)層次能力到高級(jí)層次能力逐步發(fā)展的過(guò)程，即是一個(gè)從信息常識(shí)、信息能力到信息意識(shí)，與此同時(shí)始終伴隨著信息道德的過(guò)程。

下面就針對(duì)網(wǎng)頁(yè)素材準(zhǔn)備及制作的教學(xué)過(guò)程，談?wù)勅绾闻囵B(yǎng)和提升學(xué)生的信息素養(yǎng)能力。

(一)信息道德的培養(yǎng)和提升。在網(wǎng)頁(yè)素材準(zhǔn)備階段，需要在網(wǎng)絡(luò)上搜索大量的文本、圖像、動(dòng)畫(huà)、聲音、視頻等多種媒體素材。在教學(xué)過(guò)程中，通過(guò)講授教學(xué)法闡述具體案例，通過(guò)問(wèn)題教學(xué)法向?qū)W生提出質(zhì)疑，例如，你在網(wǎng)絡(luò)上發(fā)布、傳播信息時(shí)，是否考慮這些信息可能會(huì)對(duì)社會(huì)和他人造成哪些不利影響？你在網(wǎng)絡(luò)上獲取信息時(shí)，是采用合法的手段嗎？你在使用他人創(chuàng)作的信息時(shí)，標(biāo)明出處了嗎？通過(guò)創(chuàng)設(shè)問(wèn)題引導(dǎo)學(xué)生深入思考，并清楚地意識(shí)到使用信息，發(fā)布、傳播信息過(guò)程中可能會(huì)涉及法律，道德問(wèn)題，要求學(xué)生要非常負(fù)責(zé)地使用信息，發(fā)布、傳播信息。

(二)信息常識(shí)的培養(yǎng)和提升。學(xué)生的信息常識(shí)其實(shí)從接觸計(jì)算機(jī)和網(wǎng)絡(luò)的時(shí)候就開(kāi)始了，一般經(jīng)歷了小學(xué)、中學(xué)、大學(xué)階段的整個(gè)過(guò)程，在相關(guān)《信息技術(shù)》、《計(jì)算機(jī)應(yīng)用基礎(chǔ)》等課程的學(xué)習(xí)中已具備一定的信息常識(shí)。例如，掌握計(jì)算機(jī)和網(wǎng)絡(luò)的基本操作，理解計(jì)算機(jī)和網(wǎng)絡(luò)的基本概念，掌握電子郵件的基本操作，掌握常用下載工具的使用，掌握即時(shí)通信軟件工具的使用等等。在網(wǎng)頁(yè)素材準(zhǔn)備及制作的教學(xué)中，通過(guò)實(shí)踐教學(xué)法、探究教學(xué)法，使學(xué)生的信息常識(shí)在原有的基礎(chǔ)上得到進(jìn)一步的深化、提高。例如，在理解和掌握文字識(shí)別技術(shù)OCR的教學(xué)中，通過(guò)“實(shí)踐活動(dòng)：將PFD格式的文本轉(zhuǎn)換為DOC格式”，讓學(xué)生充分發(fā)揮自己已有的信息常識(shí)去探究解決問(wèn)題的方法；學(xué)生可能會(huì)尋找到解決問(wèn)題的不同方法，并讓學(xué)生之間相互交流，比較各種方法之間的差異。培養(yǎng)和提高了學(xué)生對(duì)不同軟件工具的使用和評(píng)價(jià)能力。再如，在截取屏幕圖像、截取視頻的教學(xué)中，通過(guò)完成“實(shí)踐活動(dòng)：Printscreen鍵的使用”、“實(shí)踐活動(dòng)：利用Snagit進(jìn)行屏幕錄象”，“實(shí)踐活動(dòng)：利用豪杰超級(jí)解霸從VCD、DVD中截取視頻素材”，培養(yǎng)和提高了學(xué)生判斷所需素材的種類(lèi)及性質(zhì)，從而能有效、高效地獲取所需信息的能力。

(三)信息能力、信息意識(shí)的培養(yǎng)和提升。學(xué)生信息能力、信息意識(shí)的形成需要融入到日常的教學(xué)活動(dòng)之中，真正的形成還依賴于學(xué)生在日常學(xué)習(xí)活動(dòng)中對(duì)各種信息手段的不斷使用。學(xué)生越是信息意識(shí)強(qiáng)，不斷的發(fā)展自身的信息能力，他們所具有的信息素養(yǎng)就會(huì)越高。

在網(wǎng)頁(yè)素材的搜集、制作、加工的準(zhǔn)備過(guò)程中，不同學(xué)生所具有信息能力的高低相差很大。例如，信息能力差的學(xué)生不能處理他們所面對(duì)的大量信息，容易忽視有用的信息而去關(guān)注一些不準(zhǔn)確或品質(zhì)差的信息，導(dǎo)致不能順利獲取所需素材；還有的學(xué)生在搜集到素材后，面對(duì)需要加工、整理的素材不知所措；還有的學(xué)生不懂得創(chuàng)作素材的必要性等等，但是不論學(xué)生原有信息能力的程度如何，總是存在著很大的提升空間。這些問(wèn)題的解決正是我們培養(yǎng)學(xué)生信息能力和信息意識(shí)的關(guān)鍵所在，也是培養(yǎng)開(kāi)放教育學(xué)生自主學(xué)習(xí)能力的關(guān)鍵所在。

在網(wǎng)頁(yè)素材準(zhǔn)備及制作的教學(xué)過(guò)程中，采用“任務(wù)驅(qū)動(dòng)”教學(xué)法來(lái)培養(yǎng)學(xué)生的信息能力和信息意識(shí)。“任務(wù)驅(qū)動(dòng)”從學(xué)習(xí)者的角度看是一種學(xué)習(xí)方法，特別適用于學(xué)習(xí)操作類(lèi)知識(shí)和技能，尤其適用于學(xué)習(xí)信息技術(shù)應(yīng)用方面的知識(shí)和技能。“任務(wù)驅(qū)動(dòng)”圍繞創(chuàng)設(shè)的真實(shí)情景展開(kāi)教學(xué)，使學(xué)習(xí)目標(biāo)十分明確，激發(fā)起學(xué)生的學(xué)習(xí)動(dòng)機(jī)，教與學(xué)產(chǎn)生互動(dòng)，學(xué)生真正成為學(xué)習(xí)的主體，使學(xué)生在對(duì)自己感興趣的事物的探究中真正學(xué)到知識(shí)。

在網(wǎng)頁(yè)素材的準(zhǔn)備過(guò)程中離不開(kāi)信息的搜索。在搜索網(wǎng)頁(yè)素材的教學(xué)過(guò)程中，學(xué)生在確定網(wǎng)頁(yè)主題的前提下，完成“任務(wù)項(xiàng)目：搜索與網(wǎng)頁(yè)主題相關(guān)的文本、圖片、聲音、視頻、動(dòng)畫(huà)等媒體素材”。在完成該項(xiàng)任務(wù)的過(guò)程中，由于每個(gè)學(xué)生搜索的主題不一樣，搜索到的內(nèi)容不一樣，最后得到的素材不盡相同；即使有些學(xué)生的網(wǎng)頁(yè)主題一樣，搜索到的內(nèi)容一樣，但由于每個(gè)學(xué)生原有知識(shí)體系以及認(rèn)知結(jié)構(gòu)的不同，最后得到的素材也不盡相同；這個(gè)過(guò)程反映出學(xué)生評(píng)價(jià)信息、遴選信息能力的不同。選擇是搜索的繼續(xù)，學(xué)生會(huì)根據(jù)自身的興趣和需要，在大量信息或知識(shí)中挑選出對(duì)自己有用的東西，這個(gè)過(guò)程主要依賴于學(xué)生個(gè)人的洞察力。在完成搜索各類(lèi)素材任務(wù)的過(guò)程中，培養(yǎng)和提高了學(xué)生對(duì)信息搜索、評(píng)價(jià)、利用的信息能力。

在使用Photoshop軟件編輯和制作圖像素材的教學(xué)中，精心設(shè)計(jì)了一系列的課程任務(wù)，包括：任務(wù)項(xiàng)目1：調(diào)整圖像文件大小；任務(wù)項(xiàng)目2：改變圖標(biāo)背景；任務(wù)項(xiàng)目3：調(diào)整圖像色彩色調(diào)；任務(wù)項(xiàng)目4：合成圖像；任務(wù)項(xiàng)目5：修復(fù)圖像；任務(wù)項(xiàng)目6：制作Logo圖標(biāo)； 任務(wù)項(xiàng)目7：制作特效按鈕；任務(wù)項(xiàng)目8：制作透明背景圖片；任務(wù)項(xiàng)目9：制作網(wǎng)頁(yè)頂部圖片；任務(wù)項(xiàng)目10：制作網(wǎng)頁(yè)底紋圖片；任務(wù)項(xiàng)目11：制作GIF動(dòng)畫(huà)；任務(wù)項(xiàng)目12：網(wǎng)頁(yè)圖片切片等等，并為學(xué)生提供相應(yīng)的素材資源。學(xué)生按照任務(wù)的要求，利用提供的素材，在Photoshop軟件中編輯處理達(dá)到需要的效果。學(xué)生在完成這一系列的課程任務(wù)后，就可以熟練掌握在Photoshop中編輯和制作圖像素材的基本操作技能，培養(yǎng)和提高了學(xué)生對(duì)Photoshop軟件的應(yīng)用及評(píng)價(jià)的能力，

教學(xué)實(shí)踐證明，學(xué)生在完成具體任務(wù)的過(guò)程中始終處于主體地位，教師的角色是學(xué)習(xí)情景的創(chuàng)設(shè)者、學(xué)習(xí)任務(wù)的設(shè)計(jì)者、學(xué)習(xí)資源的提供者、學(xué)習(xí)活動(dòng)的組織者和學(xué)習(xí)方法的指導(dǎo)者，在“任務(wù)驅(qū)動(dòng)”教學(xué)過(guò)程中，培養(yǎng)和提高了學(xué)生的信息能力和信息意識(shí)。

總之，在網(wǎng)頁(yè)素材準(zhǔn)備及制作的教學(xué)實(shí)踐中，深刻體會(huì)到對(duì)于具體知識(shí)的講授已經(jīng)不是最重要的事情，因?yàn)閷W(xué)生獲得知識(shí)的途徑很多，教師應(yīng)該把教學(xué)重點(diǎn)放在以下幾個(gè)方面：①教會(huì)學(xué)生如何搜索；②教會(huì)學(xué)生如何選擇；③教會(huì)學(xué)生如何思考；④教會(huì)學(xué)生如何交流；⑤教會(huì)學(xué)生如何創(chuàng)作。從而使學(xué)生的信息素養(yǎng)得到全面提升。

參考文獻(xiàn)：

[1]張瑾，任友群.知易行難：信息素養(yǎng)視角下的高校教育信息化[J].遠(yuǎn)程教育雜志，2011，(1).

[2]王竹立.新建構(gòu)主義：網(wǎng)絡(luò)時(shí)代的學(xué)習(xí)理論[J].遠(yuǎn)程教育雜志，2011，(2).

[3]王帆.基于“信息處理”的媒介素養(yǎng)本體建構(gòu)[J].開(kāi)放教育研究，2010，(6)

[4]劉宇.應(yīng)用Photoshop進(jìn)行網(wǎng)頁(yè)制作[J].林區(qū)教學(xué)，2009，(3).

[5]章正喜.多媒體素材的獲取與處理[EB/oL].http://www.xsez.net.cn/jyjs/dmt.htm.