時(shí)間：2022-05-07 08:58:24
導(dǎo)語：在網(wǎng)頁(yè)論文的撰寫旅程中，學(xué)習(xí)并吸收他人佳作的精髓是一條寶貴的路徑，好期刊匯集了一篇優(yōu)秀范文，愿這些內(nèi)容能夠啟發(fā)您的創(chuàng)作靈感，引領(lǐng)您探索更多的創(chuàng)作可能。
一、設(shè)計(jì)必須符合媒介特性
在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，我們必須考慮網(wǎng)頁(yè)服務(wù)器的處理能力、網(wǎng)絡(luò)傳輸?shù)膸挘约坝脩魹g覽網(wǎng)頁(yè)的終端處理能力、顯示媒介的尺寸大小、分辨率高低等要素。服務(wù)器的處理能力、網(wǎng)絡(luò)帶寬、終端處理能力都會(huì)影響網(wǎng)頁(yè)傳輸?shù)乃俣龋@示媒介的尺寸大小和分辨率則會(huì)影響網(wǎng)頁(yè)呈現(xiàn)的形態(tài)。在考慮頁(yè)面的內(nèi)容和顯示質(zhì)量時(shí)，我們必須要理性思考頁(yè)面的數(shù)據(jù)量，綜合分析影響頁(yè)面?zhèn)鬏斔俣鹊母鱾€(gè)因素，權(quán)衡內(nèi)容、質(zhì)量與瀏覽者等待時(shí)間的平衡。內(nèi)容多、質(zhì)量高，傳達(dá)的信息量大，視覺效果好，但可能造成頁(yè)面數(shù)據(jù)量大，瀏覽者等待的時(shí)間長(zhǎng)。Websense調(diào)查公司稱：多達(dá)70%的上網(wǎng)者表示不愿意在頁(yè)面讀取上超過10秒鐘，也就是說在瀏覽者點(diǎn)擊鏈接之后，如果頁(yè)面在10秒鐘內(nèi)還沒有呈現(xiàn)出來，用戶會(huì)放棄訪問，即使網(wǎng)頁(yè)有再好的內(nèi)容和質(zhì)量也達(dá)不到傳達(dá)信息的目的，這就失去了設(shè)計(jì)的根本目的。從心理學(xué)的角度上看，瀏覽者在等待過程中，會(huì)逐漸增加煩躁和不安，失去耐心，況且網(wǎng)絡(luò)上有太多的選擇，更加劇了他們放棄的決心。設(shè)計(jì)網(wǎng)頁(yè)的幅面時(shí)，我們不能像紙質(zhì)媒介那樣以長(zhǎng)度單位來計(jì)量，而是以數(shù)字媒介的基本單位像素來計(jì)量，而一個(gè)像素在視覺上到底有多大又取決于顯示媒介的尺寸大小和分辨率，所以網(wǎng)頁(yè)在視覺上的大小在瀏覽者那里可能大不相同，因?yàn)樗麄優(yōu)g覽網(wǎng)頁(yè)時(shí)采用的顯示媒介大小和分辨率可能相差很大，也許是9英寸的筆記本電腦，也可能是25英寸顯示器的臺(tái)式計(jì)算機(jī)，即使物理尺寸相同，分辨率不同，所得到的頁(yè)面大小也不一樣。因此，我們必須對(duì)瀏覽者使用的網(wǎng)頁(yè)瀏覽設(shè)備有充分的調(diào)查和分析，并進(jìn)行測(cè)試，以保證我們?cè)O(shè)計(jì)的網(wǎng)頁(yè)幅面大小在普遍使用的各種網(wǎng)頁(yè)瀏覽設(shè)備上能夠滿足瀏覽信息的基本要求。
二、網(wǎng)頁(yè)應(yīng)是瀏覽為主
在用戶獲取信息的方式上，網(wǎng)頁(yè)有別于紙質(zhì)媒介，網(wǎng)頁(yè)是以瀏覽為主，而紙質(zhì)媒介是以閱讀為主。所謂瀏覽，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜尋是否有感興趣的信息線索；閱讀比瀏覽更具有主動(dòng)性和目的性，是有目的地讀，其目標(biāo)是理解。克魯格在《別讓我動(dòng)腦筋——網(wǎng)頁(yè)設(shè)計(jì)效果優(yōu)化藝術(shù)》一書中提出了設(shè)計(jì)出好網(wǎng)頁(yè)必須面對(duì)的三個(gè)事實(shí)：一是“我們不是閱讀網(wǎng)頁(yè)，而是瀏覽”；二是“我們不做最佳選擇，而是滿意而止”；三是“我們不深究原理或本質(zhì)，而是想當(dāng)然地使用”。我們?yōu)槭裁磳?duì)網(wǎng)頁(yè)是瀏覽呢？克魯格的分析認(rèn)為有三個(gè)原因：一是因?yàn)榇颐Γ褂镁W(wǎng)絡(luò)的目的多半是想節(jié)約時(shí)間，這樣用戶就會(huì)不停地運(yùn)動(dòng)；二是用戶知道不必全部閱讀，通常一個(gè)網(wǎng)頁(yè)里面只有很少一部分是他們感興趣的；三是用戶擅長(zhǎng)瀏覽，瀏覽是人們?nèi)粘Ｉ钪兴褜ば畔⒌膽T用方法。基于這樣一些原因，用戶使用網(wǎng)站就是瀏覽、滿意、再瀏覽、再滿意這樣一個(gè)循環(huán)往復(fù)的過程，直至滿意而歸。如果中間出現(xiàn)了不滿意，這個(gè)過程就會(huì)終止，用戶就帶著不滿意而離開。所以，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，哲學(xué)家威廉提出的奧卡姆剃刀原理“如無必要，勿增實(shí)體”和建筑大師密斯?凡?德?羅提出的“少即是多”原則是我們檢驗(yàn)設(shè)計(jì)的兩面鏡子。在確定網(wǎng)頁(yè)的內(nèi)容時(shí)，突出那些重要的內(nèi)容，去掉那些不必要的圖案和文字，即使那些能夠讓你的網(wǎng)頁(yè)在視覺上產(chǎn)生更好的效果，但如果其干擾重要信息的瀏覽，仍然應(yīng)該果斷地去掉。在網(wǎng)頁(yè)中，只有那些有利于信息傳達(dá)目標(biāo)的美才是有價(jià)值的，美應(yīng)該符合于功能的需要，美和功能的和諧統(tǒng)一才是網(wǎng)頁(yè)設(shè)計(jì)追求的目標(biāo)。為了便于瀏覽，在網(wǎng)頁(yè)內(nèi)容的編排上必須尊重視覺習(xí)慣，我們?cè)跒g覽時(shí)總是從左到右，由上而下地掃視，要根據(jù)內(nèi)容的重要性，進(jìn)行從左到右、由上而下地依次排列，使重要的內(nèi)容最先映入瀏覽者的眼簾。在文案的寫作上，為了便于快速瀏覽，一是對(duì)標(biāo)題、關(guān)鍵內(nèi)容加以強(qiáng)調(diào)；二是采用短的句子和段落；三是采用清晰的分區(qū)和列表；四是先總體后詳細(xì)的寫作順序。用戶在進(jìn)行瀏覽時(shí)首先是通過標(biāo)題和關(guān)鍵詞來初步判斷內(nèi)容是否符合自己的興趣，然后再通過總體的概述來決定是否有繼續(xù)瀏覽下去的必要。在瀏覽的過程中，短句和短的段落有利于減小理解的難度和縮短判斷的時(shí)間，清晰的分區(qū)和列表能夠讓人快速抓住其關(guān)注的興趣點(diǎn)，促進(jìn)人們繼續(xù)瀏覽。
三、網(wǎng)頁(yè)設(shè)計(jì)不應(yīng)打破慣例
前面已經(jīng)提到，網(wǎng)頁(yè)是一個(gè)要求即看即用的特殊“產(chǎn)品”，也就是一看我們就要知道如何使用。我們雖然使用了若干手機(jī)，但我們購(gòu)買了一款新的手機(jī)時(shí)，我們還是得閱讀說明書后才能正常使用，網(wǎng)頁(yè)確不需要。那如何才能達(dá)到即看即用呢？使用慣例就是最好的武器，這也是提高所有產(chǎn)品易用性的重要法寶。慣例就是我們已經(jīng)習(xí)慣了的東西，我們一看就知道它的意思，就知道怎么去操作，因?yàn)閼T例是我們?nèi)粘Ｉ钪蟹e累起來的，已經(jīng)存入大腦的固有知識(shí)。唐納德?A?諾曼在《設(shè)計(jì)心理學(xué)》中將知識(shí)分為了存儲(chǔ)于外部的知識(shí)和存儲(chǔ)于頭腦內(nèi)部的知識(shí)，使用存儲(chǔ)于外部的知識(shí)不需要學(xué)習(xí)，但效率低；使用頭腦內(nèi)部的知識(shí)需要專門學(xué)習(xí)，但效率高。而慣例是已經(jīng)存儲(chǔ)在頭腦內(nèi)部的知識(shí)，具有外部知識(shí)的高易用性和頭腦內(nèi)部知識(shí)的高效率。在網(wǎng)頁(yè)設(shè)計(jì)中有很多慣例是不能輕易去打破的，一是重要導(dǎo)航在頁(yè)面的位置，按照慣例一般布置在頁(yè)面的上部、左上部或右上部，首頁(yè)的鏈接放置在最前面；二是網(wǎng)站的標(biāo)識(shí)放置在頁(yè)面的左上部，瀏覽者用其來判別是否到達(dá)了目標(biāo)網(wǎng)站；三是文字鏈接要加下劃線（也可以鼠標(biāo)放上去才出現(xiàn)），瀏覽者用其來判斷是否有超級(jí)鏈接；四是常用標(biāo)識(shí)符號(hào)，如在多頁(yè)文檔中，代表向上翻頁(yè)，代表向下翻頁(yè)；在視頻、音頻播放中■代表停止，代表暫停，代表播放。這些標(biāo)識(shí)符號(hào)在網(wǎng)頁(yè)中已經(jīng)具有特定的意義，是不能隨意改變的。
四、設(shè)計(jì)層面之間的邏輯聯(lián)系
戰(zhàn)略層確定的網(wǎng)站目標(biāo)和用戶需求，是整個(gè)網(wǎng)站設(shè)計(jì)的基石，其決定范圍層的內(nèi)容選擇和功能設(shè)計(jì)；結(jié)構(gòu)層是對(duì)范圍層選擇的內(nèi)容進(jìn)行分類和組織，形成信息架構(gòu)，以及對(duì)確定的功能進(jìn)行交互設(shè)計(jì)，確定交互的過程和交互行為；框架層是在結(jié)構(gòu)層信息架構(gòu)的基礎(chǔ)上，根據(jù)完成任務(wù)的需要，利用超級(jí)鏈接設(shè)置來完成導(dǎo)航設(shè)計(jì)，以及規(guī)劃信息架構(gòu)在頁(yè)面空間中的位置關(guān)系，形成布局框架；表現(xiàn)層是對(duì)框架層進(jìn)行具體的視覺表現(xiàn)，包括圖形設(shè)計(jì)、色彩設(shè)計(jì)、信息圖表設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、視頻設(shè)計(jì)等。從上面的分析可以看出，下一層是上一層的設(shè)計(jì)依據(jù)或設(shè)計(jì)對(duì)象，上一層是下一層的進(jìn)一步深化和具體，相鄰層之間緊密聯(lián)系，既不能交換，也不能跨越，更不能缺少，具有嚴(yán)格的秩序，形成了完整的邏輯鏈條，理性思維貫穿在整個(gè)設(shè)計(jì)過程之中。
五、結(jié)語
網(wǎng)頁(yè)設(shè)計(jì)是在互聯(lián)網(wǎng)絡(luò)高度發(fā)展和普及應(yīng)用之后，產(chǎn)生的介于視覺傳達(dá)設(shè)計(jì)和產(chǎn)品設(shè)計(jì)之間的跨界設(shè)計(jì)領(lǐng)域，其設(shè)計(jì)程序的嚴(yán)密邏輯、媒介的技術(shù)特質(zhì)、以瀏覽為主的信息獲取習(xí)慣、高度的人機(jī)交互等特點(diǎn)，都需要我們?cè)谠O(shè)計(jì)中進(jìn)行更多的理性思考。畢竟對(duì)于網(wǎng)站而言，有用、好用是第一位的。
作者：謝成開 單位：四川美術(shù)學(xué)院
1傳統(tǒng)教學(xué)存在的問題
1．1知識(shí)點(diǎn)孤立，教學(xué)效果較差
傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)課程是按照教材的內(nèi)容，講解HTML語言和DreamWeaver工具的使用。學(xué)生往往不能將所學(xué)知識(shí)聯(lián)系起來。學(xué)期結(jié)束后，學(xué)生對(duì)整個(gè)網(wǎng)站的構(gòu)建缺乏清晰的概念，提交的作品質(zhì)量較差。在對(duì)學(xué)生進(jìn)行期中課程質(zhì)量問卷調(diào)查中，80％的學(xué)生都認(rèn)為課程所學(xué)內(nèi)容可以理解，但是當(dāng)教師要求學(xué)生動(dòng)手完成網(wǎng)站時(shí)，90％的學(xué)生都不能很好完成。這正是因?yàn)樵趥鹘y(tǒng)教學(xué)中一般采用講授法和實(shí)驗(yàn)法，一周2學(xué)時(shí)的理論講解，2學(xué)時(shí)的實(shí)驗(yàn)課。教師按照教材章節(jié)進(jìn)行教學(xué)并布置實(shí)驗(yàn)內(nèi)容，這樣就造成了學(xué)生只對(duì)單一章節(jié)知識(shí)的理解，難以將所學(xué)內(nèi)容聯(lián)系在一起。
1．2教材過時(shí)，影響教學(xué)效果
網(wǎng)頁(yè)設(shè)計(jì)課程是一門應(yīng)用極強(qiáng)的課程，技術(shù)和工具的更新?lián)Q代較快。而與之矛盾的卻是教材的出版周期較長(zhǎng)，往往跟不上技術(shù)發(fā)展的腳步。例如，當(dāng)前，DreamweaverCS6已經(jīng)成為主流網(wǎng)頁(yè)設(shè)計(jì)的軟件，但是一些教材還停留在講解Dreamweav－erCS3上，導(dǎo)致學(xué)生的興趣不高，不利于學(xué)生創(chuàng)造能力的培養(yǎng)，違背了教學(xué)目標(biāo)的要求。同時(shí)，按照教材的內(nèi)容講解也限制了教師的教學(xué)，目前高校中使用的網(wǎng)頁(yè)設(shè)計(jì)教材分為兩種，一種是基于理論性質(zhì)的，單純講解HTML，一種是介紹Dreamweaver網(wǎng)頁(yè)開發(fā)的。前一種不適合非計(jì)算機(jī)專業(yè)學(xué)生學(xué)習(xí)，內(nèi)容比較枯燥，學(xué)生在沒有計(jì)算機(jī)程序語言的基礎(chǔ)上很難理解。一般高校對(duì)非計(jì)算機(jī)專業(yè)學(xué)生都選擇使用第二種介紹Dreamweaver的教材，而該教材則會(huì)造成學(xué)生的開發(fā)水平較低，過度依賴工具，無法解決實(shí)際問題。
1．3教學(xué)方法單一，學(xué)生學(xué)習(xí)興趣不高
對(duì)于公共課來說，學(xué)習(xí)興趣是學(xué)生是否能學(xué)好課程的重要因素。對(duì)于計(jì)算機(jī)應(yīng)用能力較差的非計(jì)算機(jī)專業(yè)學(xué)生來說，在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)這門課程時(shí)，如何提高學(xué)生的興趣至關(guān)重要。傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)采用2學(xué)時(shí)理論和2學(xué)時(shí)實(shí)驗(yàn)課的形式進(jìn)行，學(xué)生缺少動(dòng)手的機(jī)會(huì)，往往使學(xué)生對(duì)課程缺乏興趣，這阻礙了學(xué)生的能動(dòng)性與創(chuàng)造性的發(fā)揮。對(duì)學(xué)生進(jìn)行調(diào)查問卷中，70％的學(xué)生都提出課程設(shè)置實(shí)驗(yàn)時(shí)間較少，應(yīng)將課程都安排在實(shí)驗(yàn)室等問題，還有一些學(xué)生認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)課程應(yīng)以提高學(xué)生興趣為出發(fā)點(diǎn)。這些都說明了學(xué)生對(duì)于增加自己實(shí)踐機(jī)會(huì)的渴望。
2基于任務(wù)驅(qū)動(dòng)的教學(xué)改革
任務(wù)驅(qū)動(dòng)教學(xué)法是指在學(xué)習(xí)課程中，學(xué)生在教師指導(dǎo)下，根據(jù)學(xué)習(xí)內(nèi)容完成任務(wù)的教學(xué)方法。任務(wù)驅(qū)動(dòng)教學(xué)之下，學(xué)生具有較強(qiáng)解決問題的動(dòng)機(jī)，對(duì)學(xué)習(xí)資源能夠積極主動(dòng)的應(yīng)用，能夠進(jìn)行自主的探索與互動(dòng)協(xié)作的學(xué)習(xí)，最終圓滿完成課程指定的任務(wù)。它打破以往以傳授知識(shí)為主的傳統(tǒng)教學(xué)理念，建立以解決問題、完成任務(wù)為主的多維互動(dòng)式的教學(xué)模式；并將再現(xiàn)式的教學(xué)變?yōu)樘骄渴降膶W(xué)習(xí)，學(xué)生處于一個(gè)積極的學(xué)習(xí)狀態(tài)，都能根據(jù)自己對(duì)當(dāng)前問題的理解，運(yùn)用所學(xué)知識(shí)與自己特有的經(jīng)驗(yàn)提出方案來解決問題。任務(wù)驅(qū)動(dòng)教學(xué)法是一種建立在建構(gòu)主義教學(xué)理論基礎(chǔ)上的教學(xué)法。它要求“任務(wù)”的目標(biāo)性和教學(xué)情境的創(chuàng)建。使學(xué)生帶著真實(shí)的任務(wù)在探索中學(xué)習(xí)。在這個(gè)過程中，學(xué)生還會(huì)不斷地獲得成就感，可以更大地激發(fā)他們的求知欲望，逐步形成一個(gè)感知心智活動(dòng)的良性循環(huán)，從而培養(yǎng)出獨(dú)立探索、勇于開拓進(jìn)取的自學(xué)能力。
2．1任務(wù)的制定
根據(jù)網(wǎng)頁(yè)設(shè)計(jì)課程的內(nèi)容與特點(diǎn)，首先在學(xué)期開始時(shí)給出課程的總?cè)蝿?wù)以及總的教學(xué)目標(biāo)。課程的總?cè)蝿?wù)是以小組為單位，選擇教師給定的任務(wù)書中的網(wǎng)站題目，設(shè)計(jì)實(shí)現(xiàn)一個(gè)靜態(tài)網(wǎng)站。總的教學(xué)目標(biāo)是掌握設(shè)計(jì)網(wǎng)站的方法。（1）第一章是初識(shí)網(wǎng)頁(yè)設(shè)計(jì)，教師會(huì)首先講解幾個(gè)靜態(tài)網(wǎng)站的實(shí)例，讓學(xué)生對(duì)所學(xué)課程有一定了解，之后講解相關(guān)的概念和設(shè)計(jì)開發(fā)工具DreamweaverCS6；學(xué)生的任務(wù)是根據(jù)小組所選擇的題目，在互聯(lián)網(wǎng)中查找資料，書寫開題報(bào)告。同時(shí)每組出一名學(xué)生向大家介紹本組的想法。（2）第二章是學(xué)習(xí)建立本地站點(diǎn)，教師會(huì)講解建立站點(diǎn)的重要性，講解相對(duì)路徑和絕對(duì)路徑，之后講解如何建立站點(diǎn)；學(xué)生的任務(wù)是為自己的網(wǎng)站建立站點(diǎn)，預(yù)估網(wǎng)站的規(guī)模，添加相應(yīng)網(wǎng)頁(yè)并改名。（3）第三章是網(wǎng)頁(yè)頭部信息，教師講解如何添加網(wǎng)頁(yè)標(biāo)題、關(guān)鍵字和說明；學(xué)生的任務(wù)是為站點(diǎn)中所有網(wǎng)頁(yè)添加頭部信息。（4）第四章是網(wǎng)頁(yè)布局，教師講解網(wǎng)頁(yè)布局技術(shù)：表格、DIV、框架以及模板和庫(kù)；學(xué)生的任務(wù)是對(duì)網(wǎng)站進(jìn)行前期布局。（5）第五章是超級(jí)鏈接，教師講解超級(jí)鏈接；學(xué)生的任務(wù)是制作導(dǎo)航欄。（6）第六章是添加多媒體，教師講解添加圖片、背景音樂、Flash、滾動(dòng)欄等內(nèi)容；學(xué)生的任務(wù)是準(zhǔn)備網(wǎng)站中需要的圖片、flash等資源，將資源添加至網(wǎng)頁(yè)。（7）第七章是表單，教師講解如何添加和設(shè)置表單；學(xué)生的任務(wù)是給網(wǎng)站添加注冊(cè)頁(yè)和用戶登錄。（8）第八章是CSS，教師講解CSS的應(yīng)用；學(xué)生對(duì)網(wǎng)站添加內(nèi)部樣式和外部樣式表。（9）第九章是網(wǎng)站，教師講解使用IIS在局域網(wǎng)中如何站點(diǎn)；學(xué)生的任務(wù)是相互網(wǎng)站，對(duì)其他組內(nèi)容進(jìn)行訪問。課程內(nèi)容講完后，預(yù)留兩周課程時(shí)間，學(xué)生對(duì)所做的作品進(jìn)行整理、美化。課程結(jié)束后，小組為單位對(duì)作品進(jìn)行展示和提交。
2．2考核方法與評(píng)分標(biāo)準(zhǔn)
網(wǎng)頁(yè)設(shè)計(jì)課程總成績(jī)由平時(shí)成績(jī)和期末成績(jī)兩部分組成。其中平時(shí)成績(jī)占總成績(jī)的50％，期末成績(jī)占總成績(jī)的50％。平時(shí)成績(jī)除了到課情況外，主要依據(jù)學(xué)生在組內(nèi)的貢獻(xiàn)、每期任務(wù)的完成情況以及整個(gè)團(tuán)隊(duì)的表現(xiàn)。與傳統(tǒng)的成績(jī)?cè)u(píng)定不同，該課程更注重學(xué)生的平時(shí)表現(xiàn)是否積極、是否有團(tuán)隊(duì)合作精神。期末成績(jī)的考核包括提交的作品和學(xué)生的答辯情況，評(píng)分指標(biāo)與所占分?jǐn)?shù)如表3所示。提交的作品主要考察界面是否合理、美觀，是否與開題所寫的需求分析內(nèi)容一致，網(wǎng)站是否能正常的顯示以及配套的網(wǎng)站文檔是否完善等。答辯模擬項(xiàng)目經(jīng)理與客戶的角色進(jìn)行，教師提出問題，學(xué)生進(jìn)行回答，查看學(xué)生的現(xiàn)場(chǎng)反應(yīng)力與問題解決能力。
3總結(jié)
針對(duì)非計(jì)算機(jī)專業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)課程，本文提出一種基于任務(wù)驅(qū)動(dòng)的課程教學(xué)方法。目前，該教學(xué)方法已在我校幾個(gè)班級(jí)進(jìn)行了試驗(yàn)性應(yīng)用。從過程來看，學(xué)生通過這種教學(xué)方法，主觀能動(dòng)性明顯提高，課堂氣氛活躍，學(xué)生興趣較高。從課程的結(jié)果來看，學(xué)生所提交的作品質(zhì)量明顯提高，學(xué)生的動(dòng)手能力也有顯著的提高。在今后的教學(xué)中，我們將根據(jù)教學(xué)中出現(xiàn)的問題，進(jìn)一步完善教學(xué)方法，以達(dá)到更好的教學(xué)效果。
作者：呂瑩瑩 鄭穎 單位：河南科技學(xué)院信息工程學(xué)院
1常見處理技術(shù)
網(wǎng)頁(yè)中的圖像，按照存儲(chǔ)格式不同可以分為矢量圖和位圖，按照使用用途的不同，大致可以分為地址欄圖像，網(wǎng)站Logo，網(wǎng)頁(yè)內(nèi)容圖像等。地址欄圖像類似一個(gè)圖標(biāo)，顯示在地址欄網(wǎng)址前邊，一般經(jīng)過精心設(shè)計(jì)，能夠傳遞公司專業(yè)與精細(xì)的形象。內(nèi)容圖像是指嵌在網(wǎng)頁(yè)中或者作為網(wǎng)頁(yè)背景的圖像。伴隨網(wǎng)絡(luò)技術(shù)和軟件技術(shù)的進(jìn)步，用于圖像處理設(shè)計(jì)的軟件有了很大的發(fā)展。網(wǎng)頁(yè)三劍客中的Dreamweaver在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的同時(shí)，可以對(duì)一些圖片進(jìn)行簡(jiǎn)單的變化處理，fireworks能滿足對(duì)網(wǎng)頁(yè)圖片處理的大部分功能要求。對(duì)于一些有特殊要求的圖像，可以使用Adobe公司的Photoshop軟件進(jìn)行處理；在進(jìn)行Logo等設(shè)計(jì)時(shí)，一般使用CorelDraw或Illustrator等軟件來完成。在進(jìn)行圖像的設(shè)計(jì)、選擇和處理中，掌握專業(yè)軟件的基本使用技巧是必需的，圖像在網(wǎng)頁(yè)設(shè)計(jì)中的功能主要可以分為視覺吸引、信息引導(dǎo)兩方面。要達(dá)到這樣的目的，需要對(duì)圖像進(jìn)行合理的處理。使用動(dòng)畫圖片，以及適當(dāng)?shù)纳蕦?duì)比，形成版式的變化，吸引瀏覽者的注意，引導(dǎo)其對(duì)網(wǎng)站內(nèi)容的閱讀。根據(jù)公司對(duì)網(wǎng)站的功能定位，其所承載的任務(wù)與指向有所不同，對(duì)瀏覽者所作設(shè)定亦有差異。比如騰訊公司的騰訊網(wǎng)（）和騰訊（），一個(gè)作為門戶內(nèi)容網(wǎng)站，一個(gè)作為公司形象網(wǎng)站是兩個(gè)獨(dú)立的網(wǎng)站，設(shè)計(jì)風(fēng)格，內(nèi)容和要求差異很大。
2新技術(shù)
網(wǎng)絡(luò)作為第四媒體，其顯示終端可能是計(jì)算機(jī)，平板，電視或智能手機(jī)，為了頁(yè)面兼容等原因，前端設(shè)計(jì)出現(xiàn)了很多新技術(shù)，如div+css技術(shù)，Javascript技術(shù)等，為了方便管理，一般采用對(duì)象的結(jié)構(gòu)、表現(xiàn)和行為分開。結(jié)構(gòu)是對(duì)象的內(nèi)容，表現(xiàn)是其外觀，而行為是與瀏覽者的交互，或者說是瀏覽者進(jìn)行鼠標(biāo)點(diǎn)擊或輸入內(nèi)容等操作時(shí)，頁(yè)面的反應(yīng)。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)過程中，圖像對(duì)象也是如此，利用代碼可以對(duì)圖像進(jìn)行一些效果的處理，起到資源占用少，頁(yè)面維護(hù)容易等目的，還可以達(dá)到一些用基本圖像處理技術(shù)不易實(shí)現(xiàn)的效果。用div+css結(jié)合Javascript技術(shù)可以實(shí)現(xiàn)在網(wǎng)頁(yè)前端一些設(shè)計(jì)效果和邏輯處理功能，比如圖像輪播和驗(yàn)證碼校驗(yàn)功能。在一個(gè)存在后臺(tái)管理的網(wǎng)站中，網(wǎng)頁(yè)的很多內(nèi)容來自于后臺(tái)數(shù)據(jù)庫(kù)，一些圖片也不例外，內(nèi)容需要和后臺(tái)交互，根據(jù)數(shù)據(jù)庫(kù)的內(nèi)容和頁(yè)面的特定邏輯，決定圖像的外觀。這是基本圖像處理技術(shù)無法實(shí)現(xiàn)的，需要設(shè)計(jì)者了解動(dòng)態(tài)頁(yè)面設(shè)計(jì)技術(shù)，常見的技術(shù)有，php和jsp技術(shù)等。
3結(jié)論
傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)一般分為前臺(tái)和后臺(tái)技術(shù)，前臺(tái)主要負(fù)責(zé)頁(yè)面的版式和效果設(shè)計(jì)，在設(shè)計(jì)過程中，需要對(duì)圖像處理有較好的理解，隨著技術(shù)的進(jìn)步和觀念的變化，一般認(rèn)為，網(wǎng)站的功能是第一位的，在此基礎(chǔ)上，需要有良好的顯示效果。技術(shù)是手段，是媒介，不能一味追求技術(shù)的先進(jìn)與絢麗，設(shè)計(jì)要同公司網(wǎng)站的定位緊密相關(guān)，綜合運(yùn)用多種技術(shù)實(shí)現(xiàn)。網(wǎng)站的視覺吸引、信息引導(dǎo)兩方面的功能并沒有變，但是如何達(dá)到這一目的，是設(shè)計(jì)者關(guān)注并努力的方向。在功能完成的基礎(chǔ)上，使瀏覽者獲得良好的體驗(yàn)，簡(jiǎn)潔明快的設(shè)計(jì)往往會(huì)給用戶留下較深的印象。頁(yè)面圖像設(shè)計(jì)者要對(duì)相關(guān)技術(shù)有較好的理解，頁(yè)面前臺(tái)效果不是孤立的，任務(wù)進(jìn)行過程中，美工需要和后臺(tái)設(shè)計(jì)人員進(jìn)行溝通，反復(fù)修改，共同完成設(shè)計(jì)。
作者：智立甫 王春寫 單位：石家莊職業(yè)技術(shù)學(xué)院電氣與電子工程系 石家莊市市容環(huán)衛(wèi)服務(wù)中心
一、《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)現(xiàn)狀及問題分析
1.教學(xué)內(nèi)容與社會(huì)需求不同步。
隨著WEB技術(shù)的發(fā)展，網(wǎng)頁(yè)制作技術(shù)不斷更新，各種制作軟件層出不窮，這就需要教師及時(shí)調(diào)整《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)內(nèi)容，增減相應(yīng)知識(shí)點(diǎn)，使學(xué)生學(xué)習(xí)最新、最前沿的知識(shí)。但目前很多學(xué)校的網(wǎng)頁(yè)設(shè)計(jì)課程僅包括網(wǎng)頁(yè)元素操作、HTML、軟件講解等方面的內(nèi)容，對(duì)ASP、DIV+CSS、VBSCRIPT腳本語言、數(shù)據(jù)庫(kù)等最新技術(shù)涉及較少。
2.教學(xué)模式不合理。
《網(wǎng)頁(yè)設(shè)計(jì)》課程具有知識(shí)點(diǎn)多、知識(shí)點(diǎn)分散、實(shí)踐性強(qiáng)等特點(diǎn)。傳統(tǒng)教學(xué)模式通常圍繞各個(gè)知識(shí)點(diǎn)組織教學(xué)內(nèi)容，以教師為中心，以課堂為主體，以課堂講授為主要教學(xué)方式，突出理論學(xué)習(xí)的重要性而忽視動(dòng)手操作能力和實(shí)踐能力的培養(yǎng)。《網(wǎng)頁(yè)設(shè)計(jì)》課程學(xué)完之后，學(xué)生很難將所學(xué)知識(shí)系統(tǒng)化，更難以根據(jù)實(shí)際需要進(jìn)行網(wǎng)站設(shè)計(jì)與制作。目前，很多學(xué)校已經(jīng)意識(shí)到培養(yǎng)學(xué)生綜合職業(yè)能力的重要性，但是培養(yǎng)目標(biāo)及執(zhí)行過程并沒有實(shí)質(zhì)性轉(zhuǎn)變，致使學(xué)生綜合實(shí)踐能力與社會(huì)需求脫節(jié)。
3.實(shí)訓(xùn)環(huán)節(jié)薄弱。
《網(wǎng)頁(yè)設(shè)計(jì)》課程是一門實(shí)用性、操作性非常強(qiáng)的課程，教師需要在課程教學(xué)過程中增加實(shí)訓(xùn)環(huán)節(jié)，以提高學(xué)生的動(dòng)手操作能力。目前《網(wǎng)頁(yè)設(shè)計(jì)》課程主要是在各章節(jié)中穿插相應(yīng)實(shí)驗(yàn)內(nèi)容，但實(shí)驗(yàn)內(nèi)容僅作為課堂所學(xué)知識(shí)點(diǎn)的驗(yàn)證，沒有對(duì)培養(yǎng)學(xué)生綜合職業(yè)能力起到引導(dǎo)和啟發(fā)的作用。教師對(duì)《網(wǎng)頁(yè)設(shè)計(jì)》課程實(shí)踐教學(xué)重視不足，課程教學(xué)過于重視具體知識(shí)點(diǎn)的講授，忽視網(wǎng)頁(yè)設(shè)計(jì)整體應(yīng)用能力的培養(yǎng)，導(dǎo)致學(xué)生實(shí)踐能力不足。
二、三維目標(biāo)在《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)中的實(shí)現(xiàn)
三維目標(biāo)以“知識(shí)與技能”為核心目標(biāo)，以“過程與方法”“情感態(tài)度與價(jià)值觀”為從屬目標(biāo)，三者并不具有同等的生態(tài)位。“過程與方法”是目標(biāo)與手段，促進(jìn)核心目標(biāo)的實(shí)現(xiàn)，“情感態(tài)度與價(jià)值觀”與之相似，對(duì)學(xué)生的學(xué)習(xí)具有導(dǎo)向功能，“知識(shí)與技能”是實(shí)現(xiàn)“過程與方法”“情感態(tài)度與價(jià)值觀”兩個(gè)目標(biāo)的載體。《網(wǎng)頁(yè)設(shè)計(jì)》課程具有很強(qiáng)的實(shí)踐性，是一門包含色彩搭配、布局設(shè)計(jì)等多種技術(shù)的課程，其“知識(shí)與技能”目標(biāo)要求學(xué)生熟練運(yùn)用Dreamweaver、Photoshop、Fireworks等軟件，并能掌握網(wǎng)頁(yè)制作技術(shù)的基本內(nèi)容、基本處理方法和一些特殊技巧。為實(shí)現(xiàn)課程教學(xué)目標(biāo)，筆者以“過程與方法”作為主軸，以“情感態(tài)度與價(jià)值觀”作為補(bǔ)充，設(shè)計(jì)了一套符合實(shí)際的教學(xué)模式———階段教學(xué)模式。階段教學(xué)模式將整個(gè)教學(xué)過程分為三個(gè)階段:第一階段為“任務(wù)驅(qū)動(dòng)，案例支撐，項(xiàng)目導(dǎo)向階段”。教師先把實(shí)際項(xiàng)目引入到課程教學(xué)中，分解教學(xué)任務(wù)，完成課程知識(shí)體系的重構(gòu)，然后采用案例教學(xué)的方式，邊教邊練，將實(shí)踐和理論有機(jī)結(jié)合，全面提升學(xué)生的開發(fā)能力。第二階段為“項(xiàng)目合作設(shè)計(jì)階段”。這一階段按照實(shí)際項(xiàng)目開發(fā)的流程，由學(xué)生自由組隊(duì)、自主選題、共同完成作品設(shè)計(jì)，以提升學(xué)生網(wǎng)頁(yè)設(shè)計(jì)綜合能力。第三階段為“校企合作實(shí)踐階段”。學(xué)校與企業(yè)合作，建立職場(chǎng)環(huán)境下的學(xué)生工作室，為學(xué)生頂崗實(shí)習(xí)提供場(chǎng)所，將企業(yè)開發(fā)流程和規(guī)范、先進(jìn)企業(yè)文化引入到教學(xué)中，實(shí)現(xiàn)校企“無縫”對(duì)接。實(shí)踐證明，運(yùn)用這種模式進(jìn)行教學(xué)，學(xué)生的網(wǎng)頁(yè)制作水平能從初學(xué)達(dá)到熟練程度，教學(xué)效果明顯。階段教學(xué)模式劃分為上述三個(gè)階段，具體的教學(xué)設(shè)計(jì)過程如下。
(一)第一階段:任務(wù)驅(qū)動(dòng)，案例支撐，項(xiàng)目導(dǎo)向階段
首先，網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目的選取與分解。網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)的最終目標(biāo)是使學(xué)生具備一定的組織能力、開發(fā)能力、審美能力，能夠自主開發(fā)和進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。在教學(xué)中，教師不僅要教授學(xué)生基本專業(yè)技能和一些常用技巧，而且要培養(yǎng)學(xué)生的思維能力和分析能力。教師應(yīng)根據(jù)《網(wǎng)頁(yè)設(shè)計(jì)》課程的特點(diǎn)以及學(xué)生需要掌握的內(nèi)容，進(jìn)行項(xiàng)目的選取與分解。此過程需要注意以下幾個(gè)方面:第一，項(xiàng)目的選取在于精，而不在于多。整個(gè)教學(xué)過程一般只需三個(gè)有代表性的項(xiàng)目即可，每個(gè)項(xiàng)目均具備一定的綜合性，能夠解決若干個(gè)問題，同時(shí)能夠?qū)⑷舾蓚€(gè)知識(shí)點(diǎn)串聯(lián)起來。第二，項(xiàng)目應(yīng)具有使用價(jià)值，話題要有吸引力。網(wǎng)絡(luò)技術(shù)日新月異，教師應(yīng)選取最新的項(xiàng)目技術(shù)作為教學(xué)內(nèi)容，否則沒有實(shí)用價(jià)值。同時(shí)，為了激發(fā)學(xué)生的學(xué)習(xí)興趣，教師應(yīng)以當(dāng)前流行話題或?qū)W生關(guān)心的問題為主題進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，由易到難，喚醒學(xué)生的求知欲望，提高教學(xué)效果。第三，分解項(xiàng)目到每一個(gè)知識(shí)點(diǎn)，并逐一講解。教學(xué)初期，學(xué)生幾乎沒什么基礎(chǔ)，從整體的項(xiàng)目分析到具體的基本技能，教師需要逐一講解。這樣多個(gè)項(xiàng)目的教學(xué)，能提高學(xué)生的思維能力。筆者從教學(xué)實(shí)踐中發(fā)現(xiàn)，隨著學(xué)生知識(shí)的積累，他們掌握每個(gè)項(xiàng)目所需要的時(shí)間會(huì)越來越短。其次，案例的講解與分析。案例教學(xué)強(qiáng)調(diào)學(xué)生的主體地位，重視師生互動(dòng)教學(xué)模式。案例教學(xué)具體又分為案例分析和案例講解兩步。案例分析:教師引入相關(guān)案例，通過最終效果圖與網(wǎng)頁(yè)素材的對(duì)比，激發(fā)學(xué)生好奇心，給學(xué)生想象空間，培養(yǎng)學(xué)生的思維能力。接著，教師對(duì)主要知識(shí)點(diǎn)進(jìn)行分析、歸納，組織學(xué)生對(duì)案例實(shí)施過程以及所需技術(shù)進(jìn)行討論，使學(xué)生對(duì)網(wǎng)頁(yè)制作全過程(即項(xiàng)目分析、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)制作、項(xiàng)目測(cè)試和網(wǎng)頁(yè))有個(gè)整體上的認(rèn)識(shí)。案例講解:對(duì)應(yīng)用性很強(qiáng)的知識(shí)點(diǎn)，如網(wǎng)頁(yè)中嵌入圖片、動(dòng)畫、視頻等多媒體元素，以及表格、表單、層、鏈表等基本概念，教師需要仔細(xì)講解，讓學(xué)生掌握基本技能。對(duì)綜合性很強(qiáng)的網(wǎng)頁(yè)，教師除教授學(xué)生基本技能外，還要引導(dǎo)學(xué)生動(dòng)手實(shí)踐。在教學(xué)過程中，教師應(yīng)采用開放的教學(xué)模式，根據(jù)學(xué)生的能力水平，在課堂上創(chuàng)設(shè)富有挑戰(zhàn)性的問題情境，激發(fā)學(xué)生的學(xué)習(xí)興趣，通過展示高水平、高質(zhì)量的網(wǎng)頁(yè)范例，開闊學(xué)生視野，擴(kuò)展學(xué)生思路。最后，以任務(wù)作為驅(qū)動(dòng)進(jìn)行教、學(xué)、練。在任務(wù)驅(qū)動(dòng)教學(xué)過程中，教師先布置任務(wù)，接著師生一起分析任務(wù)，然后由學(xué)生執(zhí)行任務(wù)，最后由教師評(píng)價(jià)任務(wù)。任務(wù)驅(qū)動(dòng)作為案例教學(xué)的有益補(bǔ)充，很好地融合了教、學(xué)、練，可以讓學(xué)生更好地掌握理論知識(shí)和實(shí)踐技能，充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，培養(yǎng)學(xué)生分析問題、解決問題的能力和動(dòng)手實(shí)踐能力。在第一階段的教學(xué)過程中，教師將實(shí)際項(xiàng)目與課程知識(shí)相結(jié)合，遵循由淺入深、由易到難的原則，對(duì)任務(wù)進(jìn)行分解，并檢視學(xué)生在教學(xué)過程中所持有的態(tài)度和情感體驗(yàn)。
(二)第二階段:項(xiàng)目合作設(shè)計(jì)階段
在項(xiàng)目合作設(shè)計(jì)階段，教師將學(xué)生分為若干個(gè)項(xiàng)目小組，每組四五人，并推選出一名項(xiàng)目負(fù)責(zé)人。根據(jù)網(wǎng)頁(yè)設(shè)計(jì)相關(guān)知識(shí)以及個(gè)人興趣，小組成員自擬題目，共同制訂項(xiàng)目計(jì)劃和實(shí)施方案，由項(xiàng)目負(fù)責(zé)人負(fù)責(zé)任務(wù)分工以及項(xiàng)目材料的整理。小組成員的具體分工如下:美工負(fù)責(zé)前臺(tái)、后臺(tái)網(wǎng)頁(yè)美工設(shè)計(jì)，如網(wǎng)頁(yè)布局、網(wǎng)頁(yè)所需素材(如圖片、音樂)、網(wǎng)頁(yè)字體及網(wǎng)頁(yè)色彩搭配等;前臺(tái)代碼設(shè)計(jì)人員負(fù)責(zé)前臺(tái)程序代碼設(shè)計(jì)，如數(shù)據(jù)庫(kù)數(shù)據(jù)的提取、網(wǎng)頁(yè)展示、留言板數(shù)據(jù)錄入等;后臺(tái)代碼設(shè)計(jì)人員負(fù)責(zé)后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì)以及數(shù)據(jù)維護(hù)，確保網(wǎng)頁(yè)正常運(yùn)行。在整個(gè)項(xiàng)目設(shè)計(jì)過程中，學(xué)生完全處于主動(dòng)學(xué)習(xí)狀態(tài)，每個(gè)小組擁有充分的自主權(quán)，遇到問題，各小組成員共同討論，合作完成任務(wù)。這樣能充分調(diào)動(dòng)學(xué)生的積極性，激發(fā)他們的探索沖動(dòng)和創(chuàng)造激情，加強(qiáng)團(tuán)隊(duì)協(xié)作能力。在整個(gè)項(xiàng)目設(shè)計(jì)階段，教師應(yīng)引導(dǎo)學(xué)生分析、解讀網(wǎng)頁(yè)設(shè)計(jì)過程中發(fā)現(xiàn)的共性問題，并對(duì)項(xiàng)目設(shè)計(jì)過程中涉及的理論知識(shí)與操作技巧進(jìn)行補(bǔ)充。另外，教師需要參與各小組任務(wù)制訂以及最終案例總結(jié)，表?yè)P(yáng)學(xué)生的優(yōu)點(diǎn)，指出其不足之處，這樣不但可以鞏固教學(xué)成果，彌補(bǔ)學(xué)生的學(xué)習(xí)漏洞，而且能加強(qiáng)教師與學(xué)生之間的交流。通過第二階段的學(xué)習(xí)，學(xué)生不僅能掌握知識(shí)與技能，而且能形成積極的學(xué)習(xí)態(tài)度與情感。
(三)第三階段:校企合作實(shí)踐階段
基于校企合作的課程改革是學(xué)校發(fā)展的需要。第一，學(xué)校應(yīng)依托行業(yè)構(gòu)建校企合作機(jī)制，聘請(qǐng)相關(guān)企業(yè)技術(shù)骨干為指導(dǎo)教師，根據(jù)不同崗位分工，有重點(diǎn)、有針對(duì)性地進(jìn)行課程制訂和教學(xué)。同時(shí)，教師應(yīng)根據(jù)企業(yè)的相關(guān)要求和標(biāo)準(zhǔn)來規(guī)范學(xué)生的行為。第二，建立職場(chǎng)環(huán)境下的學(xué)生工作室。《網(wǎng)頁(yè)設(shè)計(jì)》課程的教學(xué)課時(shí)有限，部分對(duì)網(wǎng)頁(yè)設(shè)計(jì)感興趣又極具操作能力的學(xué)生，希望在課后能繼續(xù)深入學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的實(shí)用技術(shù)。為了滿足這部分學(xué)生的實(shí)際需求，各學(xué)校可根據(jù)本校的具體情況，與企業(yè)合作建立學(xué)生工作室。學(xué)生工作室完全按照企業(yè)模式進(jìn)行管理，并可承接校外的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目。在工作室中，教師將學(xué)生分組，并和學(xué)生共同完成項(xiàng)目開發(fā)，以培養(yǎng)學(xué)生在實(shí)際項(xiàng)目開發(fā)中的分工協(xié)作能力，讓學(xué)生進(jìn)一步感受企業(yè)的工作氛圍，提高學(xué)生的協(xié)作能力、解決問題能力、抗壓能力等。第三，校企合作模式下，課程教學(xué)將作為社會(huì)需求和個(gè)體需求的結(jié)合體。專業(yè)課程校企合作階段，學(xué)校應(yīng)以企業(yè)需求為前提，將課程內(nèi)容與企業(yè)生產(chǎn)項(xiàng)目對(duì)接，實(shí)現(xiàn)課程理論教學(xué)與實(shí)踐一體化。這種理論與實(shí)踐相結(jié)合的教學(xué)方式針對(duì)性強(qiáng)，不僅能與企業(yè)用人要求接軌，而且能激發(fā)學(xué)生的學(xué)習(xí)興趣。
三、結(jié)論
三維目標(biāo)能夠很好地融入《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)改革中，三者之間并非簡(jiǎn)單并列，而是相互滲透、有機(jī)結(jié)合，統(tǒng)一融入課程教學(xué)體系中。其中，知識(shí)與技能是載體，是三維目標(biāo)的基礎(chǔ)和核心;情感態(tài)度與價(jià)值觀是過程與方法、知識(shí)與技能的升華;過程與方法是“三維”中的一條紐帶，是情感態(tài)度與價(jià)值觀、知識(shí)與技能的表現(xiàn)形式。教學(xué)實(shí)踐表明，階段教學(xué)模式不僅能提高學(xué)生的職業(yè)能力和職業(yè)素養(yǎng)，而且能將理論與實(shí)踐緊密結(jié)合，達(dá)到學(xué)習(xí)與工作、學(xué)校與企業(yè)的“接軌”，實(shí)現(xiàn)三維教學(xué)目標(biāo)。
作者：周建輝 單位：福建省漳州第一職業(yè)中專學(xué)校
一、考核改革目的
通過《網(wǎng)頁(yè)設(shè)計(jì)與制作》多年的教學(xué)發(fā)現(xiàn)，應(yīng)用傳統(tǒng)的教學(xué)方式及考核方法學(xué)生只建立了的基礎(chǔ)的專業(yè)課程知識(shí)概念及單一的基本操作，并不能綜合應(yīng)用操作技能完成某主題網(wǎng)站的設(shè)計(jì)與制作。為了建立以網(wǎng)頁(yè)設(shè)計(jì)與制作技能考核為主線的開放式、全過程的考核體系，提高學(xué)生綜合項(xiàng)目實(shí)踐能力，更好的與社會(huì)需求接軌。有必要對(duì)傳統(tǒng)的考核方式進(jìn)行改革，同時(shí)經(jīng)過多年教學(xué)探索，結(jié)合人才培養(yǎng)方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學(xué)生小組合作（每組2-3名學(xué)生）完成一個(gè)規(guī)定主題網(wǎng)站項(xiàng)目的方式展開。總成績(jī)由操作考核成績(jī)、項(xiàng)目報(bào)告成績(jī)兩部分組成，權(quán)重分別為70％、30％，每一項(xiàng)按百分制評(píng)分后依權(quán)重比例計(jì)入總成績(jī)，總成績(jī)不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學(xué)期總評(píng)成績(jī)是由平時(shí)成績(jī)30%、期中成績(jī)30%、期末成績(jī)40%組成，為了與學(xué)校的評(píng)分要求接軌，將本次考試所得的總成績(jī)作為學(xué)校學(xué)期總評(píng)成績(jī)的期末成績(jī)部分。并在此說明平時(shí)成績(jī)30%部分是由學(xué)生本學(xué)期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評(píng)定。本考核方案中的操作考核、項(xiàng)目報(bào)告都有具體的考核方案，其中操作考核實(shí)施的具體要求以試卷形式展現(xiàn)，內(nèi)容要求以表“操作考核內(nèi)容”為中心，以考核學(xué)生綜合網(wǎng)站制作能力為基本思路，通過小組合作完成主題網(wǎng)站的設(shè)計(jì)與制作，具體要求在此省略。此外要求學(xué)生撰寫項(xiàng)目報(bào)告不僅讓學(xué)生明確各自的份內(nèi)工作，同時(shí)要求學(xué)生善于思考、總結(jié)，每做一個(gè)項(xiàng)目都有所收獲。項(xiàng)目報(bào)告實(shí)施的具體要求涉及以下幾個(gè)方面的內(nèi)容：
（1）項(xiàng)目實(shí)施過程。
項(xiàng)目實(shí)施過程包括前期策劃、資料搜集、網(wǎng)頁(yè)制作。在前期策劃階段，要求小組共同確定網(wǎng)站名稱、網(wǎng)站風(fēng)格（列舉網(wǎng)頁(yè)采用主要色彩及網(wǎng)頁(yè)色調(diào)定位）、網(wǎng)站欄目、站點(diǎn)目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃，在此規(guī)劃的指導(dǎo)下進(jìn)行資料搜集、協(xié)作完成網(wǎng)頁(yè)制作。其中網(wǎng)頁(yè)制作中要求頁(yè)面美工設(shè)計(jì)階段介紹所用軟件及提供至少首頁(yè)效果圖截圖；靜態(tài)頁(yè)面制作階段要求繪制網(wǎng)頁(yè)布局的結(jié)構(gòu)圖及標(biāo)注尺寸；程序開發(fā)階段列舉所用的開發(fā)工具、對(duì)數(shù)據(jù)庫(kù)、表進(jìn)行截圖，以及繪制程序開發(fā)頁(yè)面流程圖。
（2）項(xiàng)目總結(jié)。
對(duì)本項(xiàng)目完成情況進(jìn)行分析、總結(jié)，并介紹項(xiàng)目實(shí)施過程中的收獲及體會(huì)。在作品展示時(shí)要求各小組派出代表對(duì)作品進(jìn)行介紹，總結(jié)，便于相互交流經(jīng)驗(yàn)。
（3）項(xiàng)目組介紹。
對(duì)該項(xiàng)目組成員進(jìn)行介紹及項(xiàng)目實(shí)施過程中的人員分工情況進(jìn)行報(bào)告。體現(xiàn)小組合作開發(fā)項(xiàng)目的工作模式，讓學(xué)生明白實(shí)際工作中不僅需要具備較高的技術(shù)能力，還要有合作意識(shí)，與合作者之間有效、和諧的溝通。
2.考核方式
學(xué)生以小組合作形式完成項(xiàng)目。每小組都由組長(zhǎng)擔(dān)任項(xiàng)目負(fù)責(zé)人進(jìn)行總體規(guī)劃并對(duì)項(xiàng)目任務(wù)進(jìn)行合理分工，協(xié)調(diào)組員之間的關(guān)系。最后作品的評(píng)價(jià)以小組各自展示作品的方式展開，按照教師評(píng)分、小組間評(píng)分、小組自評(píng)6：2：2的比例評(píng)定。至于項(xiàng)目報(bào)告成績(jī)由教師評(píng)定。該考核改革方案體現(xiàn)對(duì)學(xué)生知識(shí)技能、協(xié)作能力方面的科學(xué)、正確的評(píng)價(jià)，注重學(xué)生自主分析問題、解決問題能力的培養(yǎng)，讓學(xué)生投入到一個(gè)類似實(shí)際工作的項(xiàng)目開發(fā)情景中，發(fā)揮各自的能力，發(fā)現(xiàn)自身的弱點(diǎn)，不斷自我調(diào)整以適應(yīng)職業(yè)崗位的需求。
作者：張健 單位：連云港工貿(mào)高等職業(yè)技術(shù)學(xué)校
一、網(wǎng)頁(yè)設(shè)計(jì)基本思路
在整個(gè)方向確定下來后，再對(duì)網(wǎng)頁(yè)中所需元素進(jìn)行尋找，收集，選擇，例如網(wǎng)頁(yè)的基本色調(diào)，文字風(fēng)格，整體風(fēng)格確定下來后，再開展設(shè)計(jì)工作，就能夠保證設(shè)計(jì)過程中其他相關(guān)工作也能順利進(jìn)行。這種經(jīng)過極思縝密的籌備工作后設(shè)計(jì)出來的作品，才能滿足客戶的要求，才能傳達(dá)出真正想要表現(xiàn)的東西。通過相關(guān)審核后，由專業(yè)網(wǎng)頁(yè)設(shè)計(jì)人員應(yīng)用軟件開展設(shè)計(jì)工作，無拘無束的釋放設(shè)計(jì)師的靈感，最后由助手對(duì)細(xì)微的瑕疵進(jìn)行調(diào)整，形成一幅完美作品。
二、平面設(shè)計(jì)基本思路
在平面設(shè)計(jì)工作中，設(shè)計(jì)師接到任務(wù)后，首先要做的是進(jìn)行多角度思考，多方面了解客戶的要求。比如說，客戶的企業(yè)文化，形象定位等等，在充分把握這些信息后，再進(jìn)行設(shè)計(jì)工作就會(huì)做到有的放矢，重點(diǎn)突出，具有較強(qiáng)的針對(duì)性，目標(biāo)性。然后對(duì)客戶的信息做更詳細(xì)的分析。比如，了解客戶的訴求點(diǎn)，側(cè)重點(diǎn)，表達(dá)的主題等，這些都是一名合格平面設(shè)計(jì)師要做的工作。當(dāng)把需要的資料準(zhǔn)備好后，結(jié)合對(duì)這些資料的分析思考，然后確定要設(shè)計(jì)的風(fēng)格，表現(xiàn)手法和主題。其實(shí)這些工作都是很有挑戰(zhàn)性的，這個(gè)過程不僅僅要把主題突出出來，還要盡可能地表現(xiàn)豐富的內(nèi)涵，寓意。這就要去設(shè)計(jì)者潛心地設(shè)計(jì)了，當(dāng)然這個(gè)過程中要利用專業(yè)的繪圖軟件，來輔助工作。需要強(qiáng)調(diào)的是在設(shè)計(jì)的過程中一定要保證整體性和方向性的正確，保證色調(diào)和諧搭配，只有在視覺上能對(duì)客戶產(chǎn)生巨大沖擊力的作品才是有市場(chǎng)的作品，才是有價(jià)值的作品。
三、網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)的聯(lián)系和區(qū)別
網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)有著十分密切的聯(lián)系，同時(shí)兩者之間也有著一些區(qū)別。平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)都同屬于現(xiàn)代化特色的藝術(shù)表達(dá)范疇，都是通過電腦技術(shù)來輔助或者直接完成。兩者都是集藝術(shù)創(chuàng)作、電腦載體以及數(shù)字技術(shù)于一體的，用視覺進(jìn)行溝通和表達(dá)的一種藝術(shù)創(chuàng)作過程。
1.網(wǎng)頁(yè)設(shè)計(jì)是平面設(shè)計(jì)的網(wǎng)絡(luò)化。
網(wǎng)頁(yè)設(shè)計(jì)是指利用標(biāo)識(shí)語言，經(jīng)過一系列的建模、設(shè)計(jì)、執(zhí)行等過程，將數(shù)字化格式的信息通過網(wǎng)絡(luò)傳播，最終以圖形或者視頻形式被用戶瀏覽。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)是一種能夠充分利用各種信息化手段的設(shè)計(jì)過程，所以它既能夠像平面設(shè)計(jì)一樣對(duì)主題進(jìn)行完美詮釋，還能夠細(xì)致地描述目標(biāo)。在某種程度上來說，創(chuàng)作網(wǎng)頁(yè)設(shè)計(jì)的過程中，主要使用的手法，技巧都是延伸平面設(shè)計(jì)，有些甚至是一樣的。因此將網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)絡(luò)技術(shù)緊密結(jié)合起來，是將來網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)必然方向。
2.網(wǎng)頁(yè)設(shè)計(jì)是平面設(shè)計(jì)在網(wǎng)絡(luò)時(shí)代的延伸。
伴隨著網(wǎng)絡(luò)時(shí)代的迅速發(fā)展，人們和網(wǎng)絡(luò)的聯(lián)系也越來越密切，人們利用網(wǎng)絡(luò)技術(shù)改革以往工作方式。在平面設(shè)計(jì)領(lǐng)域也不例外，設(shè)計(jì)師們利用鮮明的色彩，精心的網(wǎng)頁(yè)布局想方設(shè)法地吸引人們?yōu)g覽自己的網(wǎng)站。完美的網(wǎng)頁(yè)設(shè)計(jì)一定是有著完美的網(wǎng)頁(yè)風(fēng)格。基于網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)有著很大程度上的相似性，加上網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展背景，我們不能將兩者孤立起來看待，而要清楚地認(rèn)識(shí)到，網(wǎng)頁(yè)設(shè)計(jì)是平面設(shè)計(jì)在互聯(lián)網(wǎng)時(shí)代的一種獨(dú)特表現(xiàn)形式，是平面設(shè)計(jì)在新時(shí)期新環(huán)境下的一種延續(xù)，一種創(chuàng)新發(fā)展。
3.網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)在技術(shù)上的區(qū)別。
網(wǎng)頁(yè)設(shè)計(jì)顧名思義就是依賴于互聯(lián)網(wǎng)進(jìn)行創(chuàng)作，對(duì)于先進(jìn)的軟件那無法擺脫的依賴性是網(wǎng)頁(yè)設(shè)計(jì)的短板，但是平面設(shè)計(jì)卻不是這樣，它對(duì)于這類軟件依賴性小，因?yàn)榭梢岳檬掷L來代替。網(wǎng)頁(yè)設(shè)計(jì)一般工作都是借助繪圖工具，只有在這么強(qiáng)大先進(jìn)的軟件配合下才能完成設(shè)計(jì)。但是平面設(shè)計(jì)伴隨著經(jīng)濟(jì)和科學(xué)技術(shù)的發(fā)展，能夠不只依靠繪圖工具還可以利用畫筆，顏料等傳統(tǒng)工具來工作。
四、總結(jié)
隨著時(shí)代步伐的加快，人們的生活節(jié)奏也是越來越快，所以能夠吸引人的東西一定是直觀的，是一目了然的。人類社會(huì)已經(jīng)進(jìn)入了一個(gè)“看”為主的視覺化時(shí)代，網(wǎng)頁(yè)是這個(gè)時(shí)展而產(chǎn)生的一種人人交流溝通的交互系統(tǒng)。如今的互聯(lián)網(wǎng)已經(jīng)滲入到人們生活的各個(gè)方面，每時(shí)每刻都有人在網(wǎng)絡(luò)上完成購(gòu)物，交水電費(fèi)，存錢，定電影片等各項(xiàng)消費(fèi)和看電影，聽音樂，玩游戲等各種娛樂活動(dòng)，所以，網(wǎng)頁(yè)設(shè)計(jì)的實(shí)用性和藝術(shù)性就顯得相當(dāng)重要了，它是網(wǎng)站抓住客戶的重要前提。網(wǎng)頁(yè)設(shè)計(jì)是平面設(shè)計(jì)的延伸和發(fā)展，平面設(shè)計(jì)為網(wǎng)頁(yè)設(shè)計(jì)的前進(jìn)提供源源動(dòng)力。這兩者既是相互聯(lián)系又有著很大區(qū)別，設(shè)計(jì)師們要清楚認(rèn)識(shí)到這些問題，利用各自優(yōu)勢(shì)，充分把握視覺原理對(duì)設(shè)計(jì)的作用，設(shè)計(jì)出更具美感的作品來。
作者：周霜菊 單位：成都大學(xué)美術(shù)學(xué)院
1案例驅(qū)動(dòng)的應(yīng)用現(xiàn)狀
目前，案例驅(qū)動(dòng)教學(xué)在高等教育各學(xué)科中廣泛使用．但由于很多教師對(duì)案例驅(qū)動(dòng)教學(xué)法的內(nèi)涵、特點(diǎn)及組織過程的認(rèn)識(shí)不透徹，導(dǎo)致案例教學(xué)法的使用存在許多誤區(qū)．
(1)案例設(shè)計(jì)不當(dāng)．
案例驅(qū)動(dòng)教學(xué)本質(zhì)上應(yīng)是通過“案例”來誘發(fā)、加強(qiáng)和維持學(xué)生的成就動(dòng)機(jī)，成就動(dòng)機(jī)是學(xué)生學(xué)習(xí)和完成任務(wù)的真正動(dòng)力．因此，案例驅(qū)動(dòng)教學(xué)法的案例設(shè)計(jì)是教學(xué)成敗的關(guān)鍵因素．案例過于簡(jiǎn)單、欠缺針對(duì)性、設(shè)計(jì)不清晰等都會(huì)影響案例教學(xué)的教學(xué)目標(biāo)．一個(gè)具體的案例設(shè)計(jì)，必須考慮周全，保證案例的可行性和有效性．進(jìn)行案例設(shè)計(jì)時(shí)，要以學(xué)生為中心，教師為主導(dǎo)，興趣為主線，使學(xué)生在完成任務(wù)的過程中掌握知識(shí)、技能、方法并學(xué)以致用．
(2)組織實(shí)施過程并非案例教學(xué)．
案例教學(xué)是師生的雙向活動(dòng)，通過具體案例引導(dǎo)學(xué)生參與分析、討論，讓學(xué)生在具體的案例情景中積極思考，主動(dòng)探索．在實(shí)際教學(xué)過程中，有些教師只是把案例呈現(xiàn)給學(xué)生，像講故事一樣敘述一遍，沒有引導(dǎo)，沒有總結(jié)，缺乏交流與互動(dòng);有些教師在課堂上引用了案例，但教學(xué)方式還是沿用傳統(tǒng)的灌輸式的教學(xué)，仍然以教師為主體．以上種種教學(xué)方式看上去是引用了案例，但并非采用了案例教學(xué)法，更談不上通過案例驅(qū)動(dòng)去激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生分析問題解決問題的能力，提高學(xué)生自主學(xué)習(xí)及與他人協(xié)作的能力．上述種種對(duì)案例驅(qū)動(dòng)教學(xué)法的不恰當(dāng)使用，將直接影響學(xué)生學(xué)習(xí)的深入和教學(xué)目標(biāo)的達(dá)成．本文結(jié)合“案例驅(qū)動(dòng)在網(wǎng)頁(yè)設(shè)計(jì)類課程中的應(yīng)用”的教改課題，對(duì)案例驅(qū)動(dòng)在實(shí)際教學(xué)工作中的應(yīng)用進(jìn)行了探討和反思．
2案例驅(qū)動(dòng)的教學(xué)實(shí)踐
《網(wǎng)頁(yè)設(shè)計(jì)》是一門知識(shí)點(diǎn)豐富、應(yīng)用性和操作性強(qiáng)的課程．此類課程目標(biāo)是培養(yǎng)學(xué)生分析問題和動(dòng)手解決問題的能力．通過教師對(duì)網(wǎng)頁(yè)設(shè)計(jì)知識(shí)點(diǎn)的講解，結(jié)合案例驅(qū)動(dòng)的教學(xué)模式，讓學(xué)生系統(tǒng)地學(xué)會(huì)如何設(shè)計(jì)網(wǎng)頁(yè)和開發(fā)網(wǎng)站．
2．1案例選取的原則
根據(jù)網(wǎng)頁(yè)設(shè)計(jì)課程的內(nèi)容和特點(diǎn)，在課程開始就引出成品案例，明確需要解決的問題，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性;同時(shí)，在教學(xué)過程中，以該案例為線索，將其貫穿于課程的始終，將零散的知識(shí)點(diǎn)結(jié)合在一個(gè)完整地案例實(shí)現(xiàn)中，并通過分組操作完成案例的方式，進(jìn)行相互評(píng)比學(xué)習(xí)，進(jìn)一步擴(kuò)展知識(shí)面．對(duì)于教學(xué)過程中的小知識(shí)點(diǎn)選擇對(duì)應(yīng)的小案例．案例的選取在案例驅(qū)動(dòng)的教學(xué)過程中至關(guān)重要，大的成品案例應(yīng)具備較強(qiáng)的實(shí)際應(yīng)用價(jià)值，能夠較好的模擬真實(shí)的應(yīng)用環(huán)境，小知識(shí)點(diǎn)案例則需注意選取的針對(duì)性，做到有的放矢．在實(shí)際教學(xué)過程中，我們一般遵循以下的案例選取原則:
(1)代表性．
在課程開始之初，為激發(fā)學(xué)生的學(xué)習(xí)興趣，明確學(xué)習(xí)目標(biāo)．讓學(xué)生觀摩的成品案例應(yīng)選擇不同風(fēng)格類網(wǎng)站的代表或往屆學(xué)生優(yōu)秀作品的代表，且此類網(wǎng)站需和學(xué)生的實(shí)際學(xué)習(xí)生活息息相關(guān)，如班級(jí)網(wǎng)站、購(gòu)物網(wǎng)站、技術(shù)網(wǎng)站等，以此調(diào)動(dòng)學(xué)生繼續(xù)探究學(xué)習(xí)的積極性．
(2)針對(duì)性．
在教學(xué)過程中零散知識(shí)點(diǎn)對(duì)應(yīng)引入小案例，此類案例應(yīng)具有較強(qiáng)的針對(duì)性，將課堂教學(xué)目標(biāo)融入到案例教學(xué)中．如通過網(wǎng)站公告欄引出對(duì)marquee標(biāo)簽的講解，通過網(wǎng)頁(yè)的刷新功能引出對(duì)meta標(biāo)簽的講解等．
(3)趣味性．
盡可能選取趣味性強(qiáng)的案例，更好地吸引學(xué)生的注意，抓住學(xué)生好奇的心理，喚起學(xué)生更多的學(xué)習(xí)熱情和欲望．如通過漂浮的廣告、滾動(dòng)的圖片等案例引出對(duì)腳本內(nèi)容的講解．
(4)綜合性．
成品案例的選取應(yīng)注重綜合性．一個(gè)成品案例網(wǎng)站應(yīng)涵蓋HTML，CSS，JAVASCRIPT等多個(gè)知識(shí)點(diǎn)．通過成品案例的設(shè)計(jì)與實(shí)現(xiàn)，考察學(xué)生綜合應(yīng)用多知識(shí)點(diǎn)解決實(shí)際應(yīng)用的能力．
(5)理論聯(lián)系實(shí)際．
更多地結(jié)合學(xué)生在實(shí)際生活學(xué)習(xí)中的應(yīng)用選擇案例，最好從學(xué)生熟悉的操作和感興趣的事件出發(fā)，使他們有更多的機(jī)會(huì)從周圍熟悉的事物中學(xué)習(xí)和理解，感受到設(shè)計(jì)的趣味和作用，體驗(yàn)到設(shè)計(jì)的魅力．如在講解時(shí)間對(duì)象時(shí)，可以選擇人性化問候或重大事件的倒計(jì)時(shí)牌設(shè)置作為案例引出．
2．2案例驅(qū)動(dòng)教學(xué)的實(shí)施過程
在案例驅(qū)動(dòng)教學(xué)應(yīng)用到《網(wǎng)頁(yè)設(shè)計(jì)》類課程的具體實(shí)踐中，我們創(chuàng)設(shè)了“模仿—擴(kuò)展—發(fā)揮”的教學(xué)過程．具體的教學(xué)過程主要分五個(gè)階段展開．
(1)成品案例演示，學(xué)生觀摩．
此階段為教學(xué)展開的第一階段，通過各類代表性綜合網(wǎng)站的觀摩，激發(fā)學(xué)生的學(xué)習(xí)熱情，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，為課程深入學(xué)習(xí)打下基礎(chǔ)．可粗略提及網(wǎng)站內(nèi)容組織，設(shè)計(jì)理念和主要相關(guān)技術(shù)，建立對(duì)課程學(xué)習(xí)的大體認(rèn)識(shí)．
(2)知識(shí)點(diǎn)講解，模仿練習(xí)．
此階段是教學(xué)深入開展階段，教師開始各類知識(shí)點(diǎn)的講解，通過引出小案例配合教學(xué)，教師需要示范案例的制作過程，講明案例的制作步驟和方法，講解制作中運(yùn)用的知識(shí)要點(diǎn)和技能，學(xué)生模仿練習(xí)，達(dá)到掌握各類知識(shí)點(diǎn)的目的．
(3)成品案例擴(kuò)展，實(shí)現(xiàn)．
成品案例的實(shí)現(xiàn)是一個(gè)循序漸進(jìn)的過程，在知識(shí)點(diǎn)的講解過程中，學(xué)生在每次模仿練習(xí)完成后，可運(yùn)用已學(xué)知識(shí)與技能逐步展開對(duì)成品案例的制作，不斷擴(kuò)充，直至課程結(jié)束，案例制作完成．
(4)評(píng)價(jià)教學(xué)．
教學(xué)實(shí)踐完成后，教師抽取學(xué)生個(gè)案展示，并對(duì)學(xué)習(xí)成果進(jìn)行多元評(píng)價(jià)，歸納總結(jié)學(xué)生學(xué)習(xí)過程和結(jié)果中出現(xiàn)的問題，引導(dǎo)學(xué)生進(jìn)行反思．同時(shí)對(duì)優(yōu)秀的案例進(jìn)行總結(jié)分析，和學(xué)生分享學(xué)習(xí)其設(shè)計(jì)的風(fēng)格、思路和技巧，查漏補(bǔ)缺．
(5)自選主題設(shè)計(jì)作品．
此階段為自由發(fā)揮階段，不限題材，不限風(fēng)格，引導(dǎo)學(xué)生應(yīng)用所學(xué)構(gòu)建風(fēng)格各異的網(wǎng)站，通過自主完成搜集素材到分析設(shè)計(jì)，再到制作的過程，讓學(xué)生充分了解并親歷實(shí)際開發(fā)中網(wǎng)頁(yè)設(shè)計(jì)的開發(fā)流程，提高學(xué)生獨(dú)立分析和解決實(shí)際問題的能力，有利于學(xué)生的自我完善和提高．針對(duì)目前《網(wǎng)頁(yè)設(shè)計(jì)》課程的教學(xué)體系所存在的不足，只有通過教學(xué)內(nèi)容的整合與優(yōu)化，并以課堂教學(xué)環(huán)節(jié)、實(shí)驗(yàn)實(shí)訓(xùn)教學(xué)環(huán)節(jié)、考核方式的改革相配合，建立一個(gè)合理的實(shí)踐教學(xué)體系，才能培養(yǎng)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生在網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)用中分析問題和解決問題的能力，促進(jìn)教學(xué)質(zhì)量的提高．在實(shí)際教學(xué)過程中，我們采用以下的策略來優(yōu)化教學(xué)過程，進(jìn)行案例驅(qū)動(dòng)教學(xué)工作的實(shí)施．首先，以案例驅(qū)動(dòng)為導(dǎo)向，優(yōu)化教學(xué)過程，改進(jìn)學(xué)習(xí)方式．同時(shí)，加強(qiáng)實(shí)訓(xùn)環(huán)節(jié)的教學(xué)．直接引進(jìn)企業(yè)實(shí)際應(yīng)用需求的案例，學(xué)生在教師指導(dǎo)下通過分組直接參與綜合大型實(shí)踐案例開發(fā)．通過這種大型實(shí)訓(xùn)教學(xué)，完成對(duì)基本知識(shí)和基本操作技能的綜合訓(xùn)練，讓學(xué)生了解了實(shí)際工作中需要的多方面素質(zhì)，實(shí)現(xiàn)了課堂教學(xué)與職場(chǎng)崗位間的“短距離對(duì)接”．其次，開展技能比賽式教學(xué)．組織網(wǎng)頁(yè)設(shè)計(jì)與制作方面的競(jìng)賽，如網(wǎng)頁(yè)設(shè)計(jì)、圖像處理等，通過形式多樣、豐富多彩的學(xué)生競(jìng)賽活動(dòng)，促進(jìn)學(xué)生主動(dòng)進(jìn)行計(jì)算機(jī)應(yīng)用與技能訓(xùn)練活動(dòng)，提高學(xué)生對(duì)技能應(yīng)用的能力，加深對(duì)知識(shí)的理解．在對(duì)《網(wǎng)頁(yè)設(shè)計(jì)》課程采用案例驅(qū)動(dòng)教學(xué)法后，學(xué)生學(xué)習(xí)積極性大大增強(qiáng)，動(dòng)手實(shí)踐能力顯著提高，通過案例展開的教學(xué)讓學(xué)生更輕松，系統(tǒng)地掌握知識(shí)和技能，上機(jī)實(shí)踐已由驗(yàn)證實(shí)驗(yàn)逐步轉(zhuǎn)變?yōu)樽灾髟O(shè)計(jì)實(shí)驗(yàn)，學(xué)生能在課程結(jié)束時(shí)學(xué)以致用，或個(gè)人獨(dú)立或分組協(xié)作達(dá)到完成一個(gè)綜合性網(wǎng)站制作的目標(biāo)．在學(xué)生獲得相應(yīng)技能的同時(shí)，學(xué)習(xí)的積極性、主動(dòng)性、創(chuàng)新能力、協(xié)同工作的能力，獨(dú)立分析問題和解決問題的能力都得到了發(fā)展．
3結(jié)語
綜上所述，案例驅(qū)動(dòng)教學(xué)中，教師不僅僅“授人以魚”，更強(qiáng)調(diào)實(shí)現(xiàn)“授人以漁”，強(qiáng)調(diào)對(duì)學(xué)生自學(xué)能力和獨(dú)立分析問題能力的培養(yǎng)，改變了傳統(tǒng)教學(xué)中教師講，學(xué)生聽，學(xué)生被動(dòng)接受的局面，提高了學(xué)生主動(dòng)參與學(xué)習(xí)的意識(shí)．圍繞案例展開的教學(xué)，學(xué)習(xí)目標(biāo)明確，教學(xué)思路清晰，更利于知識(shí)和技能的掌握．當(dāng)然，這對(duì)教師素質(zhì)也提出了更高的要求．要求教師具有扎實(shí)豐富的專業(yè)基礎(chǔ)和理論知識(shí)，吃透教材，精選典型案例;同時(shí)，在教學(xué)過程中，科學(xué)引導(dǎo)學(xué)生，充分發(fā)揮其主觀能動(dòng)性，培養(yǎng)學(xué)生項(xiàng)目實(shí)戰(zhàn)技能，彌補(bǔ)實(shí)踐經(jīng)驗(yàn)不足，為學(xué)生盡早適應(yīng)社會(huì)對(duì)IT人才的實(shí)際需求打下基礎(chǔ)．
作者：譚濤 李明東 賴曉風(fēng) 單位：西華師范大學(xué)計(jì)算機(jī)學(xué)院
1視覺元素簡(jiǎn)介
對(duì)于視覺元素這一名詞的闡述，我們可以說是能夠用我們眼睛看到的一切事物或標(biāo)志。舉個(gè)例子就像拍攝、電視、影視、造型藝術(shù)、建筑物、棄取計(jì)劃、都會(huì)修建和棄取科學(xué)、筆墨，也包羅舞臺(tái)計(jì)劃、音樂。上述所提及的都可以被我們的眼睛所捕捉，所以它們的本質(zhì)上都可以說是視覺元素。在上文我們可以得出，視覺元素的存在是非常非常普遍的。而在網(wǎng)頁(yè)計(jì)劃中，視覺元素通常以筆墨、圖片、圖象、標(biāo)識(shí)，色彩等情勢(shì)要素和題目、信息菜單、信息正文、口號(hào)、單位名稱等內(nèi)容要素表現(xiàn)出來。視覺元素融入網(wǎng)頁(yè)設(shè)計(jì)，索要遵守的規(guī)則就是必須要經(jīng)過網(wǎng)絡(luò)才可以進(jìn)行傳播，也就是說沒有了網(wǎng)頁(yè)的支持，它無法發(fā)揮自己的作用，向人們傳播。傳布信息，便是說信息的發(fā)起者應(yīng)用標(biāo)記向接收者傳布諜報(bào)的進(jìn)程。它可所以個(gè)別自己的轉(zhuǎn)達(dá)，也多是個(gè)別與個(gè)別之間的轉(zhuǎn)達(dá)。它包含“人物”、“信息”、“傳達(dá)人群”、“成果以及反響如何”這四個(gè)階段。這也是發(fā)起者把思想與設(shè)計(jì)觀念轉(zhuǎn)換成視覺元素的階段，就是概念視覺化的過程，貫穿和聯(lián)結(jié)這兩個(gè)過程的就是視覺元素。
2網(wǎng)頁(yè)中的視覺元素探討
2.1網(wǎng)頁(yè)中的視覺元素分析
網(wǎng)頁(yè)計(jì)劃中的視覺元素主如果筆墨、圖片與色彩這三大范例。上述三種元素之所以被劃分為網(wǎng)頁(yè)設(shè)計(jì)中的視覺元素，是因?yàn)樗鼈兯嬖诘囊粋€(gè)共性，不論是文字、圖片還是色彩，它們都是眼睛可以直接接收的最簡(jiǎn)潔的元素。可以直接的刺激到人們的眼球，起到更瞬間的宣揚(yáng)反應(yīng)。近幾年中，視覺元素的運(yùn)用更好的融入到了網(wǎng)頁(yè)的設(shè)計(jì)中，讓網(wǎng)頁(yè)設(shè)計(jì)變得更加紛繁復(fù)雜，多姿多彩。
2.2網(wǎng)頁(yè)設(shè)計(jì)中視覺元素特點(diǎn)
第一，在網(wǎng)頁(yè)計(jì)劃中的視覺元素，最基本的特色便是具備注視性，這一特色是網(wǎng)頁(yè)計(jì)劃中視覺元素最主要的特色，也是表現(xiàn)網(wǎng)頁(yè)計(jì)劃最基本寄義的特色。因?yàn)椋W(wǎng)頁(yè)的設(shè)計(jì)便是滿足人們獲取信息的便捷性，增強(qiáng)了解性，只有保證網(wǎng)頁(yè)具有一定的注目性，才能勾起讀者的興趣，讓人們有想要去瀏覽的欲望。最終達(dá)成制作網(wǎng)頁(yè)的最根本的目的。其次，適應(yīng)性是網(wǎng)頁(yè)計(jì)劃視覺元素具備的另外一特色。網(wǎng)頁(yè)中提及的適應(yīng)性，指的是在網(wǎng)頁(yè)之中的視覺元素應(yīng)該是隨著外在的環(huán)境不斷的提升并發(fā)生改變的，已達(dá)到適應(yīng)外部環(huán)境的目的。由于我們處在的是這樣一個(gè)信息發(fā)展提升的時(shí)代，所以唯有確保網(wǎng)頁(yè)設(shè)計(jì)中的視覺元素一直是向新時(shí)代前進(jìn)的，增加全新的資料以及元素，才會(huì)讓網(wǎng)頁(yè)的瀏覽量進(jìn)一步提升，適應(yīng)好我們所處在的這樣一個(gè)時(shí)代。第三，網(wǎng)頁(yè)計(jì)劃中視覺元素還具有被記憶性的特色。這一特色的發(fā)生，主要基于視覺元素的引人注目性和適應(yīng)性特色。第一，視覺元素?zé)o疑是可以起到刺激眼球的作用的，所以可以從根本上刺激人們?nèi)ラ喿x網(wǎng)頁(yè)上的內(nèi)容，在這樣的同時(shí)，就會(huì)使人們記住這些元素，有了元素記憶。然后，這些視覺元素能夠不斷進(jìn)行新的變化，反之又促進(jìn)其注目性的提高，并且在這兩方面的共同作用下，使人們對(duì)網(wǎng)頁(yè)的記憶更加深刻。
3視覺元素在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用
3.1文字視覺元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用
從文字開始被創(chuàng)造出來，一直到如今社會(huì)，它都是我們文化中重要的符號(hào)形式。而在網(wǎng)頁(yè)設(shè)計(jì)中，文字自然也是必不可少的組成部分，地位非常重要。網(wǎng)頁(yè)設(shè)計(jì)里面，文字符號(hào)其實(shí)不僅僅被作為一種符號(hào)語言，更重如果被作為一種記實(shí)和傳布信息的東西。進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，對(duì)文字的大小排序進(jìn)行合理安排，用多種形式的文字表達(dá)去編輯資料、網(wǎng)頁(yè)和信息，讓文字不單單起到傳播信息的作用，更作為一種藝術(shù)和文化，去帶給人們享受。要想是文字變得具有視覺效果，完成上述所說的對(duì)文字的變革，可以在編輯網(wǎng)頁(yè)時(shí)采用藝術(shù)字的方式，讓文字告別呆板，讓其表現(xiàn)形式更加的動(dòng)人多樣，大小顏色吸引眼球。
3.2圖像視覺元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用
圖片在網(wǎng)頁(yè)中的應(yīng)用中也是極其重要的，扮演著極其重要的角色，圖片在網(wǎng)頁(yè)編輯中也占據(jù)了很大的一個(gè)篇幅，和上文的文字元素比較起來，圖片所占的優(yōu)勢(shì)更加大，視覺效果也更佳。如果在網(wǎng)頁(yè)里運(yùn)用了視覺效果較強(qiáng)的圖片，還會(huì)在一開始就給人留下很深的印象，產(chǎn)生的效果是立竿見影的。對(duì)于所說的圖片的視覺效果更加強(qiáng)一些，并不是就否認(rèn)了文字在網(wǎng)頁(yè)中所發(fā)揮的效果，文字也是同樣重要的。一般情況下，圖片的解釋說明少不了文字的參與，文字可以輔助圖片吧效果發(fā)揮的更加淋漓盡致，有助于信息的快速傳達(dá)。同時(shí)，這樣一來不但可以使信息很好的傳播了出去，也增強(qiáng)了其印象，讓網(wǎng)頁(yè)更加生動(dòng)。
3.3色彩視覺元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用
顏色視覺元素是網(wǎng)頁(yè)計(jì)劃中必不可少的一種視覺元素。色彩本身就具有其自身的獨(dú)特特性，同時(shí)還具備極佳的視覺效果。額昂也設(shè)計(jì)中色彩的運(yùn)用，主要目的就是提升文字的解釋能力以及增強(qiáng)視覺上的刺激，對(duì)特定的文字以及圖片增添色彩，可以讓文字與圖像達(dá)到更好的表現(xiàn)效果，讓網(wǎng)頁(yè)的整體質(zhì)量不斷的升高。視覺效果更加的顯著。此外，色彩自身還具備很多獨(dú)特的性質(zhì)和效應(yīng)，并且每種色彩都具有不同的作用，例如綠色能夠給人舒爽的感覺，代表著大自然的清新，是青春和希望的象征;紅色象征著熱情、奔放和活力等等。
4結(jié)束語
總之，在網(wǎng)頁(yè)設(shè)計(jì)中的文字顏色以及圖片的應(yīng)用，使得網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量變得更加的高，這樣的制作網(wǎng)頁(yè)的方式順應(yīng)了信息時(shí)代的發(fā)展。是以，網(wǎng)頁(yè)計(jì)劃者應(yīng)當(dāng)不斷加強(qiáng)視覺元素在網(wǎng)頁(yè)計(jì)劃中的應(yīng)用。視覺元素作為網(wǎng)頁(yè)設(shè)計(jì)中的一個(gè)非常繁復(fù)的工作，對(duì)其審美和所達(dá)到的效果都有很高的要求。因此，在實(shí)際工作中，必須吸取多種知識(shí)，從設(shè)計(jì)者角度出發(fā)，對(duì)視覺元素進(jìn)行創(chuàng)新發(fā)展，在多種元素綜合運(yùn)用的過程中，提高網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用效益。
作者：成思豪 單位：甘肅工業(yè)職業(yè)技術(shù)學(xué)院
一、靈活自主的教學(xué)內(nèi)容
自主學(xué)習(xí)是指學(xué)生管理自己的學(xué)習(xí)。具體地說就是學(xué)生能夠自己決定學(xué)習(xí)目標(biāo)，確定學(xué)習(xí)內(nèi)容和進(jìn)度，選擇學(xué)習(xí)方法和技巧，監(jiān)控學(xué)習(xí)過程及自我評(píng)價(jià)學(xué)習(xí)效果。網(wǎng)頁(yè)設(shè)計(jì)課堂上應(yīng)賦予學(xué)生更多的權(quán)利，使他們有機(jī)會(huì)對(duì)自己的學(xué)習(xí)內(nèi)容、學(xué)習(xí)進(jìn)度等加以控制。與此同時(shí)，學(xué)生被動(dòng)的、依賴的學(xué)習(xí)心理的轉(zhuǎn)變不是一蹴而就的事情，面對(duì)嶄新的知識(shí)領(lǐng)域完全自主學(xué)習(xí)也顯得困難重重。因此，教師在這個(gè)過程中必須進(jìn)行有效的干預(yù)，對(duì)學(xué)生的學(xué)習(xí)過程進(jìn)行指導(dǎo)和監(jiān)督。要滿足學(xué)生、教師雙方的“話語權(quán)”，可以設(shè)置一套靈活自主的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)內(nèi)容，分為基礎(chǔ)模塊和自選模塊。基礎(chǔ)模塊是每個(gè)學(xué)生都必須學(xué)習(xí)的，是以教師講授為主，總共占20%的課時(shí)比例。在自選模塊里，學(xué)生可以根據(jù)自己的知識(shí)背景和興趣愛好選擇不同的學(xué)習(xí)內(nèi)容，總共占80%的課時(shí)比例。網(wǎng)頁(yè)設(shè)計(jì)教學(xué)內(nèi)容模塊按教學(xué)進(jìn)程分為基礎(chǔ)模塊之認(rèn)知與準(zhǔn)備、基礎(chǔ)模塊之界面藝術(shù)設(shè)計(jì)、自選模塊之網(wǎng)頁(yè)動(dòng)畫、基礎(chǔ)模塊之網(wǎng)頁(yè)代碼基礎(chǔ)、自選模塊之網(wǎng)頁(yè)后期制作。在認(rèn)知與準(zhǔn)備模塊中，對(duì)網(wǎng)站建設(shè)中的一些基本概念、網(wǎng)頁(yè)中使用到的媒體元素、一個(gè)完整網(wǎng)頁(yè)的構(gòu)成要素、網(wǎng)站的制作流程等知識(shí)點(diǎn)進(jìn)行講解。這些常識(shí)性的基本概念是網(wǎng)頁(yè)設(shè)計(jì)的入門知識(shí)，是每個(gè)學(xué)生必須了解的，因此這個(gè)環(huán)節(jié)的教學(xué)活動(dòng)是以教師理論講授為主。界面藝術(shù)設(shè)計(jì)模塊是以提高學(xué)生的藝術(shù)創(chuàng)意及設(shè)計(jì)能力為教學(xué)目標(biāo)，從網(wǎng)頁(yè)的色彩設(shè)計(jì)、版式設(shè)計(jì)、藝術(shù)風(fēng)格等方面進(jìn)行，使學(xué)生能夠設(shè)計(jì)出具有高度藝術(shù)性和良好功能性的網(wǎng)頁(yè)效果圖。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)能力是一個(gè)優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)師必不可少的，因此這個(gè)模塊所有內(nèi)容同樣是每個(gè)學(xué)生必須學(xué)習(xí)的。網(wǎng)頁(yè)動(dòng)畫模塊的教學(xué)目標(biāo)是培養(yǎng)學(xué)生網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)與制作能力。目前網(wǎng)頁(yè)上的動(dòng)畫從制作技術(shù)上來分，最常見的有GIF動(dòng)畫、Flash動(dòng)畫、JS特效動(dòng)畫三種。在這個(gè)自選模塊，教師先對(duì)這三類動(dòng)畫進(jìn)行分析介紹，學(xué)生再根據(jù)自己已掌握的相關(guān)知識(shí)和興趣愛好來選擇某種動(dòng)畫進(jìn)行深入學(xué)習(xí)。網(wǎng)頁(yè)代碼基礎(chǔ)知識(shí)是在后期制作網(wǎng)頁(yè)時(shí)所必須掌握的，因此這個(gè)模塊也是必學(xué)的且以教師理論講授為主。網(wǎng)頁(yè)后期制作方式有使用Table+CSS、使用DIV+CSS、Flash整站搭建三種，在這個(gè)自選模塊中，學(xué)生在對(duì)三種網(wǎng)頁(yè)制作方式的特點(diǎn)進(jìn)行了解后，可根據(jù)自身知識(shí)儲(chǔ)備和興趣愛好進(jìn)行選擇性的深入學(xué)習(xí)。網(wǎng)頁(yè)設(shè)計(jì)課程知識(shí)點(diǎn)眾多、課時(shí)有限，一直是困擾教師們的一大難題。自選教學(xué)模塊能在有限課時(shí)里滿足眾多學(xué)生的不同學(xué)習(xí)需求，對(duì)網(wǎng)頁(yè)設(shè)計(jì)課時(shí)量少的困境不失為一種解決方法。同時(shí)，學(xué)生能在有限課時(shí)里，各自選擇適合自己的方向深入學(xué)習(xí)“，術(shù)有專攻”，集中精力把所選知識(shí)點(diǎn)學(xué)精、學(xué)透，能真正達(dá)到用人單位對(duì)畢業(yè)生學(xué)科知識(shí)“專”且“精”的人才要求。更為重要的是，這套靈活自主的教學(xué)模塊給予了學(xué)生一定的學(xué)習(xí)內(nèi)容、學(xué)習(xí)進(jìn)程的控制權(quán)，在學(xué)生自主選擇的過程中引導(dǎo)他們明確了自身的知識(shí)儲(chǔ)備、興趣愛好和課程的知識(shí)結(jié)構(gòu)，以及如何依據(jù)這些因素確定個(gè)人的學(xué)習(xí)目標(biāo)。達(dá)到了把握時(shí)機(jī)、因勢(shì)利導(dǎo)地引導(dǎo)訓(xùn)練學(xué)生掌握自主學(xué)習(xí)方法的目的。
二、多維項(xiàng)目驅(qū)動(dòng)的教學(xué)方法
建構(gòu)主義者認(rèn)為，學(xué)生學(xué)習(xí)知識(shí)的過程，實(shí)際上是在教師所傳授的背景知識(shí)基礎(chǔ)上，結(jié)合過去掌握的知識(shí)，運(yùn)用自己的頭腦主動(dòng)建構(gòu)，完成新的知識(shí)體系構(gòu)建的過程。在具體教學(xué)過程中，教師的職責(zé)不是“填鴨式”的灌輸新知識(shí)，而是創(chuàng)設(shè)最佳知識(shí)情境，引導(dǎo)學(xué)生自主完成學(xué)習(xí)任務(wù)。項(xiàng)目驅(qū)動(dòng)教學(xué)是建立在建構(gòu)主義教學(xué)理論基礎(chǔ)之上的教學(xué)方法，將學(xué)生的學(xué)習(xí)活動(dòng)與實(shí)際項(xiàng)目相結(jié)合，引導(dǎo)學(xué)生積極自主的探索、整合、建構(gòu)知識(shí)，項(xiàng)目完成的過程也是學(xué)習(xí)活動(dòng)進(jìn)行的過程。網(wǎng)頁(yè)設(shè)計(jì)的教學(xué)過程可以采用多維項(xiàng)目驅(qū)動(dòng)教學(xué)法，即從教學(xué)進(jìn)程、教師講授和學(xué)生實(shí)驗(yàn)三方面進(jìn)行多維度的項(xiàng)目驅(qū)動(dòng)教學(xué)，從而促使學(xué)生積極自主學(xué)習(xí)。首先，以業(yè)內(nèi)實(shí)際項(xiàng)目開發(fā)進(jìn)程為參照設(shè)置教學(xué)進(jìn)程。我們可以看到，教學(xué)內(nèi)容模塊的推進(jìn)形成了“網(wǎng)站策劃———頁(yè)面設(shè)計(jì)———?jiǎng)赢嬛谱鳌?yè)面制作”這樣一條清晰的線路，而這種教學(xué)進(jìn)程實(shí)際上和設(shè)計(jì)公司里的工作流程完全一致。其次，教師在課堂教學(xué)時(shí)，事先準(zhǔn)備好一個(gè)有代表性的范例網(wǎng)站項(xiàng)目，根據(jù)教學(xué)大綱的知識(shí)點(diǎn)要求把范例項(xiàng)目相應(yīng)劃分成一個(gè)個(gè)子項(xiàng)目，眾多的課程知識(shí)點(diǎn)由子項(xiàng)目來承載，以案例演示的方式來講解，隨著教學(xué)進(jìn)程的推進(jìn)，范例網(wǎng)站從無到有被逐漸搭建起來。最后，在課程的開始就給學(xué)生一個(gè)貫穿整個(gè)課程教學(xué)的項(xiàng)目任務(wù)，與教師的范例項(xiàng)目相應(yīng)，這個(gè)主題網(wǎng)站同樣由多個(gè)子項(xiàng)目組成。教師演示完范例網(wǎng)站子項(xiàng)目后，學(xué)生便上機(jī)自主開發(fā)相應(yīng)的主題網(wǎng)站子項(xiàng)目。課程的教學(xué)過程實(shí)際上就是學(xué)生在教師的一個(gè)個(gè)子項(xiàng)目案例引導(dǎo)下，運(yùn)用所學(xué)知識(shí)一步步自主完成主題網(wǎng)站的過程。網(wǎng)頁(yè)設(shè)計(jì)是應(yīng)用型課程，培養(yǎng)的是學(xué)生在以后的工作環(huán)境中解決實(shí)際問題的能力。多維項(xiàng)目驅(qū)動(dòng)教學(xué)法多角度模擬實(shí)際工作情境，促使學(xué)生不僅掌握了眾多知識(shí)點(diǎn)，而且對(duì)項(xiàng)目的整體解決方案有了清晰的認(rèn)知，具有了實(shí)際項(xiàng)目操作的能力，同時(shí)還提高了自主學(xué)習(xí)、自我指導(dǎo)等綜合能力和素質(zhì)。
三、多元評(píng)量的評(píng)價(jià)方法
傳統(tǒng)的教學(xué)方式是以知識(shí)傳授為教學(xué)目的，對(duì)于學(xué)生成績(jī)的評(píng)定往往被認(rèn)為是教師課后的事情。而在強(qiáng)調(diào)自主學(xué)習(xí)的教育理念中，教學(xué)目的則不僅僅是特定知識(shí)的習(xí)得，更重要的是提高學(xué)生自我學(xué)習(xí)、指導(dǎo)和管理的能力，因此學(xué)習(xí)評(píng)價(jià)被提升到一個(gè)重要的層面。美國(guó)學(xué)者韋默認(rèn)為：“對(duì)自我進(jìn)行精確的評(píng)價(jià)和對(duì)同齡人的工作進(jìn)行建設(shè)性評(píng)價(jià)的能力是在大學(xué)期間教師有責(zé)任對(duì)學(xué)生進(jìn)行培養(yǎng)的一項(xiàng)必要的學(xué)習(xí)技能。”評(píng)價(jià)方式需要結(jié)合具體課程來設(shè)計(jì)，在網(wǎng)頁(yè)設(shè)計(jì)課程中，適合采用多元評(píng)量的評(píng)價(jià)方法。在“認(rèn)知與準(zhǔn)備”和“界面藝術(shù)設(shè)計(jì)”模塊中，采用自評(píng)和公開評(píng)議，每個(gè)同學(xué)首先給自己的作品自評(píng)，然后輪流公開展示自己的作品，回答師生的問題，教師和其余同學(xué)根據(jù)作品情況給予評(píng)價(jià)。自選模塊同樣采用自評(píng)和互評(píng)的方式，不過是在選擇了同一內(nèi)容模塊的小組間進(jìn)行。“網(wǎng)頁(yè)代碼基礎(chǔ)”模塊則借用理工科試卷評(píng)測(cè)方式，教師出題并閱卷，學(xué)生不參與評(píng)分。這種學(xué)生共同參與的多元評(píng)量模式的優(yōu)點(diǎn)突出體現(xiàn)在：首先，能有效促進(jìn)學(xué)習(xí)。評(píng)價(jià)既是給學(xué)生打成績(jī)，更重要的目標(biāo)是促進(jìn)學(xué)習(xí)。在自評(píng)和互評(píng)活動(dòng)中，學(xué)生需要盡可能深入地分析自己和同學(xué)的作品，這就促使學(xué)生把自己的實(shí)踐體驗(yàn)升華到理論思想高度。同時(shí)，對(duì)于沒有標(biāo)準(zhǔn)答案的設(shè)計(jì)作品來說，公開評(píng)議能夠擴(kuò)展設(shè)計(jì)者的思維，有利于進(jìn)一步完善作品。通過實(shí)踐到理論再到實(shí)踐的循環(huán)，能非常有效的提高學(xué)習(xí)效果。其次，能培養(yǎng)學(xué)生的評(píng)價(jià)能力。要實(shí)現(xiàn)自我學(xué)習(xí)、指導(dǎo)和管理，首先要能對(duì)自己和別人有著準(zhǔn)確的認(rèn)知和定位。自評(píng)和互評(píng)結(jié)果的對(duì)比，能夠使學(xué)生更準(zhǔn)確的認(rèn)知自己。多次參與對(duì)同學(xué)作品的評(píng)價(jià)，能夠充分鍛煉學(xué)生評(píng)價(jià)同行工作的能力。同時(shí)，通過“綜合分值”的設(shè)置把評(píng)價(jià)能力囊括到學(xué)習(xí)成績(jī)的考核范圍有著明顯激勵(lì)作用。值得注意的是，讓學(xué)生參與評(píng)價(jià)并不意味著完全放權(quán)。評(píng)價(jià)能力的培養(yǎng)是一個(gè)漸進(jìn)的過程，大多數(shù)學(xué)生沒有多少經(jīng)驗(yàn)，不太可能自發(fā)形成完善的評(píng)價(jià)體系。這就需要教師及時(shí)引導(dǎo)監(jiān)督，并在設(shè)計(jì)評(píng)價(jià)方法時(shí)盡量對(duì)一些可能發(fā)生的不合理行為進(jìn)行規(guī)避，以使得整個(gè)學(xué)習(xí)評(píng)價(jià)體系更科學(xué)、更公平。
四、結(jié)語
總之，對(duì)于自主學(xué)習(xí)來說，課堂教學(xué)有一定的制約性，如有限的時(shí)空限制、集體教學(xué)的方式、具體的教學(xué)大綱等，這些因素某種程度上限制了學(xué)生的自由發(fā)揮，但同時(shí)又是培養(yǎng)學(xué)生自主學(xué)習(xí)能力的基礎(chǔ)和保障。從教學(xué)內(nèi)容、教學(xué)方法、評(píng)價(jià)體系多方面對(duì)網(wǎng)頁(yè)設(shè)計(jì)課堂教學(xué)現(xiàn)有模式進(jìn)行改革，可以變制約性為推動(dòng)力，使學(xué)生在課堂上不僅能更高效地獲取網(wǎng)頁(yè)知識(shí)，而且能有效提升自主學(xué)習(xí)能力，為他們以后工作和生活的可持續(xù)發(fā)展奠定堅(jiān)實(shí)的基礎(chǔ)。
作者：宋翠君 單位：南通大學(xué)藝術(shù)學(xué)院
一、色彩搭配原則
1適用性
創(chuàng)建網(wǎng)站時(shí)，首先要考慮的是用戶的需求。網(wǎng)站是以宣傳用戶企業(yè)文化為主，還是以宣傳企業(yè)產(chǎn)品為主，即確定網(wǎng)站的主題。主題確定以后，就要了解哪些顏色適合傳達(dá)該主題信息。例如，IT類網(wǎng)站常常采用藍(lán)色為主色調(diào)，因?yàn)樗{(lán)色為冷色調(diào)，通常讓人聯(lián)想到海洋、天空、水、宇宙。純凈的藍(lán)色表現(xiàn)出一種美麗、冷靜、理智、安詳與廣闊。由于藍(lán)色沉穩(wěn)的特性，具有理智、準(zhǔn)確的意象，在商業(yè)設(shè)計(jì)中，強(qiáng)調(diào)科技、效率的商品或企業(yè)公司，大多選用藍(lán)色當(dāng)做標(biāo)準(zhǔn)色，企業(yè)色，如電腦，汽車，影印機(jī)，攝影器材等等。橙色是暖色調(diào)中最溫暖的顏色，具有興奮、溫暖、歡樂、輝煌、以及容易動(dòng)人的色感，所以，家居類網(wǎng)站常常以橙色調(diào)為主，能夠烘托家庭溫馨的主題，即不同的主題應(yīng)選用不同的顏色。
2獨(dú)特性
網(wǎng)頁(yè)的數(shù)量不斷增長(zhǎng)，越來越富有個(gè)性，對(duì)設(shè)計(jì)者的要求也更高。相同類型的網(wǎng)站，若網(wǎng)站的整體風(fēng)格大同小異，沒有突破，則很難在競(jìng)爭(zhēng)中取勝。要吸引瀏覽者挑剔的眼球，就要打破常規(guī)、標(biāo)新立異。即網(wǎng)站的色彩搭配要在考慮網(wǎng)站本身特點(diǎn)的同時(shí)，讓色彩的獨(dú)特性充分發(fā)揮魅力。
3整體性
網(wǎng)頁(yè)上各部分色彩都有自己的分工角色，主色具有傳達(dá)主題信息的作用，輔助色是烘托氣氛的，背景色保持畫面的整體統(tǒng)一，點(diǎn)睛色起強(qiáng)調(diào)作用。網(wǎng)頁(yè)的色彩也可以區(qū)分信息模塊、暗示控件功能等。不同的色彩在網(wǎng)頁(yè)中同時(shí)存在，就會(huì)出現(xiàn)色彩的不同組合關(guān)系，可能有強(qiáng)烈的顏色對(duì)比關(guān)系，也可能在亮度上有明暗對(duì)比關(guān)系，還可能有相似色彩間的調(diào)和關(guān)系。這些色彩的組合使網(wǎng)頁(yè)在視覺效果上豐富多彩，構(gòu)成了網(wǎng)頁(yè)的整體效果。優(yōu)秀的色彩組合是網(wǎng)頁(yè)設(shè)計(jì)者發(fā)揮藝術(shù)才能的重要領(lǐng)地，和諧的配色能夠讓整個(gè)界面看上去舒適。對(duì)比強(qiáng)烈的配色加以適當(dāng)?shù)拿娣e比例調(diào)整進(jìn)行調(diào)和能夠讓整個(gè)界面看上去清晰并且重點(diǎn)突出。因此，不同的需求可以采用不同的組合關(guān)系，但是一定要給瀏覽者良好的整體印象，這就需要這些色彩組合關(guān)系具備整體性，它主要包括色彩對(duì)比與色彩調(diào)和2個(gè)方面：
(1)色彩對(duì)比:
指各種色彩在構(gòu)成中的面積、形狀以及色相、明度、純度之間的差別，這些差別為網(wǎng)頁(yè)配色增添了許多變化，頁(yè)面顯得更加豐富多彩。色彩的對(duì)比規(guī)律大致有以下幾點(diǎn)：
（2）色相對(duì)比:
指不同色相之間的差別產(chǎn)生的對(duì)比。當(dāng)網(wǎng)頁(yè)主色確定后，必須充分考慮其他色彩與主色的關(guān)系、要表現(xiàn)的內(nèi)容及效果等，這樣才能增強(qiáng)其表現(xiàn)力。如果要突出差別關(guān)系，應(yīng)選擇主色的補(bǔ)色。若要對(duì)比效果柔和，就要選擇相似色。
（3）明度對(duì)比:
指色彩之間明暗程度的不同所形成的對(duì)比。通過明暗程度的調(diào)整，可以給瀏覽者在視覺上產(chǎn)生不同層次，不同距離的感覺。
（4）純度對(duì)比:
指不同色彩之間純度的不同所形成的對(duì)比。色彩的純度決定著色彩的鮮艷程度，將不同純度的色彩放置在一起進(jìn)行對(duì)比，會(huì)使得純度高的色彩更鮮艷，純度低的色彩更渾濁。
（5）補(bǔ)色對(duì)比:
補(bǔ)色是色環(huán)中相對(duì)位置上的兩種顏色。網(wǎng)頁(yè)中的點(diǎn)睛色就經(jīng)常采用補(bǔ)色，當(dāng)互為補(bǔ)色的兩種色彩接近時(shí)，能顯示出強(qiáng)烈的對(duì)比關(guān)系。
（6）冷暖對(duì)比:
色彩給人的感覺是有冷暖的，分為冷、暖兩大色系，這兩種色系相互排斥的，放置在同一個(gè)頁(yè)面中，就會(huì)產(chǎn)生冷暖對(duì)比。冷暖對(duì)比效果是極為強(qiáng)烈的，會(huì)導(dǎo)致畫面的不協(xié)調(diào)，一般采用以下兩種方法解決。首先是純度調(diào)整：降低冷暖兩色的純度。用黑、白、灰明度變化來調(diào)整畫面的層次、直接使用黑、白、灰色系進(jìn)入畫面搭配，或者加入補(bǔ)色，也都能很好地起到協(xié)調(diào)的效果。其次是面積調(diào)整：主次的面積區(qū)分，根絕主題的需要在畫面的面積上以一方為主色，其他顏色在使用上拉開距離，使畫面的主次關(guān)系更突出，在統(tǒng)一的同時(shí)又富有變化。
（7）面積對(duì)比:
指頁(yè)面中各種色彩在面積上的大小差別，它會(huì)影響到頁(yè)面的主次關(guān)系。在同一視覺范圍內(nèi)，色彩面積的不同會(huì)產(chǎn)生不同的對(duì)比效果。若兩種色彩的面積同樣，那么這兩種顏色之間的對(duì)比十分強(qiáng)烈，若色彩的面積不相等時(shí)，小的一種色彩就會(huì)成為陪襯，在小面積的色彩陪襯下，大面積的色彩就顯得特別突出。根據(jù)主題的需要在頁(yè)面的面積上以一方為主色，其他顏色為輔助色，使頁(yè)面的主次關(guān)系更突出。
4色彩的調(diào)和
兩種或兩種以上的色彩分布在同一個(gè)頁(yè)面中，形成色彩組合關(guān)系，色彩調(diào)和就是使這種組合關(guān)系合理搭配，產(chǎn)生統(tǒng)一、協(xié)調(diào)的效果。色彩調(diào)和是人們求得色彩協(xié)調(diào)、達(dá)到心理平衡的重要手段。
（1）同種色的調(diào)和：
選定一種顏色，通過改變這種顏色的明度或純度得到所需要的新的色彩，進(jìn)而使色彩產(chǎn)生循序的漸進(jìn)，彌補(bǔ)同種色相的單調(diào)感。
（2）類似色的調(diào)和：
如果希望兩種或兩種以上的顏色對(duì)比不那么明顯，那么就要在這些顏色之間再添加類似色進(jìn)行調(diào)和。在色相環(huán)中，色相越靠近越調(diào)和。
（3）對(duì)比色的調(diào)和：
對(duì)比度調(diào)和是指兩種或兩種以上的色彩配置在一起，通過一定的方法使其產(chǎn)生自然而融洽的感覺。其調(diào)和的方法有：提高或降低對(duì)比色的純度、采用面積大小不同的處理方法。
（4）漸變色的調(diào)和：
漸變色本身實(shí)際上是一種調(diào)和方法的運(yùn)用，是顏色按層次逐漸變化的現(xiàn)象。色彩漸變?cè)诰W(wǎng)頁(yè)的背景色中是經(jīng)常使用的。色彩的對(duì)比與調(diào)和是形式美的變化與統(tǒng)一。
二、配色的基本方法
1色調(diào)配色法
選定一種顏色，加入黑色或白色會(huì)使其明暗程度發(fā)生變化，形成這種顏色的不同色調(diào)，一般分為亮調(diào)、中間調(diào)、暗調(diào)。不同的色調(diào)會(huì)對(duì)人產(chǎn)生的一定的心理暗示。這種色調(diào)配色法在網(wǎng)頁(yè)色彩構(gòu)成中是經(jīng)常使用的。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB選項(xiàng)區(qū)（不是RGB選項(xiàng)區(qū)）中的B（亮度），指定選擇的顏色，通過拖動(dòng)右側(cè)的滑塊就可以得到這種顏色的各種色調(diào)。
2色相配色法
當(dāng)基于色相策劃了一個(gè)配色方案時(shí)，獲得的效果通常會(huì)比較華麗明艷。很多民族服飾和兒童服裝采用的都是典型的基于色相的配色方案。色相配色法就是基于某種色相，進(jìn)行類似色、互補(bǔ)色的搭配。適當(dāng)?shù)仡愃粕钆洌梢垣@得整齊寧?kù)o的效果；適當(dāng)?shù)匮a(bǔ)色搭配可以突出顯示顏色并給人輕快的感覺。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB調(diào)板區(qū)域中的H（色相），指定選擇的顏色，通過拖動(dòng)右側(cè)的滑塊即產(chǎn)生色相變化。若已在Photoshop的工作區(qū)選定了某一顏色，按下[Ctrl]+[I]鍵即可得到顏色的互補(bǔ)色。
三、小結(jié)
《網(wǎng)頁(yè)設(shè)計(jì)》這門課是中職學(xué)校網(wǎng)絡(luò)專業(yè)學(xué)生的必修課，是一門核心的專業(yè)課，很多學(xué)生雖然在技術(shù)上能夠使用工具軟件實(shí)現(xiàn)頁(yè)面的構(gòu)造，但最終形成的作品往往顯得粗糙，檔次較低，主要的原因在于色彩搭配失當(dāng)，當(dāng)然對(duì)于教師而言，這也是授課的難點(diǎn)，本文通過經(jīng)驗(yàn)總結(jié)，提出了色彩搭配的原則與技巧。
作者：雷勇 單位：東莞市經(jīng)濟(jì)易學(xué)校
一、教學(xué)內(nèi)容的分析與改進(jìn)
1、大多數(shù)教師的教學(xué)內(nèi)容主要為以下幾種類型：
（1）上課主要講解Dreamweaver軟件的使用，主要介紹如何使用這個(gè)工具進(jìn)行網(wǎng)站的開發(fā)。
（2）介紹fireworks如何繪圖，并將繪圖的內(nèi)容切片，將網(wǎng)頁(yè)展現(xiàn)出來。
（3）將Dreamweaver、Flash和Fireworks分別教給學(xué)生。由于課時(shí)的原因，學(xué)生每種都會(huì)點(diǎn)，但沒有一樣能精通。
2、存在的不足：
經(jīng)過與現(xiàn)從事網(wǎng)站建設(shè)相關(guān)工作的學(xué)生調(diào)研，我發(fā)現(xiàn)上面的任何一種教學(xué)內(nèi)容，都無法在實(shí)踐中得到充分的應(yīng)用，原因如下：首先，從事網(wǎng)站設(shè)計(jì)的企業(yè)，一般都有專門的美工，負(fù)責(zé)網(wǎng)頁(yè)界面的設(shè)計(jì)，他們的美術(shù)功底及設(shè)計(jì)能力遠(yuǎn)非計(jì)算機(jī)專業(yè)的學(xué)生能達(dá)到。其次，現(xiàn)在的網(wǎng)站基本采用DIV+CSS進(jìn)行設(shè)計(jì)，原先采用表格設(shè)計(jì)網(wǎng)頁(yè)的技術(shù)已處于淘汰階段。而在目前的教學(xué)中，DIV+CSS在中職學(xué)校中根本沒有開展教學(xué)。于是就出現(xiàn)了這樣的現(xiàn)象：計(jì)算機(jī)專業(yè)的學(xué)生在網(wǎng)頁(yè)設(shè)計(jì)的崗位上美工做不好，頁(yè)面也不會(huì)設(shè)計(jì)，教學(xué)內(nèi)容和實(shí)際需求的能力脫節(jié)。
3、當(dāng)前計(jì)算機(jī)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)內(nèi)容的組織
首先，在學(xué)習(xí)Dreamweaver的基礎(chǔ)上，講解HTML語言。其次，好的網(wǎng)頁(yè)需要有新的技術(shù)支持。現(xiàn)在主流的網(wǎng)站都采用了DIV+CSS結(jié)構(gòu),DIV+CSS是網(wǎng)頁(yè)美工必須了解和掌握的一門技術(shù),DIV+CSS采用樣式和結(jié)構(gòu)分離的方式,利于搜索引擎讀取網(wǎng)站頁(yè)面,方便管理和網(wǎng)站維護(hù)。
二、教學(xué)方法和教學(xué)思路探索改善
針對(duì)上述提出的實(shí)際問題，我對(duì)中職網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的教學(xué)思路和教學(xué)方法提出以下的見解：
1、提高教師實(shí)踐能力水平，改進(jìn)教學(xué)方法。
作為網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)的教師來說必須關(guān)注互聯(lián)網(wǎng)應(yīng)用的實(shí)時(shí)趨勢(shì)，走出課堂、走出校園、深入到企業(yè)了解就業(yè)市場(chǎng)需求。學(xué)校可以加強(qiáng)校企合作，從政策上引導(dǎo)和鼓勵(lì)教師利用寒暑假深入到企業(yè)進(jìn)行實(shí)踐。深入了解一個(gè)完整的網(wǎng)站的創(chuàng)建過程，從規(guī)劃到素材的搜集與處理，到網(wǎng)站制作，再到網(wǎng)站維護(hù)。教師把企業(yè)中的項(xiàng)目拿到課堂教學(xué)中，學(xué)生從完成項(xiàng)目的過程中，明確地知道自己學(xué)習(xí)了網(wǎng)頁(yè)設(shè)計(jì)這門課程，以后能做什么工作，在工作中怎么去應(yīng)用課堂上的知識(shí)。
2、多種教學(xué)方法并用，優(yōu)化課堂教學(xué)。
(1)分層次教學(xué)法
傳統(tǒng)的課程設(shè)計(jì)對(duì)所有學(xué)生都制定統(tǒng)一的標(biāo)準(zhǔn)和要求,這樣影響了基礎(chǔ)好、動(dòng)手能力較高的學(xué)生,抑制了他們的發(fā)展。“分層教學(xué)”就是進(jìn)行有層次的教學(xué)，針對(duì)于每堂課程給每個(gè)層次學(xué)生制定不同的標(biāo)準(zhǔn),根據(jù)學(xué)生掌握的水平和對(duì)這門課學(xué)習(xí)的興趣、智力水平及內(nèi)在潛力等一些軟指標(biāo)來區(qū)分學(xué)生層次,讓同學(xué)們?cè)谡_認(rèn)識(shí)自己、評(píng)價(jià)自己的基礎(chǔ)上進(jìn)行自我選擇。教學(xué)對(duì)象的分層有利于教學(xué)目標(biāo)的分層,可以更好地調(diào)動(dòng)每一個(gè)學(xué)生的學(xué)習(xí)積極性、主動(dòng)性。
(2)個(gè)性化教學(xué)法
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)有別于其他軟件的教學(xué),它具有較強(qiáng)的實(shí)踐性。所以在教學(xué)中應(yīng)充分體現(xiàn)學(xué)生的主體作用,雖然很多教師都注意到了這一點(diǎn),教師利用較短時(shí)間操作演示,讓學(xué)生用大量時(shí)間去實(shí)踐,但是學(xué)生出現(xiàn)了模仿、記憶的操作過程,往往按部就班的學(xué)習(xí),知識(shí)沒有經(jīng)過自己思維的深加工而一知半解。為了避免該問題發(fā)生,教師在綜合訓(xùn)練時(shí)可以提供給學(xué)生一些優(yōu)秀的網(wǎng)頁(yè)作品供學(xué)生參考,讓他們?cè)谀骋惶囟ㄖ黝}下自己動(dòng)手制作。這樣才有利于學(xué)生探究知識(shí)、自我學(xué)習(xí)能力的培養(yǎng),也能充份體驗(yàn)出學(xué)生的個(gè)性，從而保護(hù)了每個(gè)學(xué)生的創(chuàng)造力。
(3)案例教學(xué)法
案例教學(xué)法對(duì)于這門課程是非常重要的，要求學(xué)生做出高水平、高質(zhì)量的網(wǎng)頁(yè)，首先要開闊學(xué)生的視野，開拓學(xué)生的思路，見多才能識(shí)廣，教師在上課的過程中，一定要精心設(shè)計(jì)案例，案例應(yīng)該由易到難，不能讓學(xué)生產(chǎn)生畏難情緒，而降低積極性。案例教學(xué)的著眼點(diǎn)在于學(xué)生創(chuàng)造能力以及實(shí)際解決問題的能力的培養(yǎng)，不僅僅是獲得那些固定的原理、規(guī)則，而是如何用更有效的方式獲得知識(shí)。案例教學(xué)是一種“做中學(xué)”的形式，它是從經(jīng)驗(yàn)與活動(dòng)中獲取知識(shí)，增進(jìn)才干。通過案例教學(xué)，學(xué)生不僅可以從中獲得認(rèn)知的知識(shí)，而且有助于提高表達(dá)、討論的技能，增強(qiáng)面對(duì)困難的自信心。
（4）任務(wù)驅(qū)動(dòng)法
任務(wù)驅(qū)動(dòng)法是以完成具體任務(wù)為目的而展開教學(xué)活動(dòng)，使學(xué)生緊緊圍繞任務(wù)進(jìn)行探索學(xué)習(xí)，由淺入深，由簡(jiǎn)及繁，循序漸進(jìn)地完成特定的教學(xué)任務(wù)。在整個(gè)過程中，學(xué)生是學(xué)習(xí)的主體，教師只起到引導(dǎo)的作用，從而使學(xué)生逐漸養(yǎng)成發(fā)現(xiàn)問題、思考問題、分析問題、解決問題的習(xí)慣。同時(shí)“任務(wù)”的完成使學(xué)生有成就感，激發(fā)學(xué)生學(xué)習(xí)興趣，從而使學(xué)生由傳統(tǒng)的“被動(dòng)學(xué)習(xí)”狀態(tài)轉(zhuǎn)化為“主動(dòng)學(xué)習(xí)”狀態(tài)。本課程期末考核可以通過設(shè)計(jì)一個(gè)覆蓋網(wǎng)頁(yè)設(shè)計(jì)與制作所需要掌握的知識(shí)和技術(shù)的總?cè)蝿?wù)，然后再將總?cè)蝿?wù)進(jìn)行細(xì)分為一個(gè)個(gè)小的任務(wù)，做到具體小任務(wù)的完成推動(dòng)總?cè)蝿?wù)的完成。通過任務(wù)的完成，學(xué)生能夠在一個(gè)學(xué)期內(nèi)有效的掌握相關(guān)知識(shí)和技能，提高了學(xué)生學(xué)習(xí)效率和實(shí)際操作能力。因此，任務(wù)驅(qū)動(dòng)法在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中是非常有效的。
3、教學(xué)手段，以啟發(fā)和體會(huì)為主
在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，理論知識(shí)講得再多，如果學(xué)生不會(huì)靈活運(yùn)用，一點(diǎn)用處也沒有。在教學(xué)中，不必太拘束于理論，應(yīng)讓學(xué)生結(jié)合實(shí)踐，去理解和體會(huì)知識(shí)。如在學(xué)習(xí)網(wǎng)頁(yè)的布局和頁(yè)面色彩時(shí)，教師應(yīng)找各種各樣的典型網(wǎng)頁(yè)或網(wǎng)站，讓學(xué)生在上網(wǎng)或觀察中體會(huì)。學(xué)生在觀察和研究這些不同的網(wǎng)站設(shè)計(jì)的時(shí)候，教師可以讓學(xué)生評(píng)選出自己喜歡的或者是覺得最好的和最差的，讓學(xué)生說說它們的差異。通過這樣的觀察和體會(huì)，讓學(xué)生明白網(wǎng)頁(yè)設(shè)計(jì)過程中，需要注意什么，怎么做才會(huì)更好。學(xué)生結(jié)合自己的實(shí)際體會(huì)，歸納總結(jié)出自己能理解和掌握的知識(shí)。
4、實(shí)踐環(huán)節(jié)重引導(dǎo)
中職計(jì)算機(jī)教學(xué)更重視實(shí)踐，重視動(dòng)手操作，否則理論知識(shí)再豐富，如果不會(huì)動(dòng)手實(shí)踐，也不能保證學(xué)生能夠更好地就業(yè)。實(shí)踐環(huán)節(jié)不但要重視，還要高效，有些學(xué)校在課程的實(shí)踐方面，分配了足夠的課時(shí)，但實(shí)踐的效果并不好。在網(wǎng)頁(yè)設(shè)計(jì)這種相對(duì)比較開放和自由的實(shí)踐課上，可讓學(xué)生充分發(fā)揮自己的想象力和創(chuàng)造力。值得注意的是，在學(xué)生的實(shí)踐過程中，教師要對(duì)學(xué)生進(jìn)行適當(dāng)?shù)膸椭鸵龑?dǎo)，如果任由學(xué)生自己去摸索，那么很可能在上機(jī)實(shí)踐這段有限的時(shí)間內(nèi)，學(xué)生很難做出點(diǎn)東西來。這個(gè)階段并不是學(xué)生探索的階段，重要的是鼓勵(lì)學(xué)生把設(shè)想變?yōu)楝F(xiàn)實(shí)。
三、考核、評(píng)價(jià)方法的改變
網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)踐性非常強(qiáng)，我們要檢驗(yàn)的是學(xué)生的設(shè)計(jì)能力、綜合應(yīng)用能力和創(chuàng)新能力，那么單純靠最后的期末考試，是不能確切的評(píng)價(jià)一個(gè)學(xué)生的真實(shí)水平，而要將平時(shí)的作業(yè)、練習(xí)都納入學(xué)生評(píng)價(jià)中。對(duì)于網(wǎng)頁(yè)這門課程，我認(rèn)為比較合理的評(píng)價(jià)方法應(yīng)該是平時(shí)的作業(yè)占50%，期末考試占50%。平時(shí)的作業(yè)就是一次次的案例，檢查學(xué)生平時(shí)學(xué)習(xí)的態(tài)度和知識(shí)的掌握情況。對(duì)于期末考試，我認(rèn)為應(yīng)該以要求學(xué)生設(shè)計(jì)一個(gè)完整的網(wǎng)站來結(jié)束本課程，而不是要求在給定時(shí)間內(nèi)完成任務(wù)，本身一個(gè)網(wǎng)站的建設(shè)在短短的兩三個(gè)小時(shí)內(nèi)是無法完成的，包括素材的收集、版面的布局、內(nèi)容的充實(shí)等，何況學(xué)生可以利用互聯(lián)網(wǎng)來收集相關(guān)的資料，參考引用他人模板來完成任務(wù)，所以應(yīng)該以上交作品的形式完成本課程的期末考試，在作品完成的過程中，老師進(jìn)行巡視、評(píng)價(jià)，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過程也作為我們?cè)u(píng)價(jià)的一個(gè)依據(jù)。最后，上交的作品可以讓全班同學(xué)互相點(diǎn)評(píng)、互相評(píng)價(jià)，在評(píng)價(jià)別人作品的同時(shí)以提高自己的水平。
四、總結(jié)
總之，在中職計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，教師要緊隨市場(chǎng)步伐，在教學(xué)中應(yīng)以全新的教學(xué)理念運(yùn)用最實(shí)用教學(xué)方法，從培養(yǎng)學(xué)生利用網(wǎng)頁(yè)獲取信息和信息這一出發(fā)點(diǎn)入手，既讓學(xué)生學(xué)會(huì)它的制作方法，又能在制作過程中充分體現(xiàn)創(chuàng)新性，同時(shí)也能培養(yǎng)學(xué)生的協(xié)作精神，使知識(shí)學(xué)以致用。及時(shí)更新教學(xué)內(nèi)容，新技術(shù)積極改進(jìn)教學(xué)內(nèi)容跟根據(jù)實(shí)際的情況，敢于打破一些傳統(tǒng)的教學(xué)模式和方法，用更高效、更人性化的方法進(jìn)行教學(xué)。因此，要想提高該課程的教學(xué)成效，教師要認(rèn)真對(duì)待教學(xué)的每一個(gè)環(huán)節(jié)，與時(shí)俱進(jìn)，開展以學(xué)生為本，以學(xué)生的發(fā)展為綱的課堂教學(xué)，讓每一個(gè)學(xué)生的能力都得到發(fā)展，都能學(xué)到實(shí)實(shí)在在的有用的知識(shí)。
作者：翟志慧 單位：南京玄武中等專業(yè)學(xué)校
一、網(wǎng)頁(yè)色彩設(shè)計(jì)要符合受眾心理習(xí)慣
人對(duì)色彩的心理想像往往支配自己的購(gòu)買行為。咖啡、巧克力的包裝紙必須使用咖啡色或紅色。來自美國(guó)的調(diào)查報(bào)告證實(shí)，以紫色，藍(lán)色、咖啡色包裝紙包裝咖啡、巧克力、牛奶，大部分消費(fèi)者深感不快，致使銷售量銳減。在日本，為使蜜桔、蘋果、西瓜等水果顯示本身的固有色、而迎合消費(fèi)者心理，不少水果店不得不借助染色劑。消費(fèi)者重視固有色，設(shè)計(jì)色彩時(shí)不能忽視這一因素。近年來，為了保護(hù)人身健康，雖已停止使用在安全上有問題的色素，但是，以木紋三合板作為桌面的鐵桌子比比皆是，可見，人們對(duì)固有色的推崇是根深蒂固的。尊重消費(fèi)者的心理習(xí)慣，要科學(xué)、合理地安排網(wǎng)頁(yè)色彩設(shè)計(jì)。
二、網(wǎng)頁(yè)色彩設(shè)計(jì)要遵循受眾視知覺特征
色彩的位置與方向在頁(yè)面構(gòu)圖中是很重要。藍(lán)色在視域的頂部、底部、左側(cè)或右側(cè)，其作用各不相同。底部的藍(lán)色是重的，高部的藍(lán)色是輕的。頂部的深紅色表現(xiàn)為沉重緊急的重量，在底部卻表現(xiàn)為穩(wěn)定的事實(shí)。黃色在頂部時(shí)產(chǎn)生一種毫無重量的效果，在底部時(shí)其效果就像受控制的浮力。色彩分布的平衡是頁(yè)面構(gòu)圖的最重要的目的之一。正如天秤的秤桿為支撐平衡而需要支點(diǎn)一樣，在一個(gè)頁(yè)面里平衡的垂直軸線也是必需的。色域的重量在軸線的兩邊起作用。在尋求決定一幅畫中的“左側(cè)”和“右側(cè)”的價(jià)值時(shí)，我們首先會(huì)想到人類的身體。左側(cè)通常比較被動(dòng)，右側(cè)意味著活力。右側(cè)傾向于向前和向上，而左側(cè)則后退和下墜。許多繪畫作品都是從畫左下側(cè)的重點(diǎn)開始的，然后向右上方運(yùn)動(dòng)。在進(jìn)行網(wǎng)頁(yè)色彩設(shè)計(jì)時(shí)設(shè)計(jì)師要充分考慮色彩給受眾的視知覺感受，除了色彩的相對(duì)位置外，色彩量的比例、它們的純度和明度也是重要的。
三、網(wǎng)頁(yè)色彩設(shè)計(jì)的原則和方法
⑴網(wǎng)頁(yè)色彩設(shè)計(jì)的原則：
在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)色彩選擇時(shí)，要遵循網(wǎng)站自身的特點(diǎn)并掌握一定的配色規(guī)律，進(jìn)而設(shè)計(jì)出優(yōu)秀精美的頁(yè)面。
①色彩選擇要具鮮明性：
色彩鮮明的網(wǎng)站往往很容易引人注意，吸引受眾眼球，給受眾眼前一亮的感覺。②色彩選擇要具獨(dú)特性：網(wǎng)頁(yè)用色要有自己獨(dú)特的風(fēng)格，與眾不同色彩選擇才能給人受眾留下深刻的印象。
③色彩選擇要具藝術(shù)性：
依內(nèi)容決定形式的原則，在體現(xiàn)網(wǎng)站自身特點(diǎn)的同時(shí)，進(jìn)行必要的藝術(shù)創(chuàng)新，從而設(shè)計(jì)出既體現(xiàn)網(wǎng)站主題要求，又具有一定藝術(shù)風(fēng)格的網(wǎng)站。
④色彩搭配要合理：
網(wǎng)頁(yè)設(shè)計(jì)色彩的選擇是根據(jù)主題來確定，不同站點(diǎn)的主題選用不同的色彩。網(wǎng)頁(yè)設(shè)計(jì)中色彩的搭配很重要，良好的色彩搭配方案給訪問者很強(qiáng)的視覺沖擊力，加深訪問者對(duì)網(wǎng)站的印象；失敗的配色則會(huì)讓訪問者情緒浮躁不安。
⑤同色系搭配：
同色系搭配是指選定一種色彩，通過調(diào)整其明度和純度，將其加深或減淡，產(chǎn)生出新的色彩來進(jìn)行網(wǎng)頁(yè)色彩設(shè)計(jì)，同色系配色的頁(yè)面視覺效果統(tǒng)一，層次細(xì)膩而豐富。
⑥鄰色系搭配：
鄰色系配色是指選用色相環(huán)上相鄰的色彩設(shè)計(jì)網(wǎng)頁(yè)，采用鄰近色搭配的頁(yè)面視覺效果自然又和諧。
⑦對(duì)比色搭配：
對(duì)比色搭配可以突出網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)，給受訪者強(qiáng)烈的視覺效果和主次分明的視覺印象。在進(jìn)行對(duì)比色搭配時(shí)通常以某種色為主色調(diào)，其對(duì)比色作為色彩點(diǎn)綴，起到視覺調(diào)劑和畫龍點(diǎn)睛的作用。⑧暖色搭配：使用紅色黃色橙色等暖色系色彩進(jìn)行網(wǎng)頁(yè)色彩搭配，暖色調(diào)的運(yùn)用可為網(wǎng)站營(yíng)造出和諧安定溫暖而又熱情的氛圍。
⑨冷色搭配：
使用綠色藍(lán)色紫色等冷色系色彩進(jìn)行網(wǎng)頁(yè)色彩搭配，冷色調(diào)的運(yùn)用可為網(wǎng)頁(yè)營(yíng)造出高雅寧?kù)o清新而又理智的氛圍。
⑵網(wǎng)頁(yè)色彩設(shè)計(jì)的方法：
①單色配色
網(wǎng)頁(yè)色彩設(shè)計(jì)要避免色彩選用給受眾單一的感覺。頁(yè)面色彩設(shè)計(jì)中調(diào)整色彩的純度和明度可以產(chǎn)生變化，使網(wǎng)站層次豐富避免單調(diào)。
②黑色
在網(wǎng)頁(yè)色彩設(shè)計(jì)中，黑色通常用作背景色或調(diào)劑色，常與不同純度明度色彩搭配使用，視覺效果合理穩(wěn)定，在網(wǎng)頁(yè)設(shè)計(jì)中是一種使用率極高的色彩。
③背景色
在網(wǎng)頁(yè)色彩設(shè)計(jì)中背景色起著突出網(wǎng)站主題，奠定網(wǎng)頁(yè)主體風(fēng)格的作用。網(wǎng)頁(yè)背景色的選用應(yīng)避免色彩復(fù)雜的圖片和純度很高的色彩。
④鄰近色配色
采用色環(huán)上相鄰近的顏色，網(wǎng)頁(yè)設(shè)計(jì)中鄰近色的選用可以避免網(wǎng)頁(yè)色彩混雜，產(chǎn)生和諧統(tǒng)一的視覺效果。
⑤對(duì)比色配色
網(wǎng)頁(yè)色彩設(shè)計(jì)時(shí)以一種顏色為主，對(duì)比色為輔，起強(qiáng)調(diào)點(diǎn)綴的作用，引起訪問者注意。對(duì)比色的使用突出重點(diǎn)，使網(wǎng)頁(yè)產(chǎn)生強(qiáng)烈的視覺效果。
⑥色量
一個(gè)主題網(wǎng)站的色彩選擇應(yīng)控制在三種色彩以內(nèi)，而不是越多越好，過多的色彩會(huì)造成視覺的無秩序感。在有限的色量選擇中，調(diào)整色彩的三大屬性來豐富頁(yè)面效果。
四、結(jié)語
威廉﹒奧斯特瓦爾德曾在《色彩入門》一書中寫道“：經(jīng)驗(yàn)使我們知道，不同色彩的某些結(jié)合使人愉快，另一些則使人不愉快或使人全然無感覺。”在網(wǎng)頁(yè)色彩設(shè)計(jì)中，和諧有秩序感韻律感的色彩設(shè)計(jì)充滿力量。網(wǎng)頁(yè)通過色彩向我們展示了世界的精神和活生生的靈魂。
作者：張大慶 單位：長(zhǎng)江大學(xué)藝術(shù)學(xué)院
一、移動(dòng)教學(xué)與移動(dòng)學(xué)習(xí)
移動(dòng)通信技術(shù)日新月異的發(fā)展速度，網(wǎng)絡(luò)信息量的暴增，人們使用移動(dòng)設(shè)備的普遍化，都使一種新的學(xué)習(xí)模式應(yīng)運(yùn)而生———移動(dòng)學(xué)習(xí)。移動(dòng)學(xué)習(xí)的概念在國(guó)外60年代就已提出，但國(guó)內(nèi)發(fā)展較晚，且隨著通信技術(shù)的發(fā)展，其形式與方法也已發(fā)生本質(zhì)的變化。移動(dòng)學(xué)習(xí)的成果不僅應(yīng)用在教育方面，商業(yè)、軍事、旅游等多領(lǐng)域也有所涉及。在將移動(dòng)學(xué)習(xí)模式引入教育系統(tǒng)中時(shí)，首先要明確兩個(gè)概念的區(qū)別：移動(dòng)教學(xué)與移動(dòng)學(xué)習(xí)。這是兩個(gè)具有本質(zhì)區(qū)別的概念，移動(dòng)教學(xué)的主體是教師，教師通過使用電腦、投影儀等設(shè)備進(jìn)行教學(xué)，在此過程中移動(dòng)設(shè)備只作為輔助教學(xué)的一種手段，主動(dòng)者為教師；而移動(dòng)學(xué)習(xí)的主體是學(xué)生，學(xué)生使用除傳統(tǒng)的書本、筆之外的移動(dòng)通訊設(shè)備進(jìn)行學(xué)習(xí)的一種方式，學(xué)生的身份已由被動(dòng)學(xué)習(xí)者轉(zhuǎn)為主動(dòng)學(xué)習(xí)者。這也體現(xiàn)了移動(dòng)學(xué)習(xí)模式的優(yōu)點(diǎn)。若要充分發(fā)揮移動(dòng)學(xué)習(xí)設(shè)備的學(xué)習(xí)輔助功能，學(xué)校應(yīng)該從教師和學(xué)生兩個(gè)方面來引導(dǎo)。首先在教師方面，要引導(dǎo)教師轉(zhuǎn)變傳統(tǒng)的課堂教學(xué)觀念，讓教師意識(shí)到移動(dòng)學(xué)習(xí)設(shè)備這種新的學(xué)習(xí)輔助工具可以幫助教師，在課下完善教學(xué)過程，讓教師從更深層次上接受這種新的學(xué)習(xí)工具。從移動(dòng)學(xué)習(xí)的角度來講，它與傳統(tǒng)學(xué)習(xí)方式的區(qū)別在于，移動(dòng)學(xué)習(xí)中更加注重以學(xué)習(xí)者作為學(xué)習(xí)活動(dòng)的主體，學(xué)習(xí)植入到生活當(dāng)中，是學(xué)習(xí)者主動(dòng)結(jié)合語境來獲取學(xué)習(xí)內(nèi)容，因而移動(dòng)學(xué)習(xí)設(shè)備，就是一個(gè)移動(dòng)的課本，不僅在形式上豐富了教學(xué)內(nèi)容，同時(shí)滿足了一個(gè)移動(dòng)的“大型圖書館”功能。其次要引導(dǎo)教師轉(zhuǎn)變傳統(tǒng)的教育方法，大學(xué)生在使用移動(dòng)學(xué)習(xí)設(shè)備過程中，一般不會(huì)有詳細(xì)的學(xué)習(xí)計(jì)劃，因而教師應(yīng)該引導(dǎo)學(xué)生根據(jù)自身的學(xué)習(xí)特點(diǎn)來選擇資源，制定符合自身學(xué)習(xí)特點(diǎn)的計(jì)劃。教師更多地對(duì)大學(xué)生引導(dǎo)和幫助，鼓勵(lì)他們從正向的積極的方面發(fā)現(xiàn)移動(dòng)學(xué)習(xí)設(shè)備的功能，善于從中發(fā)現(xiàn)問題，找到適合自身的學(xué)習(xí)方式。最后是要鼓勵(lì)教師積極應(yīng)對(duì)這種變化，使用移動(dòng)學(xué)習(xí)設(shè)備學(xué)習(xí)時(shí)，學(xué)習(xí)地點(diǎn)的自由性將使得大學(xué)生需要幫助時(shí)，能夠及時(shí)地與教師取得聯(lián)系，獲取幫助和支持，如果雙方的交流和互動(dòng)受到阻礙，將會(huì)影響到學(xué)生的積極性。對(duì)教師而言，移動(dòng)學(xué)習(xí)設(shè)備不僅提供了快捷的方式與學(xué)生之間進(jìn)行交流和溝通，同時(shí)對(duì)自身的學(xué)習(xí)成長(zhǎng)亦是非常好的輔助工具。對(duì)大學(xué)生的鼓勵(lì)和引導(dǎo)，主要體現(xiàn)在幫助大學(xué)生確定正確的認(rèn)知和學(xué)習(xí)方法上，移動(dòng)學(xué)習(xí)設(shè)備作為一種新型的學(xué)習(xí)方式的工具，這就要求大學(xué)生對(duì)其要有正確的認(rèn)識(shí)，只有對(duì)移動(dòng)學(xué)習(xí)設(shè)備有了全面和深入的理解，才能有效地合理地利用移動(dòng)學(xué)習(xí)設(shè)備資源，避免出現(xiàn)將移動(dòng)學(xué)習(xí)設(shè)備作為考試的作弊工具，作為課堂學(xué)習(xí)上網(wǎng)聊天和玩游戲的消遣工具，陷入到誤區(qū)中，造成移動(dòng)學(xué)習(xí)設(shè)備資源的浪費(fèi)。因此學(xué)校要加大對(duì)移動(dòng)學(xué)習(xí)設(shè)備使用的宣傳力度，積極引導(dǎo)大學(xué)生對(duì)移動(dòng)學(xué)習(xí)設(shè)備有正確的認(rèn)知，讓大學(xué)生具有移動(dòng)學(xué)習(xí)的意識(shí)，能夠主觀能動(dòng)地運(yùn)用移動(dòng)學(xué)習(xí)設(shè)備進(jìn)行學(xué)習(xí)。另外在使用移動(dòng)學(xué)習(xí)設(shè)備的過程中，如果大學(xué)生缺乏有效的指導(dǎo)，沒有掌握正確的學(xué)習(xí)方法，將會(huì)導(dǎo)致學(xué)習(xí)目的偏差學(xué)習(xí)效果低下、學(xué)習(xí)過程失控等現(xiàn)象。
二、“靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)”課程的移動(dòng)教學(xué)模式
移動(dòng)通信網(wǎng)絡(luò)的普及，咨詢使用費(fèi)率的低廉，信號(hào)通信速率的提升都為移動(dòng)學(xué)習(xí)提供了有力的保障，也使移動(dòng)學(xué)習(xí)這種方式快速發(fā)展并被人們所接收和熟知。本文就以靜態(tài)網(wǎng)頁(yè)課程如何設(shè)計(jì)行之有效的移動(dòng)學(xué)習(xí)內(nèi)容，如何開展學(xué)習(xí)及交互模式的設(shè)計(jì)展開探討，建立相應(yīng)的教學(xué)模式。
（一）課程內(nèi)容設(shè)計(jì)
移動(dòng)學(xué)習(xí)的特點(diǎn)就是利用移動(dòng)設(shè)備能夠無空間、無地域限制的進(jìn)行學(xué)習(xí)，這種特點(diǎn)要求課程在內(nèi)容設(shè)計(jì)時(shí)具有短小、多格式、易理解等特點(diǎn)，且資源豐富，能夠使學(xué)習(xí)者第一時(shí)間、快捷地獲取所需知識(shí)。移動(dòng)學(xué)習(xí)的課程也可以稱為微型課程，內(nèi)容在選擇與設(shè)計(jì)上要把知識(shí)點(diǎn)盡可能細(xì)化到最小，或提供一個(gè)案列式主題，以便學(xué)習(xí)者在能接受時(shí)間內(nèi)完成學(xué)習(xí)。學(xué)習(xí)者在移動(dòng)學(xué)習(xí)過程中，環(huán)境、地點(diǎn)的游離性決定受外界因素的影響易產(chǎn)生干擾性，課程內(nèi)容設(shè)計(jì)得簡(jiǎn)短、直接、易理解，與學(xué)習(xí)者所處環(huán)境適時(shí)融合，產(chǎn)生較好的學(xué)習(xí)效果。“靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)”是一門實(shí)踐性較強(qiáng)的計(jì)算機(jī)技能課程，知識(shí)點(diǎn)架構(gòu)與分解時(shí)不能采取傳統(tǒng)的逐一講解的模式，應(yīng)以小案例形式，參考網(wǎng)站設(shè)計(jì)流程來細(xì)化、組織每個(gè)知識(shí)點(diǎn)。劃分之后即為工作流程對(duì)應(yīng)技術(shù)能力，技術(shù)能力對(duì)應(yīng)實(shí)際案例，案例對(duì)應(yīng)情景，最后的內(nèi)容形式就為情景或小案例，劃分內(nèi)容如表1所示：
（二）媒體形式選擇
常用的移動(dòng)設(shè)備品種繁多，諸如有手機(jī)、平板電腦、MP3（MP4）、psp等，其多樣性決定了移動(dòng)學(xué)習(xí)課程體現(xiàn)形式的多樣化，移動(dòng)終端設(shè)備是移動(dòng)學(xué)習(xí)的最終載體，選擇一種適用多平臺(tái)具有通用性的媒體形式是非常困難的，因此要結(jié)合學(xué)習(xí)內(nèi)容選用與之相符的媒體形式。多媒體的格式眾多，與移動(dòng)設(shè)備結(jié)合時(shí)要考慮到移動(dòng)設(shè)備的限制，例如屏幕較一般固定顯示設(shè)備小，數(shù)據(jù)處理能力有限，存儲(chǔ)空間不是很大，電腦上原有學(xué)習(xí)資源不能直接移植使用，同時(shí)一種學(xué)習(xí)內(nèi)容要有多種表現(xiàn)形式。要合理選擇媒體形式就要了解每種媒體的特性，針對(duì)不同的學(xué)習(xí)內(nèi)容，使用不同的設(shè)計(jì)方案，讓移動(dòng)學(xué)習(xí)的呈現(xiàn)方式和途徑與學(xué)習(xí)內(nèi)容吻合。在移動(dòng)學(xué)習(xí)中常見的多媒體形式。靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的媒體選擇可以多種形式體現(xiàn)不同內(nèi)容，設(shè)計(jì)為理論知識(shí)以文本和音頻形式體現(xiàn)，實(shí)際操作以視頻和圖片格式來教學(xué)，最終效果與系統(tǒng)總結(jié)可以采取網(wǎng)頁(yè)格式來系統(tǒng)呈現(xiàn)。
（三）交互設(shè)計(jì)
交互設(shè)計(jì)在移動(dòng)學(xué)習(xí)中也非常的重要，學(xué)生的學(xué)習(xí)感受與疑惑能夠及時(shí)得到老師的解答，將會(huì)極大激勵(lì)學(xué)生學(xué)習(xí)的積極性。人們?cè)诋a(chǎn)生疑問時(shí)往往希望第一時(shí)間得到答案，在教學(xué)中教師提出問題，學(xué)生可以使用移動(dòng)設(shè)備收集第一手資料分析總結(jié)出問題答案，在此過程中學(xué)生如有疑問教師實(shí)時(shí)解答，不僅提高學(xué)習(xí)效果更能增加師生的互動(dòng)交流心得，為教師后期的教學(xué)給予一定的指導(dǎo)作用。目前較為常用的用于交互設(shè)計(jì)的形式有三種：基于短信的交互形式、基于應(yīng)用程序的交互形式、基于網(wǎng)頁(yè)的交互形式。基于短信的交互形式是最為常用的一種，內(nèi)容一般為發(fā)送問題接受反饋內(nèi)容，實(shí)時(shí)性與成本兼顧。基于應(yīng)用程序的交互形式是學(xué)習(xí)者下載軟件客戶端可離線學(xué)習(xí)，如有疑問通過短信形式返回，這種形式的交互常應(yīng)用于內(nèi)容多而完整，無法分割為微單元的學(xué)習(xí)內(nèi)容，交互效果較弱需與其它交互形式結(jié)合使用。網(wǎng)頁(yè)交互形式有兩類：電腦顯示的WEB形式，手機(jī)顯示的WAP形式，這種交互設(shè)計(jì)主要針對(duì)信息量較大，運(yùn)算速度有所限制的教學(xué)內(nèi)容。靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的交互設(shè)計(jì)為每節(jié)課主要內(nèi)容首先通過短信、微信的形式，讓學(xué)生提前預(yù)習(xí)；內(nèi)容的體現(xiàn)采用視頻、應(yīng)用軟件形式在手機(jī)客戶端加載；學(xué)習(xí)疑問與感受，與教師的交流互動(dòng)采用微信、短信或網(wǎng)頁(yè)形式呈現(xiàn)。
（四）設(shè)計(jì)示例
總體設(shè)計(jì)后，把能在細(xì)化的案例再細(xì)化，不能的就可建立微課形式，例如上述內(nèi)容中網(wǎng)頁(yè)布局與編輯內(nèi)容根據(jù)內(nèi)容設(shè)計(jì)原則，媒體設(shè)計(jì)與交互形式設(shè)計(jì)原則可建立移動(dòng)學(xué)習(xí)單元。只有綜合多種交互形式，才能完美呈現(xiàn)課堂內(nèi)容與實(shí)現(xiàn)移動(dòng)教學(xué)與移動(dòng)學(xué)習(xí)的優(yōu)勢(shì)，即實(shí)時(shí)性獲取所需信息達(dá)到學(xué)習(xí)目的。
三、結(jié)論
移動(dòng)學(xué)習(xí)課程模式設(shè)計(jì)要綜合考慮多個(gè)因素，環(huán)境、移動(dòng)設(shè)備、受用人群等，體現(xiàn)模式也多種多樣，要能充分的滿足學(xué)習(xí)者隨時(shí)隨地獲取自身感興趣、具有實(shí)用性的內(nèi)容外，還能為工作，生活提供便利，提高學(xué)習(xí)效率。同時(shí)內(nèi)容要短小、精悍，最大限度降低學(xué)習(xí)者的疲勞度，調(diào)動(dòng)積極性。靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的微課程模式設(shè)計(jì)為學(xué)生學(xué)習(xí)本課程提供了另一種平臺(tái)，但目前還是需要與傳統(tǒng)教學(xué)模式相結(jié)合使學(xué)生逐步接受，最終使移動(dòng)學(xué)習(xí)方式成為一種習(xí)慣，改變?nèi)藗兊膶W(xué)習(xí)環(huán)境。
作者：南楠 單位：三門峽職業(yè)技術(shù)學(xué)院信息傳媒學(xué)院
1正確認(rèn)識(shí)網(wǎng)頁(yè)設(shè)計(jì)與制作課程的性質(zhì)和地位
1．1網(wǎng)頁(yè)設(shè)計(jì)與制作課程的性質(zhì)
首先，設(shè)計(jì)者要有一定的美術(shù)功底，其次要有搜集和整理素材的能力，再者要有準(zhǔn)確的表達(dá)能力，甚至還應(yīng)該具備一定的行為學(xué)知識(shí)的能力，另外還要有分析和創(chuàng)新能力。綜上所述，得出以下結(jié)論，網(wǎng)頁(yè)設(shè)計(jì)課程是一門綜合性很強(qiáng)的基礎(chǔ)課程。
1．2網(wǎng)頁(yè)設(shè)計(jì)與制作課程的地位
與網(wǎng)頁(yè)設(shè)計(jì)與制作課程關(guān)系密切的課程很多，而關(guān)系最為密切的課程有計(jì)算機(jī)應(yīng)用基礎(chǔ)課程，電腦繪畫課程(Photoshop)和動(dòng)漫設(shè)計(jì)課程(flash)，這三門課程都是網(wǎng)頁(yè)設(shè)計(jì)與制作課程的前導(dǎo)課程，相對(duì)于這三門課程來講，網(wǎng)頁(yè)設(shè)計(jì)與制作課程就是后續(xù)課程。在對(duì)后續(xù)課程的教學(xué)過程中，必定會(huì)讓學(xué)生運(yùn)用到前導(dǎo)課程的知識(shí)和技能，這樣不僅可以讓學(xué)生對(duì)前導(dǎo)課程進(jìn)行一定的強(qiáng)化學(xué)習(xí)，而且更有利于后續(xù)課程的教授和學(xué)習(xí)，在很大程度上，能夠提高學(xué)生設(shè)計(jì)網(wǎng)站的水平。如果把前導(dǎo)課程比喻成紅花和綠葉的話，那么后續(xù)課程就是飽滿的果實(shí)。由此看來，網(wǎng)頁(yè)設(shè)計(jì)與制作課程在整個(gè)教學(xué)體系中占據(jù)著非常重要的地位。
2選擇適合高職院校學(xué)生特點(diǎn)的教材
我院具有所有高職院校所共有的職業(yè)特點(diǎn)，但又有著我們自身更為突出的特點(diǎn)，要以“面向高職學(xué)生以應(yīng)用”為目的的思想為指導(dǎo)，以能力為本位，適應(yīng)社會(huì)的需要，這就要求我們?cè)谶x擇教材時(shí)一定要準(zhǔn)確實(shí)用，我院幼兒教育系選用的是由清華大學(xué)出版社出版的第二版《Dreamweaver網(wǎng)頁(yè)制作實(shí)用教程》，本教材以“實(shí)例+知識(shí)點(diǎn)”的結(jié)構(gòu)構(gòu)建內(nèi)容，采用“任務(wù)驅(qū)動(dòng)教學(xué)法”讓學(xué)生邊做邊學(xué)，并配以相應(yīng)的光盤，生動(dòng)直觀，能夠讓學(xué)生在短時(shí)間內(nèi)迅速掌握所學(xué)知識(shí)，是一本符合培養(yǎng)高職院校學(xué)生技能的好教材。
3遵循高職教學(xué)規(guī)律，加強(qiáng)和改進(jìn)教學(xué)工作
高職院校不同于其他高校的地方就是它是以實(shí)踐操作能力的培養(yǎng)為主導(dǎo)，理論知識(shí)的學(xué)習(xí)為輔的教學(xué)指導(dǎo)方針進(jìn)行教學(xué)，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)與制作這門實(shí)踐性很強(qiáng)的課程來說更是如此。想要教好這門課程，教師就必須在教學(xué)過程中進(jìn)行一系列的教學(xué)設(shè)計(jì)才能達(dá)到較好的效果，如何組織好這門課對(duì)于教學(xué)工作和效果尤為重要。
3．1網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)思路
首先，要上好第一堂課。教師要在課前做好充分的準(zhǔn)備工作，要利用第一堂課想辦法牢牢抓住學(xué)生的心，讓學(xué)生真正認(rèn)識(shí)到學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)課程的重要性和必要性，不能讓學(xué)生有沉悶和枯燥的感覺。所謂萬事開頭難，好的開始必定能為之后的教學(xué)打下一個(gè)堅(jiān)實(shí)而良好的基礎(chǔ)，但好的開始并不意味著之后的教學(xué)就會(huì)一帆風(fēng)順的進(jìn)行，之后的教學(xué)務(wù)必要在多媒體課件上下工夫。多媒體課件是教學(xué)的靈魂，它不是文字、圖象、音頻、視頻和動(dòng)畫信息等各種元素的堆砌，而是它們的完美融合，利用它們使課堂變得更加生動(dòng)和精彩，從而盡可能的提高學(xué)生的學(xué)習(xí)興趣。
3．2網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)方法
用實(shí)例作為課堂切入點(diǎn)，讓學(xué)生先看到實(shí)際效果，首先啟發(fā)學(xué)生思考用之前學(xué)到的知識(shí)和技巧能否做出此種效果，然后再由教師演示實(shí)例，在演示實(shí)例的過程中引出新的知識(shí)點(diǎn)，將知識(shí)點(diǎn)融入到具體實(shí)例中。比如，在表格布局和內(nèi)嵌框架的教學(xué)模塊中，我們采用任務(wù)驅(qū)動(dòng)教學(xué)內(nèi)容。教學(xué)目標(biāo)是用布局表格設(shè)計(jì)網(wǎng)站主頁(yè)，在演示此實(shí)例之前，讓學(xué)生先利用之前學(xué)習(xí)的表格知識(shí)設(shè)計(jì)此網(wǎng)站主頁(yè)，目的一是鞏固前面章節(jié)所學(xué)知識(shí)和操作技巧，目的二是為接下來的布局表格設(shè)計(jì)做好充分的鋪墊，讓學(xué)生從內(nèi)心有所比較，哪種方法更適合用來設(shè)計(jì)網(wǎng)站主頁(yè)，在教師演示實(shí)例過程中可以更好地抓住學(xué)生的注意力和調(diào)動(dòng)學(xué)習(xí)的積極性。演示案例制作一個(gè)介紹“學(xué)習(xí)教程”的站點(diǎn)，主要包含六個(gè)模塊，包括“我的主頁(yè)”LOGO、“導(dǎo)航”、“網(wǎng)站信息”、“教程熱點(diǎn)”、“熱門下載”、“最新教程”、“最新軟件”等等。基本要求是在此實(shí)例中，添加“左上角三疊圖”和“最下面友情鏈接”，資料在網(wǎng)絡(luò)中獲取，合理設(shè)置網(wǎng)頁(yè)的背景以及圖片和文本的屬性，頁(yè)面美觀大方。較高要求是用此站點(diǎn)結(jié)構(gòu)制作一個(gè)介紹自己的個(gè)人站點(diǎn)，要求除基本要求外，要有六處超級(jí)鏈接，且六處鏈接頁(yè)面要有一致的框架結(jié)構(gòu)，站點(diǎn)中導(dǎo)航清晰，布局合理，配色美觀大方。
3．3教學(xué)過程中因時(shí)因人改進(jìn)教學(xué)手段和方法
高職具有較強(qiáng)的職業(yè)特色，而學(xué)生水平存在著個(gè)體差異，故不能進(jìn)行一成不變的教學(xué)方法。在課程進(jìn)行到中期的時(shí)候，學(xué)生對(duì)課程知識(shí)的索求和動(dòng)手實(shí)踐的欲望會(huì)漸漸減弱，他們的厭學(xué)情緒越來越重，或者總是出現(xiàn)眼高手低的現(xiàn)象。在這個(gè)階段學(xué)生已經(jīng)掌握了一定的網(wǎng)頁(yè)設(shè)計(jì)與制作的知識(shí)和技能，教師可以放手給學(xué)生，在授課過程中可以由主動(dòng)變?yōu)楸粍?dòng)，讓學(xué)生由被動(dòng)變?yōu)橹鲃?dòng)，譬如找某位學(xué)生來演示課堂實(shí)例，教師在旁指導(dǎo)，把學(xué)生的注意力拉回課堂，以此來推動(dòng)教學(xué)進(jìn)度順利高效的向前進(jìn)行。
4明確教學(xué)目標(biāo)，把握教學(xué)內(nèi)容
4．1選擇合適的網(wǎng)頁(yè)制作工具
目前最好的網(wǎng)頁(yè)制作與設(shè)計(jì)軟件工具是Dre-amweaver。它一直以來作為可視網(wǎng)頁(yè)編輯工作的標(biāo)準(zhǔn)，在代碼編輯和應(yīng)用程序開發(fā)方面的功能比較強(qiáng)大，更重要的是它是所見即所得類型的網(wǎng)頁(yè)設(shè)計(jì)軟件，對(duì)高職院校非計(jì)算機(jī)專業(yè)的學(xué)生來將非常適合。同時(shí)，可以選擇Flash制作網(wǎng)頁(yè)中的動(dòng)畫素材，選擇photoshop處理和制作網(wǎng)頁(yè)中的圖片素材。
4．2要求學(xué)生能夠利用
Dreamweaver設(shè)計(jì)各種網(wǎng)頁(yè)，開發(fā)初具規(guī)模的網(wǎng)站我系課程方案中要求采用以Dreamweaver為主導(dǎo)，逐步講解網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)，初步了解HTML語言、簡(jiǎn)單認(rèn)識(shí)CSS網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)。這里需要特別說明的一點(diǎn)是，首先，對(duì)HTML的教學(xué)，有些人認(rèn)為對(duì)于高職非計(jì)算機(jī)專業(yè)的學(xué)生來說，不用學(xué)習(xí)太多語言，其實(shí)不然，HTML可以說是網(wǎng)頁(yè)的靈魂，它不像C語言那樣生澀難懂，高職非計(jì)算機(jī)專業(yè)的學(xué)生完全有能力學(xué)會(huì)和掌握。其次，要掌握CSS的基本使用方法，CSS是英文單詞CascadingStyleSheets縮寫，翻譯為“層疊樣式表”。通俗講CSS是控制網(wǎng)頁(yè)中內(nèi)容的顏色、字體、文字大小和寬度、邊框、背景及浮動(dòng)等樣式來實(shí)現(xiàn)各式各樣、花樣百出的網(wǎng)頁(yè)樣式的統(tǒng)稱。由于允許同時(shí)控制多重頁(yè)面的樣式和布局，CSS可以稱得上網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的一個(gè)突破，作為網(wǎng)站開發(fā)者、設(shè)計(jì)者能夠?yàn)槊總€(gè)HTML元素定義樣式，并將之應(yīng)用到希望的任意多的頁(yè)面中。如需進(jìn)行全局的更新，只需簡(jiǎn)單地改變樣式，然后網(wǎng)站中的所有元素均會(huì)自動(dòng)地更新。
5考核方式
根據(jù)高職院校學(xué)生的實(shí)際能力水平和課程教學(xué)質(zhì)量基本要求，傳統(tǒng)理論考試已不適宜于網(wǎng)頁(yè)設(shè)計(jì)和制作課程，網(wǎng)頁(yè)設(shè)計(jì)和制作課程采用的是考查的考核形式。這種考核方式更適合網(wǎng)頁(yè)設(shè)計(jì)課程的特點(diǎn)，更加強(qiáng)調(diào)學(xué)生學(xué)習(xí)的靈活多樣性。期末總評(píng)學(xué)習(xí)成績(jī)可由三部分組成:課程考核(平時(shí)到課考勤、課堂上的表現(xiàn)、課堂實(shí)訓(xùn)作業(yè)和)占30%、小結(jié)考核(階段測(cè)驗(yàn)作品)占30%和期末考核(期末綜合作品)占40%。這種考核方式注重實(shí)際操作能力和靈活應(yīng)用能力的培養(yǎng)，可盡可能地調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，發(fā)揮學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。期末考試要求學(xué)生在教師規(guī)定的時(shí)間內(nèi)完成一整個(gè)網(wǎng)站項(xiàng)目的設(shè)計(jì)與制作，項(xiàng)目中包含一個(gè)學(xué)期中所學(xué)過的全部知識(shí)點(diǎn)和技能點(diǎn)。《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程是當(dāng)下一種全新的教學(xué)內(nèi)容，教師在教學(xué)中應(yīng)將自己獨(dú)特的教學(xué)理念運(yùn)用于教學(xué)方法中，即讓學(xué)生輕松愉快地學(xué)會(huì)制作網(wǎng)頁(yè)的方法和技巧，又能在建立網(wǎng)站的過程中充分發(fā)揮自己的想象力和創(chuàng)造力，從而能培養(yǎng)更多適應(yīng)信息化社會(huì)的綜合型網(wǎng)頁(yè)設(shè)計(jì)人才。
6社會(huì)實(shí)踐
如果說課堂考核方式是檢測(cè)和鞏固學(xué)生設(shè)計(jì)網(wǎng)頁(yè)能力最有效的方法，那么課外的實(shí)踐則是拓展和提高學(xué)生設(shè)計(jì)網(wǎng)站能力最有效的渠道。可以組織學(xué)生進(jìn)行學(xué)院網(wǎng)頁(yè)設(shè)計(jì)的比賽，也可以走出校園去參加社會(huì)團(tuán)體組織的設(shè)計(jì)大賽，或者進(jìn)行一段時(shí)間的頂崗實(shí)習(xí)，這樣可以最大程度的提高他們對(duì)此課程的學(xué)習(xí)積極性，也可以讓學(xué)生找到差距，激勵(lì)他們更加努力，不斷完善和提高自己設(shè)計(jì)網(wǎng)頁(yè)的水平。
7總結(jié)
真正落實(shí)實(shí)訓(xùn)在網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)過程中的基礎(chǔ)地位和作用，調(diào)動(dòng)學(xué)生做實(shí)訓(xùn)作業(yè)的主動(dòng)性，切實(shí)培養(yǎng)學(xué)生的實(shí)際操作能力和思維創(chuàng)新能力才是我們教師共同努力的目標(biāo)。通過以往的教學(xué)結(jié)果觀察得出，學(xué)生在課堂上的態(tài)度也有了很大的進(jìn)步，在最后的實(shí)訓(xùn)測(cè)試中又相當(dāng)于重新復(fù)習(xí)鞏固了一次，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的記憶深刻了許多，教學(xué)效果顯著。隨著我們對(duì)現(xiàn)行的綜合評(píng)價(jià)考核機(jī)制的不斷改進(jìn)和完善，相信對(duì)學(xué)生的進(jìn)步會(huì)起到不可估量的促進(jìn)作用。在教學(xué)過程中，教師要對(duì)課堂理論教學(xué)、實(shí)例教學(xué)和課程實(shí)訓(xùn)等方面進(jìn)行不斷地整理、反思和改進(jìn)，因?yàn)槲磥淼纳鐣?huì)中，網(wǎng)頁(yè)在生活中所起的作用也在不斷地變化著，對(duì)這門課程的教學(xué)的要求也越來越高，教師的教學(xué)要適應(yīng)科技的變化，要有改革進(jìn)取的精神，培養(yǎng)能真正適應(yīng)社會(huì)的人才。
作者：夏寧 單位：開封文化藝術(shù)職業(yè)學(xué)院幼教系
一、色彩在網(wǎng)頁(yè)界面設(shè)計(jì)中的作用
（一）布局作用。
在網(wǎng)頁(yè)界面的設(shè)計(jì)中，色彩不是單純地選擇就可以，還可以利用不同色彩的搭配，根據(jù)界面信息內(nèi)容，以及網(wǎng)頁(yè)本身的性質(zhì)進(jìn)行分配，使得各個(gè)元素可以實(shí)現(xiàn)統(tǒng)一的合理布局。色彩不是在獨(dú)立范圍內(nèi)的應(yīng)用，還需要和界面其他元素結(jié)合起來一起設(shè)計(jì)，利用色彩對(duì)網(wǎng)頁(yè)進(jìn)行方向引導(dǎo)和界面劃分，達(dá)到標(biāo)示，區(qū)分，限定和引導(dǎo)的效用，把復(fù)雜的元素和信息清楚地區(qū)分開來，給瀏覽者一種有序，清晰的視覺感。利用色彩進(jìn)行網(wǎng)頁(yè)界面布局的時(shí)候，同時(shí)要注意色彩本身與整個(gè)網(wǎng)頁(yè)界面的一致性，保持界面上色彩的平衡。色彩本身要與內(nèi)容相適應(yīng)，同時(shí)還有與文字、位置、面積相互聯(lián)系，最終使網(wǎng)頁(yè)給人一種布局合理，內(nèi)容豐富，閱讀方便的視覺展示效果。
（二）宣傳作用。
在競(jìng)爭(zhēng)激烈的信息時(shí)代，能夠及時(shí)傳遞出高效、高品質(zhì)信息的企業(yè)，才能在社會(huì)中屹立不倒。在眾多傳媒中，網(wǎng)頁(yè)的宣傳正是在集合現(xiàn)代企業(yè)理念和設(shè)計(jì)理念的載體，以突出品牌形象，刻畫企業(yè)個(gè)性，使瀏覽者有較深的認(rèn)同感，達(dá)到宣傳和促銷的目的。企業(yè)統(tǒng)一的形象通過包裝、標(biāo)準(zhǔn)色、標(biāo)志、服飾、建筑等媒介來實(shí)現(xiàn)。其中標(biāo)準(zhǔn)色在網(wǎng)頁(yè)宣傳中起到了良好的作用，進(jìn)一步加深了瀏覽者對(duì)企業(yè)理念和文化的記憶和認(rèn)知。標(biāo)準(zhǔn)色是由企業(yè)標(biāo)志色彩引申來的，通過色彩的象征性和本質(zhì)表現(xiàn)傳達(dá)企業(yè)獨(dú)特的產(chǎn)品和文化理念，具有直觀明顯的視覺效果，可以引起大眾的共鳴。所以網(wǎng)頁(yè)色彩在企業(yè)整體設(shè)計(jì)系統(tǒng)中的應(yīng)用是宣傳企業(yè)商品和品牌形象的重要工具。
（三）審美作用。
網(wǎng)頁(yè)界面設(shè)計(jì)的形式美主要由組合元素進(jìn)行巧妙排版和合理搭配，并配以一定的動(dòng)畫效果等因素穿插構(gòu)成的，形成視聽的結(jié)合。在視覺系統(tǒng)中，色彩是主要的表達(dá)元素，合理地運(yùn)用色彩能讓網(wǎng)頁(yè)界面設(shè)計(jì)和審美達(dá)到良好的效果。網(wǎng)頁(yè)界面設(shè)計(jì)的色彩美學(xué)價(jià)值在于滿足頁(yè)面內(nèi)容和形式的需求，高度體現(xiàn)時(shí)代美、版式美和裝飾美，并投射瀏覽者的審美態(tài)度和生活情趣。所以網(wǎng)頁(yè)界面的美觀設(shè)計(jì)既是現(xiàn)代技術(shù)和藝術(shù)的結(jié)合，也是瀏覽者的心理訴求。
二、色彩在網(wǎng)頁(yè)界面設(shè)計(jì)中的不同應(yīng)用
在網(wǎng)頁(yè)設(shè)計(jì)中，常用的色彩模式為RGB模式。RGB模式，主要有紅、藍(lán)、綠三種顏色，也被人們稱為三原色。RGB中的R指紅色，G指綠色，B指藍(lán)色。通過對(duì)三原色的不同的調(diào)整，會(huì)配合出不同的色彩。在電腦顯示器或者手機(jī)屏上，通常色彩的亮度是用RGB的值來衡量的，通過0-255的數(shù)字進(jìn)行標(biāo)示。R、G、B分為從0到255的不同的亮度，三種顏色可以組合出1678萬種顏色。在網(wǎng)頁(yè)界面設(shè)計(jì)中，同類色指的是差別在45度之內(nèi)的顏色，同類色效果非常接近，從網(wǎng)頁(yè)畫面效果看，給人一種簡(jiǎn)單、協(xié)調(diào)、舒適的感覺。鄰近色指的是相差在90度之內(nèi)的顏色，鄰近色的畫面感中色調(diào)區(qū)別比較明顯，搭配出來的效果不突兀，對(duì)比性不強(qiáng)烈，能很好的把情感的統(tǒng)一性表達(dá)出來。人們把距離135度的顏色稱為對(duì)比色，對(duì)比色的對(duì)比感很強(qiáng)，色彩和色彩之間有明顯的差別，給人一種充滿差異化的感覺。可以將對(duì)比色用來對(duì)網(wǎng)頁(yè)內(nèi)不同區(qū)域進(jìn)行區(qū)分，帶給人們一種互動(dòng)，活力的感覺。人們所說的互補(bǔ)色指的是把剛好在180度的兩種顏色，互補(bǔ)色搭配出來的顏色對(duì)比效果非常強(qiáng)，比如黑白二色的太極，給人一種對(duì)比明顯，神秘莫測(cè)的感覺，這種互補(bǔ)色的搭配有很強(qiáng)的視覺沖擊力。在網(wǎng)頁(yè)界面設(shè)計(jì)中要注意盡量少使用，就算使用也不可大面積使用，以免出現(xiàn)畫面不和諧，不一致的現(xiàn)象。通常在我們?cè)O(shè)計(jì)網(wǎng)頁(yè)界面的時(shí)候，要綜合考慮網(wǎng)頁(yè)的審美效果和實(shí)用效果，在搭配色彩的時(shí)候盡可能使用同類色或鄰近色，這樣在視覺上給人帶來舒適的感覺，若使用純度高的色彩容易給瀏覽者帶來視覺疲勞的感覺。要學(xué)會(huì)調(diào)配色彩的飽和度和透明度，使整個(gè)網(wǎng)頁(yè)界面看起來非常和諧。網(wǎng)頁(yè)界面中應(yīng)該使用具有清晰度和鮮明度的主顏色，方便引起瀏覽者的注意。配色主要用于襯托主色，支配色是網(wǎng)頁(yè)界面風(fēng)格的決定性色彩。在一般情況下，背景色會(huì)選取較為簡(jiǎn)單的顏色，如藍(lán)色，淡綠色等，這樣設(shè)計(jì)出來的界面會(huì)比較清晰。
三、網(wǎng)站制作實(shí)例分析
（一）學(xué)校類網(wǎng)頁(yè)實(shí)例分析。
下面主要對(duì)中國(guó)科學(xué)技術(shù)大學(xué)學(xué)校網(wǎng)站進(jìn)行學(xué)校類網(wǎng)頁(yè)界面色彩分析，如下圖所示。網(wǎng)頁(yè)的整個(gè)色調(diào)顯示藍(lán)色，藍(lán)色屬于冷色調(diào)，在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用很廣泛。藍(lán)色象征著永恒、理智、博大和平靜等。該網(wǎng)頁(yè)使用藍(lán)色調(diào)主要從三點(diǎn)考慮，第一，中國(guó)科學(xué)技術(shù)大學(xué)是一家以理工科為主的學(xué)校。藍(lán)色象征著科技，所以在考慮搭配顏色時(shí)，色彩主要以藍(lán)色為主，為了和CI識(shí)別系統(tǒng)保持一致，網(wǎng)站色調(diào)建議使用藍(lán)色。第二，中國(guó)科學(xué)技術(shù)大學(xué)官網(wǎng)屬于學(xué)校類網(wǎng)站，學(xué)校網(wǎng)站在架構(gòu)上一般會(huì)突出氣勢(shì)，給人大手筆的感覺。很多學(xué)校網(wǎng)站在設(shè)計(jì)上有濃厚的特色情調(diào)，要和學(xué)校文化，形象相結(jié)合。該網(wǎng)站所運(yùn)用的藍(lán)色調(diào)較好體現(xiàn)了網(wǎng)站的特殊需求，背景運(yùn)用了藍(lán)天，綠樹。片頭色調(diào)較為簡(jiǎn)單，展現(xiàn)出學(xué)校可靠，沉著穩(wěn)重的一面。學(xué)校網(wǎng)站同樣需要帶給人們可信任感，黑色代表著嚴(yán)謹(jǐn)和莊重。網(wǎng)站首頁(yè)的字體基本上采用了黑色的漸變，從黑色到灰色再到白色的漸變使正畫面不那么陰沉。黑白漸變反而使得頁(yè)面在沉穩(wěn)中又加強(qiáng)了感染力，此外在黑色背景上加上中國(guó)傳統(tǒng)書法，體現(xiàn)了中國(guó)傳統(tǒng)文化氣息，渲染了該學(xué)校文化內(nèi)涵。該網(wǎng)站作為學(xué)校官方網(wǎng)站，有明顯的中國(guó)傳統(tǒng)元素，包括圖標(biāo)和校名。網(wǎng)頁(yè)設(shè)計(jì)配色結(jié)合了色彩的各種原理和用戶色彩心理，設(shè)計(jì)師根據(jù)大致的風(fēng)格再逐步進(jìn)行探索。中國(guó)科學(xué)技術(shù)大學(xué)官網(wǎng)的設(shè)計(jì)整體朝氣蓬勃，體現(xiàn)了一個(gè)現(xiàn)代學(xué)校的科研精神。
（二）企業(yè)類網(wǎng)頁(yè)實(shí)例分析。
下面主要對(duì)小米網(wǎng)站進(jìn)行企業(yè)品牌類網(wǎng)頁(yè)界面色彩分析，如下圖所示。小米的官網(wǎng)其實(shí)是以白色作為背景色。網(wǎng)頁(yè)的配色為橙色，橙色本身屬于暖色調(diào)，在一般網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用不多，在小米的網(wǎng)站中，橙色作為一種主顏色并不讓人覺得突兀。小米網(wǎng)站使用白色作為背景色，字體是比較經(jīng)典的紅黑搭配，給人一種前衛(wèi)、時(shí)尚的感覺，這與小米崇尚的簡(jiǎn)單時(shí)尚的品牌風(fēng)格是一致的。該網(wǎng)站作為小米手機(jī)及相關(guān)產(chǎn)品的官方網(wǎng)站，主要目的是供用戶選擇合適的產(chǎn)品。可以看出，通過使用醒目的紅色字體，用戶可以第一時(shí)間看到相關(guān)的產(chǎn)品，起到了很好的導(dǎo)購(gòu)作用。小米的用戶主要是年輕用戶，用偏紅色的橙色，能給人一種個(gè)性張揚(yáng)，極富動(dòng)感的感覺，這也比較符合小米的用戶結(jié)構(gòu)。同時(shí)，橙色也能給人一種明朗穩(wěn)重的效果。可以看到，小米的網(wǎng)站兼具了電商類網(wǎng)站以及品牌類網(wǎng)站的作用，無論是從整體布局還是細(xì)節(jié)處理上，簡(jiǎn)單的橙色、黑色搭配都給人一種賞心悅目的感覺。在網(wǎng)頁(yè)界面設(shè)計(jì)中，除了遵循一定的色彩原則，還應(yīng)深入思考網(wǎng)站的本身的性質(zhì)，比如是政府網(wǎng)站、企業(yè)網(wǎng)站、個(gè)人網(wǎng)站。只要適合網(wǎng)站性質(zhì)，才能設(shè)計(jì)出個(gè)性獨(dú)特，色彩鮮明的網(wǎng)站；并且始終堅(jiān)持內(nèi)容決定形式，結(jié)合色彩給人帶來的心理感知以及藝術(shù)效果，這樣才能讓瀏覽的用戶一目了然，獲得好的視覺展示效果。
作者：高海燕 單位：安徽工商職業(yè)學(xué)院