時間：2023-10-17 16:20:34
導(dǎo)語：在網(wǎng)頁設(shè)計的流程的撰寫旅程中，學(xué)習(xí)并吸收他人佳作的精髓是一條寶貴的路徑，好期刊匯集了九篇優(yōu)秀范文，愿這些內(nèi)容能夠啟發(fā)您的創(chuàng)作靈感，引領(lǐng)您探索更多的創(chuàng)作可能。
關(guān)鍵詞：網(wǎng)頁設(shè)計；圖片視覺；網(wǎng)頁瀏覽；視覺研究
網(wǎng)頁能否有好的發(fā)展，不僅體現(xiàn)在好的創(chuàng)意上，也體現(xiàn)在網(wǎng)頁的設(shè)計上，好的網(wǎng)頁設(shè)計可以吸引網(wǎng)民的眼球，提高瀏覽量，但是我國目前網(wǎng)頁中的圖片視覺效果依然停滯不前，沒有太大的發(fā)展，在圖片的瀏覽上，缺乏靈活性，圖片設(shè)計方面沒有創(chuàng)意，網(wǎng)頁設(shè)計人員的技術(shù)得不到提高，圖片的視覺效果很差。
一、網(wǎng)頁視覺設(shè)計的原則
要想有展現(xiàn)出完美完美的圖片視覺效果，需要了解網(wǎng)頁視覺設(shè)計的原則，依據(jù)原則進(jìn)行圖片設(shè)計，從而達(dá)到是事半功倍的效果，在設(shè)計網(wǎng)頁的時候，為了使網(wǎng)頁中的圖片與內(nèi)容合為一體，遵循形式美與內(nèi)容美，要從以下幾點出發(fā)：
（一）比例尺寸得當(dāng),對稱均衡適度
合理的比例是美的前提。比例得當(dāng)不僅適用于繪畫，同樣也適用于網(wǎng)頁設(shè)計。在網(wǎng)頁設(shè)計中，要想把握好比例，需要做好組版元素間和諧的關(guān)系。把握好比例尺寸，可以以中心線為軸線，這樣做出來的網(wǎng)頁圖片，帶給人一種大方、穩(wěn)定、端莊的感覺，既體現(xiàn)了秩序的原則，又給人高貴的美。在網(wǎng)頁設(shè)計中，點線面是很注重的要求之一，首先要在平面中找到平衡點，讓絕食產(chǎn)生舒服的感受，接著要找到對稱的部位，最后要以整個尺寸為基調(diào)，找到平衡點。
（二）動靜變化有序,節(jié)奏韻律明快
網(wǎng)頁中的動態(tài)和靜態(tài)的變化是根據(jù)三維空間和圖片的比例等因素體現(xiàn)出來的。同種元素因為布局與層次的變化會造成不同的視覺體驗。在網(wǎng)頁設(shè)計中，對空間的要求是很高的，需要考慮動態(tài)與靜態(tài)的結(jié)合，節(jié)奏韻律的快慢。在網(wǎng)頁的設(shè)計中，運用動靜結(jié)合的方式，給人生動活潑的視覺感受，對節(jié)奏韻律把握明確，可以增加網(wǎng)頁圖片的感染力，同時又可以渲染氣氛，展開聯(lián)想。
（三）繁簡互襯,多樣統(tǒng)一
網(wǎng)頁設(shè)計，需要考慮好網(wǎng)頁的內(nèi)容和圖片版面，既不能使網(wǎng)頁看起來太過繁雜，也不能使網(wǎng)頁太過簡單。在設(shè)計網(wǎng)頁的時候，可以針對內(nèi)容的多少進(jìn)行合理的排版，同時也可以通過色彩搭配來對網(wǎng)頁中的內(nèi)容和圖片進(jìn)行分開。對網(wǎng)頁的合理布置，使網(wǎng)頁看起來繁簡互襯,又能夠使整體多樣統(tǒng)一，各個元素獨立而統(tǒng)一.按照視覺藝術(shù)的原則，給人以美的感受。
（四）圖形
在網(wǎng)頁設(shè)計中，圖形的設(shè)計也是很重要的，圖形和圖片的比例需要恰到好處。圖形是圖片的縮小化，它可以幫助網(wǎng)頁中的文字更加清晰，使整個網(wǎng)頁看起來更加的美觀和立體。小的圖形在視覺上給人帶來一種清新可愛的感覺。對圖片的位置和形式的合理的布置，可以使網(wǎng)頁更加美觀大方。
二、提高網(wǎng)頁設(shè)計圖片視覺的方法
網(wǎng)頁設(shè)計需要遵循形式美和內(nèi)容美的有機(jī)結(jié)合，需要比例尺寸上把握得當(dāng)，動靜變化有序,節(jié)奏韻律明快，繁簡互襯,多樣統(tǒng)一的原則，同時也要做好圖形的設(shè)計，要想提高網(wǎng)頁設(shè)計圖片視覺，就要從以下幾點來進(jìn)行：
（一）單項視覺流程
網(wǎng)頁設(shè)計的單項視覺流程是指對網(wǎng)頁中的圖形、文字和符號等在平面上進(jìn)行不同方向的變化，可以表現(xiàn)為橫向、縱向和斜向這幾種形式，然后對其進(jìn)行構(gòu)圖。單項視覺流程在操作起來簡單，同時也能夠使網(wǎng)頁的平面結(jié)構(gòu)看起來更加的清楚直觀，能夠直接明了地升華主題，在視覺上給人鮮明的層次感，表現(xiàn)出單項視覺流程的穩(wěn)定、端莊的效果，具有堅定、直觀的感覺。
（二）反復(fù)視覺流程
網(wǎng)頁設(shè)計的反復(fù)視覺流程是把相似或者同樣的視覺元素進(jìn)行三次或者三次以上的編排，使網(wǎng)頁的圖片畫面有規(guī)律、有節(jié)奏、有秩序。運用反復(fù)視覺流程，給人的視覺帶來沖擊性，同時有體現(xiàn)出了網(wǎng)頁圖片的韻律美、節(jié)奏美和秩序美，給人眼前一亮的感覺。
（三）曲線視覺流程
網(wǎng)頁設(shè)計的曲線視覺流程只要根據(jù)人眼來回擺動舒適感的舒適感進(jìn)行設(shè)計，人們的眼睛可以依據(jù)弧線的運動變化方式來觀看網(wǎng)頁中的圖片。其中曲線視覺流程主要包括了弧線形（c形）視覺流程和回旋線形（s形）視覺流程?；【€形（c形）視覺流程給人飽滿的感覺，具有明確的方向感和擴(kuò)張感，回旋線形（s形）視覺流程給人流暢，柔美的感覺，使圖片生動起來，有很強(qiáng)的動感美和節(jié)奏美。雖然曲線視覺流程不如單項視覺流程看起來直觀，但是卻有飄逸美。
（四）焦點視覺流程
網(wǎng)頁設(shè)計的焦點視覺流程主要是用焦點來吸引人們的眼球，聚集瀏覽者的目光。焦點視覺流程為了更好的吸引人們的眼球，往往還要用鮮明的顏色來對焦點進(jìn)行強(qiáng)化，與網(wǎng)頁圖片的背景形成對比，同時也會別出心裁的設(shè)計焦點，分從從焦點的形式、焦點的層次和焦點與圖片的結(jié)構(gòu)進(jìn)行。焦點視覺流程通常是以圖形為主要元素，形成視覺磁場。
三、結(jié)語
隨著信息科技的不斷發(fā)展強(qiáng)大，圖片對網(wǎng)頁的影響也是極其重要的，快節(jié)奏的生活，使人們更加傾向于借助圖片來獲得自己想要的信息。因此只有遵循網(wǎng)頁圖片的設(shè)計原則，分別從單項視覺流程、反復(fù)視覺流程、曲線視覺流程和焦點視覺流程出發(fā)，才能更好地發(fā)揮出圖片的價值，給社會大眾帶來美的感受。
參考文獻(xiàn)
[1]劉青玲.圖片優(yōu)勢效應(yīng)在網(wǎng)頁設(shè)計中的研究與應(yīng)用探討[J].科技創(chuàng)新與應(yīng)用,2015,(21):86.
[2]林歡,譚浩,趙江洪.圖片優(yōu)勢效應(yīng)在網(wǎng)頁設(shè)計中的應(yīng)用[J].包裝工程,2014,35(18):13-16+24.
[3]林歡.圖片優(yōu)勢效應(yīng)在網(wǎng)頁設(shè)計中的研究與應(yīng)用[D].長沙:湖南大學(xué),2014.
關(guān)鍵詞：工作過程（項目）導(dǎo)向；教學(xué)摸式；探索與實踐
中圖分類號：G642文獻(xiàn)標(biāo)識碼：A文章編號：1009-3044(2012)18-4468-02
近年來，高職院校的職業(yè)教育課程取得了很大成效，高等職業(yè)教育的迅速發(fā)展，然而在高等職業(yè)教育人才培養(yǎng)的效果與市場需求、高職畢業(yè)生的職業(yè)能力和實際職位要求之間存在差距，其原因在于現(xiàn)行課程教學(xué)與職業(yè)教育特征之間的差距，使課程及其教學(xué)模式改革成為當(dāng)前高職院校教育發(fā)面臨的關(guān)鍵任務(wù)。
從網(wǎng)頁設(shè)計實際工作任務(wù)來看，“工作過程（項目）為導(dǎo)向”的教學(xué)摸式，是以教學(xué)實踐為主線，以實操、討論、項目推動等互動教學(xué)，培養(yǎng)學(xué)生的職業(yè)技能，突出了職業(yè)教育的新型教學(xué)模式。項目設(shè)計是可實踐性的，以保證學(xué)生可操作并有所收獲。每個項目以“成果―＞技能知識”為序，安排各項任務(wù)，充分調(diào)動學(xué)習(xí)者的積極性，逆向形成“知識＋技能＋成果”的職業(yè)崗位本領(lǐng)。
從職業(yè)能力培養(yǎng)目標(biāo)及網(wǎng)頁設(shè)計職業(yè)崗位要求的角度調(diào)查和分析，學(xué)生職業(yè)能力是使學(xué)生熟悉網(wǎng)頁設(shè)計工作的全過程。圍繞崗位核心技術(shù)技能，按照“必需、夠用”的原則，將Dreamweaver、Photoshop、fireworks等網(wǎng)頁設(shè)計與制作的主流工具有機(jī)地融為一體。
1構(gòu)建工作過程（項目）為導(dǎo)向教學(xué)模式
工作過程（項目）為導(dǎo)向教學(xué)模式是以項目教學(xué)法為主體來進(jìn)行。其主要特點強(qiáng)調(diào)團(tuán)隊成員的分工合作和主動制定實施方案，在項目的執(zhí)行過程中訓(xùn)練學(xué)生的知識和職業(yè)所需技能，項目管理和質(zhì)量監(jiān)控辦法作為過程控制的必須條件。
工作過程導(dǎo)向（項目）課程開發(fā)模式幫助學(xué)生獲得最受企業(yè)關(guān)注的工作過程知識和基本工作經(jīng)驗，以滿足企業(yè)和勞動力市場的需求方面顯現(xiàn)了強(qiáng)勁的生命力和適應(yīng)力。“以培養(yǎng)職業(yè)能力為核心，以工作實踐為主線，以工作過程（項目）為導(dǎo)向，建立以行動（工作）體系為框架的現(xiàn)代課程結(jié)構(gòu)”的教學(xué)模式的理念，已達(dá)到良好的效果。
作為職業(yè)教育的高職網(wǎng)頁設(shè)計課程，其特點決定應(yīng)打破傳統(tǒng)學(xué)科體系，課程開發(fā)過程應(yīng)以工作過程（項目）為導(dǎo)向，著力于工作過程的實踐性。因此，以工作過程為導(dǎo)向的課程必然要以實訓(xùn)項目來展開，實踐性是課程的主體部分。
為此，工作過程（項目）為導(dǎo)向教學(xué)模式，就是以項目任務(wù)為中心建立的教學(xué)情境，圍繞項目任務(wù)的實施來展開職業(yè)技能的提升。
2工作過程（項目）為導(dǎo)向《網(wǎng)頁設(shè)計與制作》教學(xué)特點
《網(wǎng)頁設(shè)計與制作》在電子商務(wù)專業(yè)中屬于“攝影及美工專員”崗位的課程，該崗位的任務(wù)是網(wǎng)店商品拍攝、文案的整合，網(wǎng)店VI設(shè)計與印刷等，因此在教學(xué)中形成如下教學(xué)特點：
1）從職業(yè)行動領(lǐng)域出發(fā),基于網(wǎng)頁設(shè)計(制作)人員的實際工作流程和工作任務(wù),以項目引領(lǐng)為“綱”，以任務(wù)驅(qū)動為“目”，組織教材結(jié)構(gòu)和內(nèi)容。
2）每個項目以“成果技能知識”為序，安排各項任務(wù)，充分調(diào)動學(xué)習(xí)者的積極性，逆向形成“知識+技能+成果”的職業(yè)崗位本領(lǐng)。
3）圍繞崗位核心技能，按照“必需、夠用”的原則，例如將Dreamweaver、Photoshop、fireworks等網(wǎng)頁設(shè)計與制作的主流工具有機(jī)地融為一體。在教學(xué)中不直接使用Adobe的Flash軟件，而是行業(yè)通用的阿里媽媽廣告欄來制作網(wǎng)店Flash。它做為專門面向廣告型的Flash制作，使教學(xué)難度大大下降。
3過程（項目）為導(dǎo)向“網(wǎng)頁設(shè)計與制作”課程實施
基于工作過程分解的模塊和知識結(jié)構(gòu)，可能與教材按知識體系編排的順序不一致。某個模塊可能涉及前后幾個章節(jié)的相關(guān)知識點，因此需要教師能靈活地運用各種教學(xué)策略，遵循“夠用”的原則。
通過對網(wǎng)頁設(shè)計師的工作過程和工作流程的分析，結(jié)合職業(yè)院校學(xué)生和初學(xué)者的特點，《網(wǎng)頁設(shè)計與制作》課程教學(xué)按4個層次8個項目組織教學(xué)結(jié)構(gòu)和內(nèi)容：第一層，基礎(chǔ)層，包括項目一（網(wǎng)頁賞析）、項目二（網(wǎng)站規(guī)劃與創(chuàng)建）；第二層，實戰(zhàn)層，包括項目三（網(wǎng)頁布局）、項目四（頁面制作）、項目五（網(wǎng)頁美化），是課程的重點；第三層，提高層，包括項目六（網(wǎng)頁特效制作）、項目七（動態(tài)網(wǎng)頁制作），是本書的難點；第四層，運營層，包括項目八（網(wǎng)站與維護(hù)）。
3.1以實訓(xùn)項目為任務(wù)的組織“網(wǎng)頁設(shè)計與制作”課程
過程（項目）為導(dǎo)向“網(wǎng)頁設(shè)計與制作”課程實施在教學(xué)中的一大特點就是教師按照一個現(xiàn)實的項目的工作流程來實施教學(xué)，讓學(xué)生在實際項目操作過程中，訓(xùn)練職業(yè)技能。達(dá)到人才培養(yǎng)目標(biāo)。
過程（項目）為導(dǎo)向“網(wǎng)頁設(shè)計與制作”課程實施是教師與學(xué)生以團(tuán)隊的形式共同實施項目進(jìn)行的教學(xué)。在《網(wǎng)頁設(shè)計與制作》教學(xué)中按照“工作過程（項目）為導(dǎo)向”的新設(shè)計課程項目。通過項目訓(xùn)練教學(xué)過程提升學(xué)生的網(wǎng)頁設(shè)計等工作能力。各小組成員合理分工，團(tuán)結(jié)協(xié)作，完成整個項目。結(jié)束后，各小組進(jìn)行工作結(jié)果評比及比對討論，結(jié)果由教師評審及打分。讓學(xué)生參與到“教學(xué)”的活動中來，激發(fā)學(xué)生的職業(yè)技能興趣和競爭意識，還可以培養(yǎng)學(xué)生的職業(yè)道德、團(tuán)隊合作意識等能力，提升高技能人才素質(zhì)。
學(xué)生將為課程實施工作的主體，教室、實訓(xùn)室成為學(xué)生們工作的模擬職場，學(xué)生作為員工角色扮演，學(xué)生的學(xué)習(xí)活動將模擬為職工的實訓(xùn)活動，學(xué)生根據(jù)工作內(nèi)容的進(jìn)程自我調(diào)整細(xì)節(jié)。項目導(dǎo)向課程實施，對教師提出了更高的要求，教師以督導(dǎo)角色出現(xiàn)，教學(xué)策略從注重“教法”轉(zhuǎn)變?yōu)樽⒅亍皩W(xué)法”。
3.2工作過程（項目）為導(dǎo)向教學(xué)的考評
構(gòu)建科學(xué)合理的評價機(jī)制，是電子商務(wù)學(xué)生學(xué)習(xí)方式形成乃職業(yè)技能提高的標(biāo)尺。因此，我們在實踐中探索，形成了相對實用及科學(xué)的考評方式。采用不單純筆試為主的考試，靈活多變考評方式。例如：電子商務(wù)是以開設(shè)網(wǎng)店及對應(yīng)的網(wǎng)店營銷方案作評分標(biāo)準(zhǔn)?！皵?shù)碼拍攝與制作”的考核方式就是工作流程“選商品-找模特-拍攝-網(wǎng)店上架”。“阿里巴巴企業(yè)課程”則要求學(xué)生用英語在阿里巴巴國際站向外國商人詢盤為主要評分標(biāo)準(zhǔn)。雖然這些考核方式不一定是最科學(xué)合理，但卻比單純筆試更能學(xué)習(xí)到實際的崗位技能。
4結(jié)束語
工作過程（項目）導(dǎo)向的《網(wǎng)頁設(shè)計與制作》課程開發(fā)與教學(xué)實踐是以課程建設(shè)與教學(xué)質(zhì)量改革為目標(biāo)，將教學(xué)過程的職業(yè)化、項目化作為改革的基點，并對高職院校職業(yè)教育理論和教學(xué)創(chuàng)新思想是一有益嘗試。
電子商務(wù)專業(yè)的特性是知識更新較快。學(xué)生就業(yè)兩三年后專業(yè)知識就慢慢落后，職業(yè)道路出現(xiàn)首個瓶頸。本課程開發(fā)與教學(xué)實踐的應(yīng)用和實施，將使高職院校培養(yǎng)目標(biāo)準(zhǔn)確定位，增加教學(xué)效果與職業(yè)需求的契合度，提高畢業(yè)生就業(yè)競爭能力及就業(yè)質(zhì)量。
參考文獻(xiàn)：
[1]何成蓉,謝生全.以工作過程為導(dǎo)向的項目集群教學(xué)模式的研究與應(yīng)用[J].中國西部科技,2008(24).
論文關(guān)鍵詞：網(wǎng)頁設(shè)計；形式美法則；構(gòu)成要素
如今，互聯(lián)網(wǎng)已經(jīng)融入我們?nèi)粘W(xué)習(xí)生活的各個環(huán)節(jié)，并在全球范圍內(nèi)飛速發(fā)展。其打破了國界、地域、文化的限制，使信息傳達(dá)的范圍、速率都產(chǎn)生了質(zhì)的飛躍?；ヂ?lián)網(wǎng)中數(shù)以萬計的網(wǎng)站中，每個網(wǎng)站都擁有自己不同的網(wǎng)頁，一個個變換的網(wǎng)頁構(gòu)成我們互相交流的媒介。因此，網(wǎng)站制作過程中，特別是網(wǎng)頁頁面編排設(shè)計時，要展示出自己獨特的設(shè)計風(fēng)格。如何設(shè)計出視覺效果好，色彩搭配和諧，結(jié)構(gòu)合理的網(wǎng)頁版面是網(wǎng)頁設(shè)計中的一個重要問題。
一、網(wǎng)頁設(shè)計中的視覺流程
網(wǎng)站的宣傳內(nèi)容、整體風(fēng)格、設(shè)計理念都要通過視覺感官被瀏覽者所欣賞、接受和感受。設(shè)計精美的網(wǎng)頁版面能夠讓瀏覽者增加瀏覽興趣，擁有美好心情，從而增加網(wǎng)站點擊率。反之，網(wǎng)頁頁面凌亂不堪會嚴(yán)重影響瀏覽者觀看閱讀的情緒，離開網(wǎng)頁。網(wǎng)頁視覺元素能否引人注目會直接影響到網(wǎng)站的信息傳達(dá)，若想想通過網(wǎng)頁更好地傳達(dá)信息，網(wǎng)頁視覺效果良好是其基本條件，讓網(wǎng)絡(luò)真正意義上成為可讀強(qiáng)性、新穎的媒體，為此網(wǎng)頁設(shè)計者設(shè)計網(wǎng)頁時，必須適應(yīng)人們閱讀習(xí)慣和滿足人們的審美需求。對每個視覺造型元素之間的距離、位置、面積以及視覺流程等都要精心設(shè)計。
人們閱讀文章時，視覺總會有一種先后順序習(xí)慣，有一定的方向，整個版面的走勢有一個主旋律。網(wǎng)頁設(shè)計中的主標(biāo)題、重要廣告、更新的重要信息等突出信息通常選擇放于此位置。但視覺流程與學(xué)習(xí)數(shù)學(xué)公式不同，屬感性范疇，其只要符合人們認(rèn)識過程的心理順序和邏輯順序，就可以根據(jù)感受靈活運用。網(wǎng)頁設(shè)計時，合理的運用網(wǎng)頁的視覺流程，能夠引導(dǎo)瀏覽者按照一定的順序閱讀網(wǎng)頁，組織好整個網(wǎng)頁版面的視覺導(dǎo)向，從而影響到整個網(wǎng)站的信息傳達(dá)和功能實現(xiàn)。因此網(wǎng)頁的編輯設(shè)計，視覺導(dǎo)向是一個重要問題，信息傳達(dá)是網(wǎng)頁設(shè)計的一種功能性的體現(xiàn)，這種傳達(dá)要符合人們普遍的思維習(xí)慣，做到視覺流程合理、順暢、自如。好的視覺流程布置，能使網(wǎng)頁上的各種信息要素在一定空間內(nèi)合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。一個網(wǎng)站主要說明的東西必須通過網(wǎng)站首頁醒目位置加以體現(xiàn)和展示，以方便瀏覽者閱讀和理解。
二、網(wǎng)頁設(shè)計的審美需求
網(wǎng)頁設(shè)計是近些年才發(fā)展起來的一門設(shè)計類學(xué)科，這些年隨著網(wǎng)絡(luò)的發(fā)展，人們越來越重視網(wǎng)頁版面的設(shè)計和網(wǎng)站風(fēng)格的整體設(shè)計。網(wǎng)頁不僅是將各種想要傳達(dá)的要素簡單的羅列在頁面上，而是要考慮如何使瀏覽者能更感興趣的和更有效率的接收網(wǎng)頁上的信息內(nèi)容。這就要求我們從審美的方面入手，設(shè)計制作出美觀、完整、新穎、合理的頁面。使瀏覽者觀看閱讀起來心情愉悅，更好的接受網(wǎng)頁所傳達(dá)給我們的信息。我們可以把傳統(tǒng)平面設(shè)計中的形式?jīng)]的法則和現(xiàn)代的網(wǎng)頁設(shè)計的具體問題相結(jié)合起來，運用一些平面設(shè)計中美的基本形式到網(wǎng)頁版面的設(shè)計中去，增加網(wǎng)頁設(shè)計的美感和瀏覽者的視覺審美需求。
（一）版面的規(guī)范化
頁面編輯的規(guī)范化要求是網(wǎng)頁設(shè)計的重要方面。比如使用Dreamweaver設(shè)計網(wǎng)頁時，是選擇左右型結(jié)構(gòu)、左中右型結(jié)構(gòu)、左右型結(jié)構(gòu)框架，還是用表格系統(tǒng)來定位網(wǎng)頁中版面的規(guī)劃。要遵循一定的規(guī)范。在網(wǎng)頁編排中應(yīng)正確使用文字、標(biāo)點符號、計量單位、規(guī)范使用術(shù)語、圖片和Flash動畫等。對網(wǎng)頁版面中的文字、圖形、色彩的設(shè)計，都要遵循形式美的視覺規(guī)律。網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種對象之間要分清主次，突出重點，有一定的整體感。
（二）版面的均衡性
網(wǎng)頁的版面雖然有限，但在瀏覽者的眼里和平面設(shè)計要求一樣同樣要有視覺的均衡性。版面構(gòu)圖的基本元素是點、線、面，其中單個的字符是點，由字符組成的行是線，由行組成的段落是面。線和面的運動方向可以歸納為水平、垂直和傾斜三種形式。水平和垂直給人以安靜和固定的感覺，傾斜則具有運動感。水平、垂直和傾斜組合起來使用會給版面帶來豐富和生動的效果，從而使版面在整體上保持平衡的前提下具有動感和變化。
（三）版面的裝飾性
“圖”與“地”的對比中版面的裝飾性中和重點?？梢允褂每瞻走M(jìn)行裝飾，力求在平面中達(dá)到不平的效果。要注意立體的裝飾效果，比如在文字大小、顏色的處理上要有對比，圖片的擺放也要有大小、顏色的對比，包括和背景顏色的對比，從而使版面在整體上體現(xiàn)出層次感。給瀏覽者以賞心悅目之感。
（四）版面的統(tǒng)一性
網(wǎng)頁版面設(shè)計中的統(tǒng)一，就是指在版面的整體感上要達(dá)到一致，風(fēng)格上一致，色彩上統(tǒng)一協(xié)調(diào)，比如文字字體要統(tǒng)一，不能有的嚴(yán)肅，有的活躍，有的時尚，有的古板，同時色彩感受上也要達(dá)到風(fēng)格統(tǒng)一。 轉(zhuǎn)貼于
三、學(xué)會分析網(wǎng)頁中各構(gòu)成要素
網(wǎng)頁設(shè)計就是通過各種要素向瀏覽者傳達(dá)信息，以實現(xiàn)宣傳的目的。其構(gòu)成要素包括文字、圖形、圖像、標(biāo)志、色彩等造型要素及標(biāo)題、信息菜單、信息正文、標(biāo)語、單位名稱等內(nèi)容要素，如何在網(wǎng)頁版面中合理的設(shè)計安排這些要素是我們要細(xì)心研究的問題。
（一）文字的編排與設(shè)計
文字作為信息傳達(dá)的主要手段是網(wǎng)頁設(shè)計的主體，是所有宣傳物中不可缺少的元素，也是網(wǎng)頁中必不可少的元素，因此網(wǎng)頁中文字將占據(jù)相當(dāng)大的面積，文字表現(xiàn)的好與壞會影響到整個網(wǎng)頁的質(zhì)量。必須考慮文字編輯的整體效果，給人以清晰的視覺印象，切記不要使頁面中的文字看起來凌亂、繁雜，過多的裝飾會讓人不容易辨認(rèn)和理解。不可只為美觀而創(chuàng)意文字，忽略了文字本身的傳達(dá)信息功能。版面設(shè)計時要注意文字的大小變化，色彩變化，明暗變化，用這些變化使字體版面活躍，達(dá)到視覺上的美感，注意變化中的統(tǒng)一，以獲得良好的心理反應(yīng)，達(dá)到完美的文字編排效果。
（二）圖片的編排與設(shè)計
圖片是網(wǎng)頁版面中文字以外的又一主要元素，是傳達(dá)信息的有力途徑，圖片的參與可以加大網(wǎng)頁提供的信息量，而且圖片的引入也大大美化了網(wǎng)絡(luò)頁面?？梢哉f，要使網(wǎng)頁在純文本基礎(chǔ)上變得更有趣味，最為簡捷省力的辦法就是使用圖片。對于一條信息來說，圖片對瀏覽者的吸引力遠(yuǎn)超單純的文字。圖片的位置、面積、數(shù)量、形式、方向等直接關(guān)系到網(wǎng)頁的視覺傳達(dá)。在頁面圖片的合理選用時，一要注意統(tǒng)一，二要注意悅目，三要注意突出重點。
（三）色彩的設(shè)計
關(guān)鍵詞 簡約化設(shè)計；信息傳遞；網(wǎng)頁界面設(shè)計
中圖分類號：TP393.092 文獻(xiàn)標(biāo)識碼：B
文章編號：1671-489X（2015）08-0057-03
1 簡約化及相關(guān)概念厘清
簡約化與飽和化的辯證 飽和，在化學(xué)中的解釋是：在一定溫度和壓力下，溶液所含溶質(zhì)的量已經(jīng)達(dá)到最大限度不能夠再溶解時表現(xiàn)出的形態(tài)。也用來比喻事物發(fā)展到最高限度時所表現(xiàn)出來的狀況和態(tài)勢。從視覺接受的角度分析，飽和化是指視覺信息達(dá)到人們所承受的最大限度。簡約化與飽和化是相對的。簡約化就是對人視覺信息的簡化，它是用簡潔明快的視覺語言來滿足受眾對視覺環(huán)境感性的、本能的和理性的需求。
簡約化與簡單化的厘清 簡約不同于簡單?！昂唵巍苯忉尀榻Y(jié)構(gòu)單純、容易理解，與復(fù)雜、困難、繁瑣是相互對立的詞語。在網(wǎng)頁設(shè)計中簡單表現(xiàn)為頁面結(jié)構(gòu)單一、色彩單調(diào)，在形式表達(dá)上比較呆板，無法給人視覺帶來亮點，功能缺乏交互性等。簡約并不是缺乏設(shè)計要素，它是一種更高層次的創(chuàng)作境界[1]。簡約是針對不同對象，篩選適合于設(shè)計對象的、經(jīng)過不斷精心組合或者選擇的精華。它遵從人類的生理和心理狀態(tài)，強(qiáng)調(diào)的是以人為本的更為情感化的設(shè)計。
2 簡約化網(wǎng)頁界面設(shè)計的內(nèi)涵分析
形式統(tǒng)一與和諧 凡是簡潔美的東西都有一條共同的原則，就是在外觀造型中的各元素存在一定的和諧、統(tǒng)一的關(guān)系[2]。人的視覺和心理慣于接受有序、簡潔與和諧的形態(tài)。即使人們遇到一些看似凌亂無序的畫面，也盡量從各種角度對其進(jìn)行歸類、整理，以求從中找出內(nèi)在的規(guī)律與美的因素。因此。視覺美感產(chǎn)生于有序與和諧之中。有序與和諧讓人對事物的心理感覺單純化、規(guī)律化以及整潔化。
網(wǎng)頁功能的簡潔性 簡約的網(wǎng)頁在功能上能明確表達(dá)功能效用，強(qiáng)調(diào)用戶體驗，是一種人性化的設(shè)計。王曉蓉、楊治明曾經(jīng)建議人性化網(wǎng)頁界面設(shè)計要具有美觀性、舒適性、簡潔性、一致性、高效性和安全性[3]。簡約的網(wǎng)頁功能針對用戶的心理動機(jī)、認(rèn)知心理、智力發(fā)展?fàn)顩r進(jìn)行設(shè)計，表達(dá)意義簡明醒目，易被用戶注意和認(rèn)知，而不是浪費時間去尋找功能。
形態(tài)的易記性 從記憶的角度來說，簡潔單純的網(wǎng)頁元素要比復(fù)雜的網(wǎng)頁元素更容易被人們記住。簡潔單純的事物視覺點突出，不會分散用戶的注意力，能夠保持長時間的注意力穩(wěn)定。
情感表達(dá)的豐富性 簡約化的網(wǎng)頁呈現(xiàn)的不僅僅是一個視覺畫面，它還蘊(yùn)含著深刻的思想和豐富的情感。針對用戶的情感心境，使用合理的文字、色彩、圖像，能使用戶對產(chǎn)品產(chǎn)生親和力，從而加深品牌印象。因此，網(wǎng)頁不僅注重它的美觀度，更注重它的情感表達(dá)的豐富性。
3 網(wǎng)頁界面設(shè)計中簡約化要素分析
簡約化設(shè)計與文字元素 文字是人類用來記錄語言的符號系統(tǒng)，在網(wǎng)頁界面設(shè)計中占有十分重要的作用，因為人們大多信息的獲知都是以文字的形式表達(dá)出來的。眾多構(gòu)成要素中文字具有最佳的直觀傳達(dá)作用以及最高的明確性。文字傳達(dá)本身語義之外，還傳遞其他一些信息。文字視覺形態(tài)的大小、顏色、曲直、排列的疏密，以及語言的強(qiáng)弱、緩急、和諧或嘈雜，以及表情、姿態(tài)等，能夠引起瀏覽者內(nèi)心相應(yīng)的不同感受。文字簡約化設(shè)計表現(xiàn)為以下幾點。
1）易讀性：文字的表達(dá)要能被大眾理解，在排版形式上能夠符合人們的視覺流程，在文字顏色和大小設(shè)計上要符合網(wǎng)頁的設(shè)計風(fēng)格。
2）明確性：信息表達(dá)簡潔明了，不繁瑣不模糊，能夠明確表達(dá)網(wǎng)頁設(shè)計的中心主題；在語義的傳達(dá)上不會讓人產(chǎn)生歧義，傳達(dá)的信息容易被用戶理解。
3）美觀性：文字的大小、顏色、編排等的設(shè)計要符合人的視覺審美，選擇適合于網(wǎng)頁風(fēng)格的文字編排；通過文字形體的統(tǒng)一變化、文字編排的節(jié)奏韻律、文字量感的對比和諧來增強(qiáng)網(wǎng)站的美觀度。
4）適合性：針對不同的用戶，使用合適的文字大小、顏色、語氣、形態(tài)，拉近用戶的心理距離，引發(fā)用戶的情感共鳴，達(dá)到產(chǎn)品宣傳的最終效果。
5）創(chuàng)新性：將文字圖形化、意象化，以更富創(chuàng)意的形式表達(dá)出深層的設(shè)計思想，能夠克服網(wǎng)頁的單調(diào)和平淡，從而打動人心。這種方式的處理既是文字內(nèi)容的直觀表達(dá)，又是文字含義的延伸表達(dá)。它增加網(wǎng)頁的視覺亮點，給用戶耳目一新的感覺。
簡約化設(shè)計與圖像元素 圖像在網(wǎng)頁設(shè)計中扮演著不可缺少的角色，能夠簡化網(wǎng)頁設(shè)計的各種復(fù)雜的信息，這也是大多設(shè)計師喜歡它的原因之一。圖像簡化信息的具體表現(xiàn)包括以下幾點。
1）圖像的直觀性和簡易性：圖像取代了文字多而繁雜的缺陷，相對于大片的描述文字，人們更愿意去選擇簡潔和直觀的圖片，它易被理解和認(rèn)知。尤其是在體現(xiàn)產(chǎn)品特質(zhì)的網(wǎng)頁中，與其使用大量的文字耗費精力，不如使用更直觀的產(chǎn)品圖片，提高信息的傳遞效率。
2）圖像的豐富性和真實性：圖像含有豐富的色彩，具有設(shè)計藝術(shù)的美觀度和視覺的空間感，所以能夠吸引人們的眼球。同時，圖像多是真實的生活采集到的攝影圖片，在藝術(shù)的表達(dá)上自然、不做作、真實，更符合人們簡約化思維的模式。
在新聞資訊類網(wǎng)站中，圖文結(jié)合是經(jīng)常見到的現(xiàn)象。網(wǎng)站中都會把今日的重點新聞配上小塊的圖片放在網(wǎng)頁中，不僅簡化了文字的數(shù)量，還提高了用戶處理信息的效率。圖片的應(yīng)用就是對信息的簡約化處理，圖像將信息以最直觀、簡潔的形式呈現(xiàn)出來，省去了人們閱讀大篇文字的時間，也避免了因文字過多而迷失重點。
另外，圖形的簡約化還表現(xiàn)在LOGO設(shè)計上。LOGO可識別性強(qiáng)，使用簡單的圖形表達(dá)豐富的含義。簡約化的標(biāo)志更容易獲得受眾的認(rèn)知，更具有時代性，是信息簡化的產(chǎn)物。
簡約化設(shè)計與色彩元素 色彩在網(wǎng)頁設(shè)計中占有很重要的位置，因為就生理而言，人們對色彩的敏感度特別的高。馬克思說：“色彩的感覺是一般美感中最大眾化的形式。”[4]當(dāng)打開一個網(wǎng)頁時，關(guān)注色彩元素比其他的元素都要強(qiáng)，色彩最具表現(xiàn)力與識別性，出色的色彩搭配可以在瞬間吸引用戶的目光[5]。同時，它能夠體現(xiàn)企業(yè)產(chǎn)品的特質(zhì)，在不需要過多繁瑣的文字、版式等元素的搭配下，色彩就能直接簡潔明了地給用戶第一印象。
簡約化的網(wǎng)頁色彩設(shè)計就是根據(jù)網(wǎng)頁類型的特質(zhì)，從復(fù)雜的客觀色彩中提取出最能凸顯設(shè)計神韻的一到三種主觀性的色彩，通過色彩的色相、純度、明暗、色塊面積等的對比，簡化用戶的視覺流程，給受眾帶來視覺和心理的輕松，具體表現(xiàn)為以下幾點。
1）配色的統(tǒng)一和諧：同一色彩的大量使用，可以使頁面整體化和秩序化，能快速給用戶留下深刻的印象。
2）配色的強(qiáng)調(diào)和突出：使用和其他元素顏色對比強(qiáng)烈的某一色彩，可以引起受眾的注意力。
3）配色的留白使用：采用大面積色塊的留白，增強(qiáng)了頁面的節(jié)奏感和韻律感，能夠使頁面簡潔大方。
簡約化設(shè)計與版式設(shè)計 如果把網(wǎng)頁界面中的文字、圖形、點線面等元素比喻成員工的話，那么版式設(shè)計就是一個管理者，根據(jù)員工的職能特點，依據(jù)一定的管理理論和方法，有效地激發(fā)員工優(yōu)勢，從而更好地完成任務(wù)。因此，版式設(shè)計就是將文字、圖像、色彩、圖標(biāo)等元素有機(jī)組合，表達(dá)美與和諧[6]。
簡約化的網(wǎng)頁版式設(shè)計并不是將各種元素雜亂無章地編排，而是按照人們的視覺流程規(guī)律以及形象思維，有秩序統(tǒng)一地進(jìn)行規(guī)劃整合?；谑鼙姷囊曈X流程規(guī)律，簡約化的網(wǎng)頁版式設(shè)計應(yīng)該具有以下特征。
1）清晰易讀：網(wǎng)頁的不同元素位置設(shè)計，框架構(gòu)造上和諧統(tǒng)一。每個元素不是混亂的搭配，而是根據(jù)人的視覺流程特點，將設(shè)計元素進(jìn)行合理規(guī)劃，能夠在人的大腦中呈現(xiàn)出清晰明了的信息。
2）統(tǒng)一有秩序：統(tǒng)一和秩序增強(qiáng)了網(wǎng)頁各元素的聯(lián)系和輕重關(guān)系，符合用戶的閱讀習(xí)慣、心理秩序和思維發(fā)展的邏輯認(rèn)知順序。
3）相互呼應(yīng)：呼應(yīng)是指兩個以上的形態(tài)之間通過“呼
喚”和“相應(yīng)”的關(guān)系達(dá)到畫面的均衡。有效的網(wǎng)頁元素呼應(yīng)能夠增加元素之間的內(nèi)在聯(lián)系，使網(wǎng)頁整體感突出。
4）中心突出：視覺中心是人的視覺心理量感所偏向的視覺位置。視覺中心突出的網(wǎng)頁能夠主次分明地把網(wǎng)頁的元素進(jìn)行位置編排，以突出網(wǎng)頁要表達(dá)的重點信息。
簡約化設(shè)計與留白 顧名思義，空白區(qū)域是指不同元素之間的區(qū)域。在網(wǎng)頁設(shè)計中，文字之間、段落之間、圖片之間等網(wǎng)頁設(shè)計元素之間的區(qū)域都是空白。網(wǎng)頁設(shè)計的留白并非意指白色，而是設(shè)計界面中內(nèi)容的空白。認(rèn)知心理學(xué)的研究證明，留在空白之中的東西更容易被人注意和想起[7]，它是符合人們的認(rèn)知需求的，人們的注意力和記憶力不可能長期保持穩(wěn)定的狀態(tài)，他們需要外界的事物給予一個“緩沖”和“喘息”，以獲得視覺和心理的緩和，因此，留白體現(xiàn)的是一種單純輕松的理念。
“留白”在某種程度上代表著簡約[8]。留白正是用這種“此時無聲勝有聲”的視覺語言，詮釋了簡約化設(shè)計的以少勝多之美。留白能控制視覺量感，保持了網(wǎng)頁整體的統(tǒng)一性和平衡感，增加了網(wǎng)頁頁面的內(nèi)涵和豐富性。網(wǎng)頁設(shè)計中一般包括以下幾種常用的留白技巧。
1）背景和元素間隔的空白：它能夠清晰地分離頁面板塊，增加頁面的空間感，更容易引導(dǎo)用戶的視覺流程。
2）頁面大面積色塊使用：頁面大面積使用某一色彩，可以強(qiáng)烈渲染、烘托網(wǎng)頁設(shè)計元素和網(wǎng)頁主題，簡約時尚而更具視覺沖擊力。
3）統(tǒng)一頁面主要設(shè)計元素的背景，呈現(xiàn)出規(guī)則圖形組合：統(tǒng)一而有秩序的頁面能簡明地體現(xiàn)網(wǎng)頁主題的特質(zhì)，更容易讓用戶認(rèn)知。
4 總結(jié)
簡約化網(wǎng)頁界面設(shè)計符合現(xiàn)代人們視覺和心理的需要，是時代大背景的選擇，體現(xiàn)設(shè)計界最先進(jìn)的設(shè)計理念。將簡約化的思想和理念運用到網(wǎng)頁設(shè)計中，創(chuàng)造性地處理網(wǎng)頁中文字、圖像、色彩、版式等網(wǎng)頁元素的關(guān)系，便能正確把握設(shè)計流程的方向，給設(shè)計師和用戶一個規(guī)范的參考。
參考文獻(xiàn)
[1]黎浩.簡約主義：現(xiàn)代設(shè)計的風(fēng)格傾向[J].高教論壇，
2004（5）.
[2]楊大松.現(xiàn)代設(shè)計藝術(shù)的簡潔之美[J].安徽建筑工業(yè)學(xué)院學(xué)，2004，12（2）.
[3]何亭.人性化網(wǎng)頁界面設(shè)計的進(jìn)展與展望[J].美與時代，2012（9）.
[4]歐陽丹.淺析現(xiàn)代平面設(shè)計中色彩的簡約化趨勢[J].湖南工業(yè)職業(yè)技術(shù)學(xué)，2009，9（1）.
[5]吳愛群.簡約版式在平面設(shè)計中的應(yīng)用[J].美術(shù)教育研究，2012（3）.
[6]石艷紅.網(wǎng)站建設(shè)中的版式設(shè)計[J].科技信息，2007（28）.
分析了《網(wǎng)頁設(shè)計與制作》課程教學(xué)中存在的問題，對《網(wǎng)頁設(shè)計與制作》課程教學(xué)模式改革策略展開探討，旨在為如何促進(jìn)《網(wǎng)頁設(shè)計與制作》課程教學(xué)模式改革與實踐有序開展研究提供一些思路.
關(guān)鍵詞：
網(wǎng)頁；設(shè)計與制作；教學(xué)模式；改革；實踐
《網(wǎng)頁設(shè)計與制作》作為一門高校網(wǎng)絡(luò)與新媒體相關(guān)專業(yè)強(qiáng)化學(xué)生學(xué)習(xí)興趣點的專業(yè)基礎(chǔ)課程，開展課程教學(xué)模式改革與實踐研究有著十分重要的現(xiàn)實意義[1].
1《網(wǎng)頁設(shè)計與制作》課程教學(xué)中存在的問題
結(jié)合學(xué)生就業(yè)實際情況、已從事與網(wǎng)站建設(shè)相關(guān)崗位的畢業(yè)生反饋信息，現(xiàn)階段《網(wǎng)頁設(shè)計與制作》課程教學(xué)中存在的問題，具體而言：
1.1不夠積極主動，學(xué)生實踐能力不足
長時間以來，《網(wǎng)頁設(shè)計與制作》課程大多推行理論課與實踐課交替開展的教學(xué)模式，起先由教師對相關(guān)專業(yè)知識、軟件技術(shù)操作內(nèi)容進(jìn)行教授示范，之后由學(xué)生通過隨堂筆記或者學(xué)習(xí)記憶對教師教授內(nèi)容開展模仿操作.教師占據(jù)課程教學(xué)主體地位，教學(xué)內(nèi)容缺乏生動形象性，學(xué)生學(xué)習(xí)過于被動，學(xué)習(xí)主觀能動性難以得到有效調(diào)動.一些學(xué)生對教師教授的理論知識、布置的上機(jī)作業(yè)等不感興趣，沉溺于網(wǎng)絡(luò)游戲、手機(jī)游戲等，致使專業(yè)知識教學(xué)成效不盡如人意.學(xué)生受基礎(chǔ)理論知識與專業(yè)理論知識不扎實影響，對于自身面臨的疑難問題難以迅速反應(yīng)并開展自主解決.再加上理論教學(xué)內(nèi)容與實踐教學(xué)內(nèi)容未能實現(xiàn)有效銜接，使學(xué)生在對于“何為過程性知識、何為陳述性知識？”、“何為理論性知識、何為實踐性知識？”等認(rèn)識上模棱兩可，即便學(xué)生能夠?qū)處熕淌谥R展開有效模仿操作，也難以將它們運用至實際工作中去.
1.2不夠?qū)嵤虑笫?，學(xué)生動手能力不足
教師在《網(wǎng)頁設(shè)計與制作》課程教學(xué)中通過操作鼠標(biāo)進(jìn)行示范，學(xué)生片面的認(rèn)識十分簡單，學(xué)習(xí)過程中不實事求是，等到進(jìn)入實踐課要求他們獨立開展操作時，面對提供完備操作流程的學(xué)習(xí)任務(wù)不屑一顧，認(rèn)為太過簡單；面對未提供相關(guān)操作流程的學(xué)習(xí)認(rèn)識則無從著手，進(jìn)而產(chǎn)生“高不成低不就”的局面.學(xué)生未能基于獨立自主實踐隊專業(yè)知識進(jìn)行掌握，致使難以建立隸屬自身特有的知識、經(jīng)驗架構(gòu)，一旦進(jìn)入社會職業(yè)崗位中便不知所措，無法獨立自主制定工作方案，更別談是付諸實際行動，難以有效將所學(xué)知識與實際結(jié)合，不具備自主解決問題的能力.
1.3各方缺乏溝通，學(xué)生適應(yīng)能力不足
結(jié)合畢業(yè)生反饋信息，普遍存在學(xué)生溝通意識欠缺，不具備客戶至上理念等問題，致使難以對職業(yè)崗位進(jìn)行有效適應(yīng).一些學(xué)生不明確客戶要求，亦或?qū)蛻粢髵佒X后，而憑借自身主管意識開展設(shè)計；一些學(xué)生對客戶要求形成錯誤認(rèn)識，為客戶帶來不必要的麻煩.受各方缺乏溝通或溝通能力不足影響，致使返工情況屢見不鮮，不但降低了工作效率，還會對客戶信任造成負(fù)面影響，不利于企業(yè)的有序發(fā)展.這些不良后果極易使學(xué)生產(chǎn)生負(fù)面情緒，進(jìn)而對后續(xù)工作造成不良影響，由此進(jìn)入惡性循環(huán)；進(jìn)而這些學(xué)生對工作產(chǎn)生厭煩心理，沒有成就感，不具備工作的動力.
2《網(wǎng)頁設(shè)計與制作》課程教學(xué)模式改革策略
在時展新形勢下全國高校網(wǎng)絡(luò)與新媒體專業(yè)，必須與時俱進(jìn)，大膽進(jìn)行改革與創(chuàng)新，引入先進(jìn)的科技和成功發(fā)展的經(jīng)驗，進(jìn)一步強(qiáng)化《網(wǎng)頁設(shè)計與制作》課程教學(xué)模式改革與實踐，對促進(jìn)《網(wǎng)頁設(shè)計與制作》課程教學(xué)模式改革與實踐逐步開展可以從以下幾個方面著手：
2.1強(qiáng)化教學(xué)內(nèi)容改革
高?！毒W(wǎng)頁設(shè)計與制作》課程強(qiáng)調(diào)對設(shè)計人員實踐操作能力和基本功訓(xùn)練，對于網(wǎng)頁設(shè)計等一系列相關(guān)操作技術(shù)要求每個學(xué)生必須能夠嫻熟掌握，具有管理、開發(fā)和維護(hù)小型網(wǎng)站的能力.鑒于此，《網(wǎng)頁設(shè)計與制作》課程開展教學(xué)內(nèi)容改革的重要前提是用人企業(yè)的需求.結(jié)合企業(yè)用人需求從事不同高校網(wǎng)頁設(shè)計與制作專業(yè)、網(wǎng)上招聘啟示及人才市場相關(guān)信息等，對不同行業(yè)需求開展總結(jié)：（1）以企業(yè)局域網(wǎng)為重要前提的操作，好比對等網(wǎng)的組建與維護(hù)、office文檔的存儲與整理、B/S企業(yè)MIS系統(tǒng)的管理與維護(hù)、計算機(jī)一系列軟件的安裝與使用等；（2）企業(yè)網(wǎng)站的管理，好比企業(yè)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站文件管理、企業(yè)網(wǎng)站策劃等；（3）企業(yè)電子商務(wù)活動，好比在線商務(wù)活動、產(chǎn)品在線宣傳、互聯(lián)網(wǎng)信息處理等；（4）具備相應(yīng)計算機(jī)圖形設(shè)計、軟件設(shè)計能力，具備相應(yīng)B/S應(yīng)用程序開發(fā)能力；（5）嫻熟掌握Flash、Dreamweaver等網(wǎng)頁設(shè)計工具，精通CGI網(wǎng)頁交互語言，熟悉HTML設(shè)計等[2].在此基礎(chǔ)上，《網(wǎng)頁設(shè)計與制作》課程在側(cè)重Flash、Dreamweaver及Fireworks網(wǎng)頁教學(xué)前提下，應(yīng)當(dāng)進(jìn)一步關(guān)注HTML設(shè)計、圖形設(shè)計與處理、JavaScript代碼等的教學(xué)，以強(qiáng)化學(xué)生計算機(jī)圖形設(shè)計能力、軟件設(shè)計能力；此外，還應(yīng)當(dāng)強(qiáng)調(diào)網(wǎng)站建設(shè)、管理，強(qiáng)化學(xué)生對網(wǎng)站組建、管理、維護(hù)等內(nèi)容的系統(tǒng)認(rèn)識.
2.2強(qiáng)化教學(xué)方法改革
2.2.1案例教學(xué)法
要想調(diào)動起學(xué)生學(xué)習(xí)主觀能動性，避免傳統(tǒng)灌輸式教學(xué)模式，在教學(xué)期間應(yīng)當(dāng)推行案例教學(xué)法.結(jié)合教學(xué)進(jìn)度、要求引入案例并開展好備課工作，對案例涉及理論、技能進(jìn)行教授講解，探討案例中存在的相關(guān)問題及處理對策等，同時案例要具備針對性、典型性，自符合學(xué)生接受能力開展選取、設(shè)計.好比，可選取介紹“民族傳統(tǒng)”、“家鄉(xiāng)美景”等的門戶網(wǎng)站，教師通過向?qū)W生開展講解此類網(wǎng)站涉及的知識點，要求學(xué)生制訂學(xué)期學(xué)習(xí)計劃，設(shè)計制作一個小型網(wǎng)站，且網(wǎng)站制作過程要與課程教學(xué)內(nèi)容保持協(xié)調(diào).
2.2.2項目化教學(xué)法
選取實際項目為前提，加大對學(xué)生分析、解決問題能力培養(yǎng)的力度.在專業(yè)網(wǎng)站設(shè)計與制作過程的前提下建立學(xué)習(xí)項目，沿著職業(yè)崗位任務(wù)主要方向明確不同模塊內(nèi)容，包括網(wǎng)站建設(shè)方案制作、網(wǎng)站制作以及網(wǎng)站設(shè)計等，依托緊貼職業(yè)實際的教學(xué)內(nèi)容，有效調(diào)動起學(xué)生濃厚的學(xué)習(xí)興趣.依據(jù)職業(yè)崗位任務(wù)主要方向提取各項能力目標(biāo)，并融入進(jìn)制作網(wǎng)站建設(shè)方案、網(wǎng)頁基礎(chǔ)知識儲備等多個不同模擬制作任務(wù)中，達(dá)到對學(xué)生分析、解決問題能力培養(yǎng)的目的.與此同時，制定一系列相關(guān)獨立實踐任務(wù)，以使學(xué)生在完成任務(wù)的同時，對自身所學(xué)知識理論進(jìn)行鞏固，進(jìn)而嫻熟掌握各項網(wǎng)頁制作技能.
2.2.3任務(wù)驅(qū)動教學(xué)法
將實踐操作任務(wù)、模擬制作任務(wù)作為載體，關(guān)注對學(xué)生學(xué)習(xí)能力、技術(shù)應(yīng)用能力及工作能力等方面的培養(yǎng).在教學(xué)中部署一系列模擬制作任務(wù)，并與其中插入相應(yīng)的知識內(nèi)容，經(jīng)由任務(wù)背景介紹、操作流程講述、知識點拓展等布置，引導(dǎo)學(xué)生進(jìn)行自主思考.學(xué)生通過解決問題來掌握知識，經(jīng)由任務(wù)把所掌握知識應(yīng)用于實際問題解決中，進(jìn)而強(qiáng)化自身動手、解決問題的能力.與此同時，需要學(xué)生自主完成實踐操作任務(wù)環(huán)節(jié)，以增強(qiáng)學(xué)生自學(xué)能力、技能應(yīng)用能力等方面訓(xùn)練.以某學(xué)院網(wǎng)站引導(dǎo)頁任務(wù)制作為例，應(yīng)展開下述操作：（1）背景介紹，經(jīng)由該學(xué)院網(wǎng)站，提升學(xué)院影響力，為師生相互、校企相互、家校相互等往來提供便利；（2）任務(wù)要求，對學(xué)院網(wǎng)站特色進(jìn)行盡可能凸顯，吸引更多網(wǎng)頁瀏覽者，并為瀏覽者留下深刻印象；（3）任務(wù)分析，設(shè)計前對學(xué)院網(wǎng)站用戶相關(guān)需求展開全面研究，找準(zhǔn)網(wǎng)站風(fēng)格定位，可選取圖片或者Flash動作用以引導(dǎo)頁，將圖片用以引導(dǎo)頁第一步通過PS設(shè)計好引導(dǎo)頁效果圖及Flas，然后開展切片，最后完成表格設(shè)置工作，并將圖片、Flas添加進(jìn)網(wǎng)頁引來瀏覽者，提升網(wǎng)站流量；（4）延伸知識點，包括表格屬性設(shè)置、切片優(yōu)勢、切片方法等；（5）處理問題，要想加快網(wǎng)頁瀏覽速度，通常要求將大圖切為小圖.基于任務(wù)制作過程開展知識點延伸教學(xué)，結(jié)合實際情況讓掌握理論知識的同時，了解知識的獲取渠道及方法，改善學(xué)生學(xué)習(xí)效率.由于伴隨技術(shù)發(fā)展，學(xué)生職業(yè)生涯會受到一定影響，因此教師一方面要權(quán)衡知識的夠用情況，一方面要權(quán)衡知識點的系統(tǒng)性.應(yīng)當(dāng)盡可能拓寬學(xué)生知識面，在知識點選定過程中不僅要結(jié)合崗位群，又要自技術(shù)發(fā)展、設(shè)備軟件更新所對學(xué)生職業(yè)造成的影響出發(fā)，留有一定的余量.在全面教學(xué)期間，強(qiáng)調(diào)對學(xué)生綜合職業(yè)能力、職業(yè)素質(zhì)等方面的培養(yǎng)，匯集教、學(xué)、做于一體，盡量適應(yīng)學(xué)生為主體、教師為主導(dǎo)的新型教學(xué)模式的需求.各模擬制作任務(wù)均很好地融入知識目標(biāo)、能力目標(biāo)，側(cè)重能用什么做什么，盡可能凸顯《網(wǎng)頁設(shè)計與制作》課程教學(xué)與職業(yè)崗位能力需求的緊密聯(lián)系，強(qiáng)化學(xué)生專業(yè)學(xué)習(xí)針對性、實用性.
2.2.4激勵教學(xué)法
要想激發(fā)學(xué)生對網(wǎng)頁設(shè)計的學(xué)習(xí)興趣，鍛造學(xué)生自學(xué)能力、創(chuàng)造能力，學(xué)校應(yīng)當(dāng)積極組織各式各樣種類的就業(yè)技能大賽、Flash設(shè)計大賽、網(wǎng)頁設(shè)計大賽等活動，通過激勵性活動一方面促進(jìn)學(xué)生對所學(xué)知識的實踐應(yīng)用，一方面有效發(fā)揮學(xué)生團(tuán)隊協(xié)助能力、設(shè)計創(chuàng)新能力.
2.3強(qiáng)化教學(xué)手段改革
2.3.1聯(lián)機(jī)教學(xué)
借助網(wǎng)絡(luò)開展好《網(wǎng)頁設(shè)計與制作》課程教學(xué).《網(wǎng)頁設(shè)計與制作》是一實踐性強(qiáng)、應(yīng)用廣泛的技術(shù)，要想說明網(wǎng)頁設(shè)計的性質(zhì)及相關(guān)實踐應(yīng)用，實時展示極為關(guān)鍵，所以在網(wǎng)絡(luò)教學(xué)中接入互聯(lián)網(wǎng)，通過互聯(lián)網(wǎng)對一系列理論知識開展詳實說明，如此可有效提升教學(xué)課堂生動形象性，強(qiáng)化學(xué)生對《網(wǎng)頁設(shè)計與制作》課程實用性、重要性的明確認(rèn)識.
2.3.2開設(shè)
《網(wǎng)頁設(shè)計與制作》在線課堂要想進(jìn)一步改善《網(wǎng)頁設(shè)計與制作》課程教學(xué)成效，可考慮開設(shè)該課程的在線課堂，促進(jìn)教師與師生之間的互動，實時了解學(xué)生意見，優(yōu)化整合教學(xué)方法、教學(xué)進(jìn)度，對學(xué)生學(xué)習(xí)遇見的疑難困惑進(jìn)行及時解答.此外，還可將該課程全部課程資源傳輸上網(wǎng)，諸如教學(xué)大綱、教案、課件等資料，還可依據(jù)課程章節(jié)補(bǔ)充相關(guān)設(shè)計案例等.如此，學(xué)生一方面可通過網(wǎng)絡(luò)獲取課堂教學(xué)的各項內(nèi)容，一方面可借助多媒體優(yōu)勢滿足自身自主學(xué)習(xí)需求.
3結(jié)束語
總而言之，高校網(wǎng)絡(luò)與新媒體專業(yè)《網(wǎng)頁設(shè)計與制作》課程教學(xué)模式的改革與實踐，是一項十分復(fù)雜的系統(tǒng)工程.其是對傳統(tǒng)課堂教學(xué)方式的一種挑戰(zhàn)，對教師和學(xué)生均提出了極為嚴(yán)苛的要求.鑒于此，相關(guān)人員務(wù)必要不斷鉆研研究、總結(jié)經(jīng)驗，清楚認(rèn)識《網(wǎng)頁設(shè)計與制作》課程性質(zhì)、教學(xué)特征及教學(xué)目標(biāo)，全面分析《網(wǎng)頁設(shè)計與制作》課程教學(xué)中存在的問題，“強(qiáng)化教學(xué)內(nèi)容改革”、“強(qiáng)化教學(xué)方法改革”、“強(qiáng)化教學(xué)手段改革”等，積極促進(jìn)促進(jìn)《網(wǎng)頁設(shè)計與制作》課程教學(xué)模式改革與實踐有序開展.
作者：逯杉楠 單位：綏化學(xué)院文學(xué)與傳媒學(xué)院
參考文獻(xiàn)：
在網(wǎng)頁設(shè)計課程的教學(xué)過程中，學(xué)生在課程學(xué)習(xí)中用到另一類課程知識時往往不能得心應(yīng)手，教學(xué)效果不理想。為此，通過重新調(diào)整教學(xué)安排，增加藝術(shù)設(shè)計基礎(chǔ)知識，轉(zhuǎn)變教學(xué)模式，激發(fā)學(xué)生的學(xué)習(xí)興趣，提高教師素質(zhì)，將藝術(shù)設(shè)計課程與網(wǎng)頁設(shè)計課程進(jìn)行整合，以提高整體教學(xué)質(zhì)量。
關(guān)鍵詞：
網(wǎng)頁設(shè)計；藝術(shù)設(shè)計；整合
隨著互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展，網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)等職業(yè)應(yīng)運而生。伴隨著網(wǎng)站設(shè)計與開發(fā)技術(shù)的發(fā)展，相應(yīng)的工作流程也在不斷變化和完善。網(wǎng)頁設(shè)計與開發(fā)已經(jīng)成為一項綜合性、技術(shù)性都很強(qiáng)的專業(yè)工作，要求學(xué)生對網(wǎng)絡(luò)基礎(chǔ)知識、網(wǎng)頁制作及編輯技術(shù)、平面設(shè)計以及動畫設(shè)計制作等相關(guān)內(nèi)容都要有一定的基礎(chǔ)，是技術(shù)與藝術(shù)的結(jié)合。信息時代的網(wǎng)頁應(yīng)具有良好的界面設(shè)計與視覺效果。因此，學(xué)生在網(wǎng)頁設(shè)計的課程學(xué)習(xí)中，適當(dāng)增加平面設(shè)計類的相關(guān)知識和技能，才能滿足職業(yè)崗位需求，順應(yīng)時代的發(fā)展。
1課程認(rèn)識不足
通常，網(wǎng)站開發(fā)有以下幾個流程：需求分析，包括項目立項和客戶的需求說明書；系統(tǒng)設(shè)計，包括網(wǎng)站總體設(shè)計和網(wǎng)站詳細(xì)設(shè)計；素材的收集和整理；網(wǎng)頁版式設(shè)計；網(wǎng)站制作；申請域名和申請空間；網(wǎng)站測試和網(wǎng)站；網(wǎng)站維護(hù)和網(wǎng)站推廣。網(wǎng)頁設(shè)計課程的教材種類比較多，但內(nèi)容集中在介紹網(wǎng)頁制作工具軟件的學(xué)習(xí)上，比如：Dreamweaver、FrontPage等網(wǎng)頁制作工具軟件。對網(wǎng)頁中的基本布局方法、圖片處理，頁面配色，文字排版等方面的知識較少。同時，學(xué)生對待本課程的學(xué)習(xí)在認(rèn)識上也有偏差，希望一開始就能學(xué)會制作網(wǎng)頁。
2教學(xué)內(nèi)容有待調(diào)整
經(jīng)過幾年的教學(xué)實踐，網(wǎng)頁設(shè)計課程的教學(xué)內(nèi)容應(yīng)增加藝術(shù)設(shè)計的一些基本理論與知識,以及藝術(shù)設(shè)計類軟件的學(xué)習(xí)。理論知識具體包括：網(wǎng)頁版式和色彩理論。藝術(shù)設(shè)計類軟件主要包括兩大類：圖形圖像處理類軟件，常用的有Photoshop、Fireworks、Coreldraw等；二維動畫設(shè)計類軟件，如Flash等，在教學(xué)安排中，可以考慮只講授Photoshop、Flash。教學(xué)內(nèi)容按模塊進(jìn)行設(shè)計，對每一部分知識，重點教會學(xué)生如何應(yīng)用，在理論內(nèi)容的講授中將理論知識融入案例中，從實際需要出發(fā)，需要哪些內(nèi)容就重點講解哪些內(nèi)容，而不是大而全地講授所有相關(guān)理論知識。在教學(xué)設(shè)計中采用項目教學(xué)法方式進(jìn)行授課，通過在項目和任務(wù)中將藝術(shù)設(shè)計與網(wǎng)頁設(shè)計有效地結(jié)合在一起，融會貫通，學(xué)以致用，達(dá)到最佳的教學(xué)效果。
2.1網(wǎng)頁版式設(shè)計
網(wǎng)頁版面是指在瀏覽器上看到的一個完整頁面，不同種類、不同版本的瀏覽器瀏覽同一個網(wǎng)頁，效果有可能不同。因此，應(yīng)定好網(wǎng)頁版式尺寸。網(wǎng)頁版式的構(gòu)成要素主要有：網(wǎng)頁標(biāo)志、網(wǎng)頁標(biāo)題、導(dǎo)航條、圖片、多媒體、色彩、文字等。如何將各種網(wǎng)頁元素進(jìn)行合理組織在有限的版面中，達(dá)到設(shè)計出賞心悅目的網(wǎng)頁作品，非常重要。一個優(yōu)秀的網(wǎng)頁，是從網(wǎng)頁版式設(shè)計開始的。采取何種版式結(jié)構(gòu)布局頁面并不是一件隨意的事，首先要明確建立網(wǎng)站的目的，網(wǎng)站要表現(xiàn)的主題，網(wǎng)站所面對的受眾的特點，客戶的需求等等，通過前期的了解調(diào)查和分析，才能確定網(wǎng)頁版式結(jié)構(gòu)，將網(wǎng)頁主題內(nèi)容與設(shè)計者的設(shè)計思想結(jié)合在一起，找到一個較完美的表現(xiàn)方式，才能真正突出網(wǎng)站別具風(fēng)格的特點。
2.2色彩的基本理論及視覺效果
網(wǎng)頁設(shè)計離不開色彩。網(wǎng)頁中的基本元素比如背景、文字、Logo、導(dǎo)航、圖片等應(yīng)該采用什么樣的標(biāo)準(zhǔn)色彩，如何將色彩組織搭配才能更好地表達(dá)出網(wǎng)站的設(shè)計思想，體現(xiàn)網(wǎng)站主題與風(fēng)格，是網(wǎng)頁設(shè)計者所關(guān)注的問題。色彩的基本理論，色彩的心理感覺，色彩的冷暖，色彩的軟硬，色彩的進(jìn)退，色彩的大小等等都知識都必須涉及到。比如在網(wǎng)頁中通過填充不同的色彩背景來區(qū)分網(wǎng)頁中的不同區(qū)域；通過色彩的明暗及面積大小的不同，讓瀏覽者瀏覽頁面時主次分明，條理清晰。在教學(xué)中，讓學(xué)生學(xué)習(xí)了解網(wǎng)頁配色原理：色彩的適合性、鮮明性和獨特性，掌握網(wǎng)頁配色技巧：比如使用一種色彩配色，使用鄰近色配色，使用對比色配色和非彩色搭配（黑白搭配）。通過欣賞與總結(jié)不同主題網(wǎng)站的版式設(shè)計及配色,掌握網(wǎng)頁風(fēng)格確定方法，熟悉網(wǎng)站色彩搭配技巧。
2.3網(wǎng)頁圖片的處理
網(wǎng)頁中離不開圖片處理。Photoshoop是一個功能強(qiáng)大的圖像處理軟件。了解常用圖像文件類型，比如PSD、BMP、TIFF、GIF、PNG、JPEG、PDF等格式，掌握不同類型文件的特征，在網(wǎng)頁設(shè)計中靈活運用。在學(xué)習(xí)Photoshoop軟件中重點教授網(wǎng)頁Logo標(biāo)志的制作、導(dǎo)航欄、按鈕的制作、網(wǎng)頁素材圖片的處理、網(wǎng)頁頁面的規(guī)劃與制作、圖片切割導(dǎo)出成網(wǎng)頁格式。
2.4網(wǎng)頁動畫的制作
在網(wǎng)頁的制作上，F(xiàn)lash發(fā)揮了重要的作用。通過動態(tài)的顯示文字和圖片，豐富了頁面。Flash軟件中重點學(xué)習(xí)掌握廣告條動畫的制作，聯(lián)系地圖動畫的制作，公告欄動畫的制作，商品宣傳廣告動畫的制作，這些都是網(wǎng)頁頁面中經(jīng)常使用的表現(xiàn)形式。對于以上增加的藝術(shù)設(shè)計類理論和軟件類的教學(xué)內(nèi)容并不是孤立地放在某一個教學(xué)期間。教師在進(jìn)行教學(xué)設(shè)計中，通過項目和任務(wù)作為載體，掌握夠用的原則，以項目帶動學(xué)習(xí)，進(jìn)行實踐操作。
3轉(zhuǎn)變教學(xué)模式，激發(fā)學(xué)生學(xué)習(xí)興趣
無論是網(wǎng)頁設(shè)計軟件還是藝術(shù)設(shè)計類軟件，此類課程的應(yīng)用性和實踐性非常強(qiáng)，它強(qiáng)調(diào)學(xué)生的操作能力。因此在教學(xué)中，教師應(yīng)以學(xué)生為主體充分發(fā)揮學(xué)生的主觀能動性，教師主導(dǎo)任務(wù)的實施，激發(fā)學(xué)生的參與熱情，在“做”的過程中融入“學(xué)”和“教”。目前我們學(xué)院的教學(xué)環(huán)境得到了改善，網(wǎng)頁設(shè)計課程的教學(xué)場所都安排在實訓(xùn)機(jī)房，教師可以采取邊授課邊操作的方式，學(xué)生同步操作，非常直觀。學(xué)生既可以模仿，也可以思考多做一些調(diào)試和修改，在遇到問題時，可以立即咨詢教師，得到及時解決，以加深對知識點的掌握程度，從而提高了教學(xué)效果。這種教學(xué)方式改變了理論課和實訓(xùn)課相互獨立的局面，將課程的“教、學(xué)、做”融于一體，學(xué)生在完成具體項目任務(wù)的過程中學(xué)習(xí)新的知識和技能，具有成就感，充分發(fā)揮學(xué)生的學(xué)習(xí)主動性和積極性，提高了學(xué)生處理和解決實際問題的能力。同時，教師要精心設(shè)計教學(xué)內(nèi)容，挑選典型項目案例。例如，從制作網(wǎng)頁標(biāo)志開始、導(dǎo)航條制作、網(wǎng)頁素材處理、網(wǎng)頁頁面規(guī)劃與制作、圖片切割、廣告條動畫制作，到網(wǎng)頁站點規(guī)劃、網(wǎng)頁布局與實現(xiàn)、網(wǎng)頁美化、網(wǎng)頁交互制作，讓學(xué)生對網(wǎng)頁制作的流程和各軟件的結(jié)合使用有一個完整的了解，從而提高學(xué)生的學(xué)習(xí)興趣，保持持久的學(xué)習(xí)動力。
4提高教師素質(zhì)
網(wǎng)頁設(shè)計課程的教學(xué)通常是由計算機(jī)相關(guān)專業(yè)的教師授課，這些教師對藝術(shù)設(shè)計的基本理論知識比較缺乏。因此對于授課教師來說，不僅要熟練掌握網(wǎng)頁設(shè)計與制作的專業(yè)技術(shù)，對藝術(shù)設(shè)計以及網(wǎng)頁美工的理論基礎(chǔ)也要有一定的學(xué)習(xí)和研究，具有較好的審美素養(yǎng)，努力豐富和拓展平面設(shè)計方面的經(jīng)驗，提高網(wǎng)頁設(shè)計綜合能力，在教學(xué)活動中引導(dǎo)學(xué)生能靈活掌握、應(yīng)用這些藝術(shù)設(shè)計類軟件，運用一些平面設(shè)計中的美的基本形式到網(wǎng)頁中去，制作出賞心悅目的網(wǎng)頁頁面。
5結(jié)語
通過網(wǎng)頁設(shè)計與藝術(shù)設(shè)計這兩類課程的整合，采用“教、學(xué)、做”一體化的課程教學(xué)模式，學(xué)生在項目及任務(wù)中學(xué)習(xí)美工的基礎(chǔ)理論知識，掌握網(wǎng)頁設(shè)計技術(shù)，將兩類課程的知識融會貫通，靈活運用。同時，加強(qiáng)技能培訓(xùn)，學(xué)會舉一反三，增強(qiáng)學(xué)生探究和創(chuàng)新意識，提升學(xué)生自主學(xué)習(xí)能力，學(xué)習(xí)科學(xué)探究的方法，發(fā)展綜合運用知識的能力，增進(jìn)學(xué)校與社會的密切聯(lián)系，培養(yǎng)學(xué)生的職業(yè)素養(yǎng)。
作者：呂玉梅 單位：江西環(huán)境工程職業(yè)學(xué)院
參考文獻(xiàn)
[1]趙愛濤,劉迎春,張明虎.藝術(shù)設(shè)計軟件課程與網(wǎng)頁設(shè)計課程的整合[J].石家莊職業(yè)技術(shù)學(xué)院學(xué)報,2010(8).
《網(wǎng)頁設(shè)計與制作》課程是《Web應(yīng)用程序設(shè)計》課程的先修課程，為Web應(yīng)用程序的頁面布局和界面設(shè)計打基礎(chǔ)。為了適應(yīng)市場對“網(wǎng)頁設(shè)計制作人員”的崗位需求和為了實現(xiàn)網(wǎng)頁設(shè)計到Web應(yīng)用程序設(shè)計的過渡，有必要對現(xiàn)有的《網(wǎng)頁設(shè)計與制作》課程進(jìn)行改革，使學(xué)生能適應(yīng)“網(wǎng)頁設(shè)計制作人員”的崗位需求并能將《網(wǎng)頁設(shè)計與制作》課程里學(xué)習(xí)的實踐成果能直接應(yīng)用于基于.net或JSP的Web應(yīng)用程序設(shè)計。
2、《網(wǎng)頁設(shè)計與制作》課程現(xiàn)狀及存在問題
筆者所在學(xué)校的計算機(jī)科學(xué)與技術(shù)、軟件工程、網(wǎng)絡(luò)工程三個專業(yè)都開設(shè)了《網(wǎng)頁設(shè)計與制作》課程。傳統(tǒng)的網(wǎng)頁設(shè)計與制作課程主要基于網(wǎng)頁三劍客Dreamweaver、Fireworks、Flash制作出精美的網(wǎng)頁。這些網(wǎng)頁內(nèi)容豐富多彩，結(jié)構(gòu)復(fù)雜，能滿足靜態(tài)網(wǎng)頁的頁面需要，但這些網(wǎng)頁不能直接應(yīng)用于基于.net或JSP的Web應(yīng)用程序開發(fā)中，不能滿足動態(tài)網(wǎng)頁的頁面需求。Web應(yīng)用程序開發(fā)，是通過后臺數(shù)據(jù)庫與Web服務(wù)器的信息交換，由后臺數(shù)據(jù)庫提供實時數(shù)據(jù)更新和數(shù)據(jù)查詢服務(wù)?！禬eb應(yīng)用程序設(shè)計》課程有兩種主流的開發(fā)技術(shù)：.net與JSP。在《Web應(yīng)用程序設(shè)計》課程中，主要講解.net技術(shù)與JSP技術(shù)，而不講解頁面設(shè)計，需要學(xué)生將《網(wǎng)頁設(shè)計與制作》課程學(xué)習(xí)到的網(wǎng)頁設(shè)計知識融合到Web應(yīng)用程序設(shè)計中來，使動態(tài)頁面既有數(shù)據(jù)庫的內(nèi)容，又界面美觀。而學(xué)生在傳統(tǒng)的《網(wǎng)頁設(shè)計與制作》課程里學(xué)習(xí)的頁面知識不能直接應(yīng)用于Web應(yīng)用程序設(shè)計。有必要對《網(wǎng)頁設(shè)計與制作》課程進(jìn)行教學(xué)改革，增加CSS，Div，Javascript，AJAX等內(nèi)容，以完成學(xué)生向Web應(yīng)用程序設(shè)計的過渡。
3、教學(xué)改革措施
3.1課程定位與目標(biāo)
《網(wǎng)頁設(shè)計與制作》課程的實踐性較強(qiáng)，是網(wǎng)絡(luò)工程專業(yè)的核心課程，是計算機(jī)科學(xué)與技術(shù)、軟件工程專業(yè)的選修課。本課程以計算機(jī)導(dǎo)論、計算機(jī)程序設(shè)計語言為先修課程，以培養(yǎng)學(xué)生實際動手能力為目標(biāo)，使學(xué)生具備網(wǎng)頁素材搜集、網(wǎng)頁元素制作、網(wǎng)站布局和規(guī)劃、腳本代碼編寫、網(wǎng)站、網(wǎng)絡(luò)建設(shè)管理與維護(hù)等知識與技能，并培養(yǎng)學(xué)生團(tuán)隊協(xié)作能力、溝通能力、分析問題能力、解決問題能力，同時也為后續(xù)課程《Web應(yīng)用程序設(shè)計》的學(xué)習(xí)奠定基礎(chǔ)和實現(xiàn)向Web應(yīng)用程序開發(fā)的順利過渡。
課程目標(biāo)包括：①理解網(wǎng)站的工作原理，學(xué)會構(gòu)建網(wǎng)站；②熟練掌握Photoshop、Fireworks、Flash等軟件處理網(wǎng)頁素材；③熟練使用CSS、Div進(jìn)行網(wǎng)頁設(shè)計；④掌握網(wǎng)頁腳本語言的使用方法；⑤培養(yǎng)學(xué)生做出具有一定水準(zhǔn)的網(wǎng)頁（包括Javascript，CSS+Div）。
3.2優(yōu)化教學(xué)內(nèi)容
以往《網(wǎng)頁設(shè)計與制作》的教學(xué)內(nèi)容大多是按網(wǎng)頁三劍客展開，而以向Web應(yīng)用程序設(shè)計的過渡為導(dǎo)向的課程改革需要將《網(wǎng)頁設(shè)計與制作》課程內(nèi)容與Web應(yīng)用程序開發(fā)的動態(tài)頁面要求相結(jié)合，滿足日后的Web應(yīng)用程序設(shè)計要求。
教學(xué)內(nèi)容主要包括：①網(wǎng)頁圖片處理；②網(wǎng)頁動畫制作；③基于HTML+CSS+Div+Javascript網(wǎng)頁設(shè)計。
借助Dreamweaver進(jìn)行可視化頁面設(shè)計轉(zhuǎn)向純代碼的編寫，全部靠手工編寫代碼來設(shè)計網(wǎng)頁頁面。
3.3教學(xué)方法改革
教學(xué)方法由傳統(tǒng)的演示法向多樣式教學(xué)方法發(fā)展，主要有以下4種：
啟發(fā)式-模仿法：初學(xué)時需要大量瀏覽一些優(yōu)秀網(wǎng)站案例。通過欣賞國內(nèi)外優(yōu)秀網(wǎng)站，讓學(xué)生在外觀視覺的享受中感受網(wǎng)頁設(shè)計領(lǐng)域的奇妙，培養(yǎng)學(xué)習(xí)興趣。并選中幾個案例，進(jìn)行一步一步地模仿設(shè)計。
任務(wù)驅(qū)動法：每個學(xué)習(xí)案例都布置了學(xué)習(xí)任務(wù)，課程體系結(jié)構(gòu)以任務(wù)為主線，貫穿整個學(xué)習(xí)過程。教師在課堂講解理論知識后，布置學(xué)習(xí)任務(wù)，學(xué)生自己動手獨立完成學(xué)習(xí)任務(wù)，將理論與實踐相結(jié)合，使理論知識得以實踐。
項目教學(xué)法：將實際的網(wǎng)站設(shè)計項目直接在課堂再現(xiàn)，以項目為驅(qū)動，帶動各知識點，讓學(xué)生邊學(xué)邊練。讓學(xué)生了解網(wǎng)站開發(fā)的流程，也促進(jìn)各知識點的應(yīng)用，快速吸收所學(xué)
內(nèi)容。
3.5學(xué)生設(shè)計成果能向《Web應(yīng)用程序設(shè)計》課程過渡
《網(wǎng)頁設(shè)計與制作》課程是《Web應(yīng)用程序設(shè)計》的先修課程，學(xué)生通過《網(wǎng)頁設(shè)計與制作》課程的學(xué)習(xí)，設(shè)計出的網(wǎng)頁成果要能直接移植或方便的移植到Web應(yīng)用程序設(shè)計中來，而不能出現(xiàn)設(shè)計出的網(wǎng)頁成果與《Web應(yīng)用程序設(shè)計》無關(guān)，與后續(xù)課程脫節(jié)。
方法：（1）利用Dreamweaver等網(wǎng)頁編輯軟件，純手工編寫代碼，保存為后綴名為html或htm的文件，通過不同的瀏覽器測試頁面的預(yù)覽效果。日后通過修改文件后綴名來適應(yīng).net開發(fā)或JSP開發(fā)，實現(xiàn)向Web應(yīng)用程序設(shè)計的移植。
對于基于.net的Web應(yīng)用程序，在 Visual Studio環(huán)境下進(jìn)行網(wǎng)頁設(shè)計，實現(xiàn)網(wǎng)頁設(shè)計向基于.net的Web應(yīng)用程序的直接移植；對于基于JSP開發(fā)的Web應(yīng)用程序，在Eclipse環(huán)境下進(jìn)行網(wǎng)頁設(shè)計，實現(xiàn)網(wǎng)頁設(shè)計向基于JSP的Web應(yīng)用程序的直接移植。
4、結(jié)語
通過《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革與實踐，課程結(jié)課后學(xué)生都能夠獨立完成基于HTML+CSS+Div+Javascript的小型網(wǎng)站網(wǎng)頁的設(shè)計，且這些網(wǎng)頁要能直接移植或方便的移植到Web應(yīng)用程序設(shè)計中，實現(xiàn)向Web應(yīng)用程序設(shè)計的完美過渡。通過課程改革，提高了學(xué)生的學(xué)習(xí)興趣，鍛煉了他們的實際動手實踐能力，并為后續(xù)《Web應(yīng)用程序設(shè)計》的頁面設(shè)計打下良好的基礎(chǔ)。
參考文獻(xiàn)：
[1] 彭莉，張道軍，高好良.《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程教學(xué)改革與實踐.軟件導(dǎo)刊，2013，12（2）：170-172.
[2] 董玉蘭.教師引導(dǎo) 學(xué)生探究——《網(wǎng)頁修飾》教學(xué)設(shè)計.課程教育研究，2013.
關(guān)鍵詞：色彩；網(wǎng)頁設(shè)計；視覺效果
中圖分類號：J524
文獻(xiàn)標(biāo)識碼：A
文章編號：1005-5312（2012）14-0074-01
一、色彩在網(wǎng)頁設(shè)計中的重要性
網(wǎng)頁設(shè)計與平面設(shè)計密切相關(guān)，并具有功能性的設(shè)計藝術(shù)，必須始終遵循藝術(shù)與技術(shù)，形式與功能的高度統(tǒng)一。在五彩繽紛的世界中，色彩是吸引視覺的重要因素，就感覺而言，色彩比形狀能夠產(chǎn)生更直接、更強(qiáng)烈的影響。
所以網(wǎng)頁設(shè)計師不僅要掌握基本的網(wǎng)頁制作技術(shù)，還需要掌握網(wǎng)頁的風(fēng)格、配色等設(shè)計藝術(shù)，色彩的設(shè)計始終在網(wǎng)頁中占據(jù)著相當(dāng)重要的地位。在一定意義上可以說網(wǎng)頁也是一種藝術(shù)品，它既要求文字的優(yōu)美流暢，又要求頁面的新穎整潔，而且要求使用色彩得當(dāng)。合理的頁面色彩設(shè)計，將直接影響到瀏覽者的觀賞興趣，它可以使頁面更加生動，讓瀏覽者留下深刻的第一印象，產(chǎn)生強(qiáng)烈的視覺效果。
二、色彩在網(wǎng)頁設(shè)計中的作用
（一）突出主題和體現(xiàn)風(fēng)格
每一種色彩都有其情感效果與象征，設(shè)計師可以利用色彩本身所具有的表現(xiàn)力和情感效應(yīng)，使網(wǎng)頁的內(nèi)容與形式有機(jī)地結(jié)合起來，借助色彩來體現(xiàn)網(wǎng)站的特色與風(fēng)格，突出其主題。
（二）劃分區(qū)域和統(tǒng)一風(fēng)格
網(wǎng)頁內(nèi)容豐富，信息含量大，設(shè)計師可以利用不同的色彩進(jìn)行網(wǎng)頁界面的視覺區(qū)域劃分和網(wǎng)頁信息的分類布局，利用不同的色彩給人的不同的心理效果，區(qū)分主次順序，形成有序的視覺流程，使網(wǎng)頁具有良好的易讀性和方便的導(dǎo)向性。對網(wǎng)頁色彩進(jìn)行系統(tǒng)地規(guī)劃和設(shè)計，可以使網(wǎng)站的整體風(fēng)格統(tǒng)一，給瀏覽者完整、有序的視覺印象。
（三）吸引視線和加深印象
在網(wǎng)頁設(shè)計中要充分利用色彩的力量美化頁面，或含蓄優(yōu)雅，或動感強(qiáng)烈，或時尚新穎，或單純醒目，以引起瀏覽者的關(guān)注，同時大大增強(qiáng)網(wǎng)頁的藝術(shù)性和吸引力，從而提高訪問率，提高網(wǎng)站的知名度
三、色彩在網(wǎng)頁設(shè)計中應(yīng)把握的原則
（一）與網(wǎng)站主題保持一致
不同的色彩有著不同的象征意義，因此給瀏覽者的心理感受也不相同。色彩在網(wǎng)頁設(shè)計中要有針對性，應(yīng)體現(xiàn)出自身的特色。比如說政府部門的網(wǎng)頁風(fēng)格應(yīng)有莊重感，呈現(xiàn)寧靜、莊重、高雅的氛圍；電子商務(wù)類網(wǎng)頁可以通過紅色、橙色、黃色等暖色調(diào)的搭配，以色彩的多樣性提升閱讀的舒適性；藍(lán)色給人的心理印象是崇高、深遠(yuǎn)、廣大而睿智，被高科技企業(yè)網(wǎng)站所喜愛；保健類的網(wǎng)頁應(yīng)大面積地采用舒適性強(qiáng)的色彩，多以綠色白色搭配為主體，排斥易造成人們心理緊張感和恐慌感的色彩。隨著行業(yè)的不斷的增多，色彩在網(wǎng)頁設(shè)計中的運用的重要性也突出的體現(xiàn)出來。
（二）個性鮮明
在網(wǎng)站云集的互聯(lián)網(wǎng)，網(wǎng)頁的色彩只有與眾不同，有自己獨特的風(fēng)格才能顯得個性鮮明，給瀏覽者留下深刻的印象。尤其是在同類網(wǎng)站中，網(wǎng)頁的色彩不但要符合此類網(wǎng)站的用色特點，還要有其獨到之處。網(wǎng)頁設(shè)計是一種藝術(shù)活動，只有按照內(nèi)容決定形式的原則，大膽進(jìn)行藝術(shù)創(chuàng)新，才能設(shè)計出既符合網(wǎng)站主題，又有一定藝術(shù)特色的網(wǎng)頁。
（三）與瀏覽者的審美情趣相統(tǒng)一
由于地域、民族、信仰、年齡、文化修養(yǎng)等存在著差異，人們的審美能力也有很大的差別。不同的瀏覽者對色彩的聯(lián)想和理解不會相同，對色彩的喜好也不一樣。網(wǎng)頁設(shè)計師在制作這樣的網(wǎng)頁時就必須進(jìn)行多方面的考慮，盡可能多地采用符合瀏覽者審美傾向的色彩，使其產(chǎn)生共鳴。如兒童喜歡色彩鮮明的純色，那么兒童網(wǎng)站就宜采用紅、黃、藍(lán)、綠等對比鮮明的色彩，來營造活潑富有童趣的視覺效果。
（四）方便閱讀
在進(jìn)行網(wǎng)頁設(shè)計時要注意文字與背景色彩的明暗對比，文本要易讀，圖像要易于識別，以使人們在瀏覽大量網(wǎng)頁信息時，減輕視覺疲勞。
（五）保持延續(xù)性
雖然網(wǎng)頁的信息會不斷更新，版式也會定期修改，但網(wǎng)頁色彩的基調(diào)和風(fēng)格一旦形成后，不宜大幅地更改，而應(yīng)保持一定的延續(xù)性。這樣能夠使瀏覽者迅速識別且印象深刻。但為了保持新鮮感和提高吸引力，可以小范圍地對網(wǎng)頁中的色彩明度、純度進(jìn)行適當(dāng)?shù)淖儞Q。
四、結(jié)語
色彩作為網(wǎng)頁設(shè)計中的一個重要而獨特的設(shè)計元素，應(yīng)該受到足夠的重視。色彩是網(wǎng)頁設(shè)計的靈魂，網(wǎng)頁設(shè)計師要以科學(xué)的色彩理論作為設(shè)計指導(dǎo)，把藝術(shù)同現(xiàn)代網(wǎng)頁設(shè)計技術(shù)結(jié)合起來，大膽進(jìn)行藝術(shù)創(chuàng)新，創(chuàng)造出更鮮活、更具有吸引力的網(wǎng)頁作品，不斷引導(dǎo)和提高大眾的色彩審美情趣和能力。
一、網(wǎng)頁設(shè)計中的色彩應(yīng)用
1.體現(xiàn)風(fēng)格，突出主題
一個網(wǎng)站的特點與風(fēng)格要得到展示，除了要使頁面內(nèi)容與形式之間有機(jī)結(jié)合，還要使不同色彩有機(jī)結(jié)合。每一種顏色都有它所特有的個性，設(shè)計人員可以借助色彩心理學(xué)表達(dá)色彩的情感效果，以便更好地突出主題。
2.網(wǎng)頁區(qū)域劃分應(yīng)有統(tǒng)一的風(fēng)格
網(wǎng)站內(nèi)容豐富，信息量大，設(shè)計師要對網(wǎng)頁界面進(jìn)行視覺區(qū)域劃分。網(wǎng)頁信息的分類布局，可以使用不同的色彩劃分內(nèi)容主次，規(guī)劃視覺流程，統(tǒng)一網(wǎng)頁的整體風(fēng)格，給瀏覽者以完整的、易讀的、富有導(dǎo)向性的視覺印象。
3.引起人們的關(guān)注，加深印象
網(wǎng)頁設(shè)計或優(yōu)雅含蓄，或動感強(qiáng)烈，或時尚新穎，或簡單搶眼，能吸引觀眾的注意，是設(shè)計人員充分利用色彩的魅力來優(yōu)化頁面的成果，這種頁面的色彩設(shè)計極大地提高了網(wǎng)頁的藝術(shù)性，是提高訪問率和網(wǎng)站知名度的關(guān)鍵。
二、網(wǎng)頁設(shè)計中色彩搭配的原則
平面設(shè)計和網(wǎng)頁設(shè)計最重要是色彩的搭配。當(dāng)人們離屏幕較遠(yuǎn)時，第一眼看到的是頁面顏色，而不是具體的圖片與文字排版。因此，設(shè)計者在網(wǎng)頁設(shè)計中除了要考慮突出網(wǎng)頁內(nèi)容的理性要求，也要遵循感性的藝術(shù)規(guī)律，從而設(shè)計出性格獨特的網(wǎng)頁。
1.特色鮮明
一個網(wǎng)頁必須有自己獨特的色彩風(fēng)格，以使看起來個性鮮明，給觀眾留下深刻的印象。
2.合理搭配
一種色彩的應(yīng)用：將選擇的顏色調(diào)整透明度或飽和度，產(chǎn)生新的顏色。這種色彩的運用使頁面看起來更統(tǒng)一，主次更分明。兩種色彩的應(yīng)用：在選擇一種色彩后，然后選擇其對比色。一個色系的應(yīng)用：將一個感覺的色彩放在一起使用，如淺藍(lán)、淺黃、淺綠，或者土黃、土灰、土藍(lán)，等等。
3.藝術(shù)性
網(wǎng)頁設(shè)計含有藝術(shù)的成分，是一種藝術(shù)活動，有其藝術(shù)規(guī)律需要遵循，而網(wǎng)頁設(shè)計師在考慮內(nèi)容的同時，也要根據(jù)藝術(shù)的形式、特點、原則進(jìn)行大膽的藝術(shù)創(chuàng)新，在符合網(wǎng)站要求的同時讓網(wǎng)頁各有特點。
三、色彩搭配要注意的問題
第一，在網(wǎng)頁設(shè)計時，設(shè)計師一般會避免使用單一的顏色，以防使人產(chǎn)生單調(diào)的感覺。如果僅使用一種顏色且希望產(chǎn)生豐富的變化，可以通過調(diào)整它的飽和度和透明度達(dá)到整個網(wǎng)頁色彩的分層。
第二，黑色是一個特定的顏色，在設(shè)計中使用得恰當(dāng)、合理，同樣會產(chǎn)生非常強(qiáng)烈的視覺效果。黑色通常作為背景色，與不同純度的顏色搭配使用。
第三，將多種色彩用于一個網(wǎng)頁往往使頁面很“花”，使網(wǎng)頁缺乏整體感和內(nèi)在美。實踐證明，網(wǎng)頁設(shè)計中用色并不是越多越顯得豐富、有個性，一般在三種顏色內(nèi)通過調(diào)整其各種屬性來產(chǎn)生豐富的色彩變化。