時間：2023-10-12 16:11:27
導(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)頁瀏覽量遠(yuǎn)大于書籍的瀏覽量。因此，網(wǎng)頁的美感對于人們來說是十分重要的。合理的布局、唯美的畫面，往往會使人們在瀏覽網(wǎng)頁時生出一種舒適感，為此各網(wǎng)站都花費人力、財力來進(jìn)行網(wǎng)頁的設(shè)計，尤其是布局的設(shè)計。
一、網(wǎng)頁設(shè)計中的布局的相關(guān)概念
網(wǎng)頁設(shè)計中的布局的相關(guān)概念，主要是一些構(gòu)成成分的概念，其中包括了：整體造型、頁面尺寸、頁眉頁腳、文本、圖片等，下面就其中幾個重要的概念進(jìn)行講述。這里需要指出的，網(wǎng)頁設(shè)計中的布局，不僅僅要求的是對圖像這些表面因素進(jìn)行設(shè)計和布局，同時還需要對一些潛在的因素以及其他相關(guān)因素進(jìn)行深入研究，只有將整體化的設(shè)計元素充分整合在一起，才能最大化地發(fā)揮網(wǎng)頁布局的最佳效益。
（一）整體造型
頁面的整體造型，指的是頁面的整體形狀，它所指的只包括頁面填充內(nèi)容所形成的形狀并不是瀏覽器的形狀，常見的造型主要有圓形、菱形、三角形等，當(dāng)然也可以是這些基礎(chǔ)類型的結(jié)合體。頁面造型的選擇，在一些時候是根據(jù)網(wǎng)站的性質(zhì)來選的，帶有一定的寓意。
（二）頁面尺寸
頁面尺寸并不是固定的，它受到很多其他因素的影響，就算是顯示屏的尺寸或者分辨率都影響著頁面的尺寸的大小。這幾個因素是客觀的，也是我們無法改變的，并且網(wǎng)頁頁面是在瀏覽器中呈現(xiàn)的，然而瀏覽器占據(jù)了一定的篇幅致使頁面進(jìn)一步的減小，但是這種情況是可以解決的，因為瀏覽器的工具欄等是可刪除的。
二、計算機網(wǎng)頁設(shè)計中的布局的重要性
無論是設(shè)計什么事物，人們對于其布局構(gòu)造總有著嚴(yán)格的要求，對于網(wǎng)頁布局也不例外。合理、美觀的布局，給人們帶來的是一種舒適和享受，尤其是在長時間瀏覽網(wǎng)頁時，完美的布局對于減輕人的疲勞感是有重要作用的，由此可知計算機網(wǎng)頁設(shè)計中的布局的重要性。只有這樣才能創(chuàng)造出最大的經(jīng)濟價值與財富，推動計算機網(wǎng)頁設(shè)計的進(jìn)一步發(fā)展和進(jìn)步。
網(wǎng)頁布局的意義不僅僅是給人帶來美感，與房屋布局一樣，合理的布局在一定程度上可以增加其內(nèi)容。在瀏覽網(wǎng)頁時，人們可能只是簡單的看一下網(wǎng)頁頁面所分布的內(nèi)容，因此要想增加網(wǎng)頁的瀏覽量，除了分布內(nèi)容要有吸引力之外，還要保證其內(nèi)容的全面性。這就要求網(wǎng)頁的頁面足夠大，但是頁面尺寸受很多因素的限制，所以只能從網(wǎng)頁布局上來想辦法。人們開始根據(jù)自己頁面索要涉及內(nèi)容的多少以及內(nèi)容的類別、重要性進(jìn)行頁面的布局，使頁面上的內(nèi)容能夠具有一定的層次感，并且在人們進(jìn)行閱讀時能給人們帶來視覺上的舒適感。
三、常見的網(wǎng)頁設(shè)計布局及其特點
在日常的網(wǎng)頁頁面中，頁面布局的類型很多，常見的頁面布局有“同”字型、標(biāo)題正文型、綜合框架型、封面型、Flash型，人們對這些布局的感觀已經(jīng)存在了，但是具體的布局結(jié)構(gòu)還不太了解，下面筆者將將講述以上幾種布局類型。
（一）“同”字型
該類型的網(wǎng)頁布局從內(nèi)容填充的角度來說，其內(nèi)容填充量較大，一般這類網(wǎng)頁的上方都是標(biāo)題欄，填充的可能是網(wǎng)站的主題，也有可能是橫幅廣告，其下可能也有小標(biāo)題的存在。頁面的左右也分布有相應(yīng)的內(nèi)容，一般可能是一些網(wǎng)站的最新動態(tài)簡訊、網(wǎng)站的服務(wù)人員、附加信息以及廣告，該部分的內(nèi)容一般是人們不太會去注意的，同時也是可開發(fā)價值較高的區(qū)域。該類型網(wǎng)頁的主要內(nèi)容一般都是分布在中央位置，從上至下，按照內(nèi)容的重要性、類別或者是所帶有的色彩，對于此部分的內(nèi)容一般還有細(xì)節(jié)分布，再次不再細(xì)說。至于網(wǎng)站的下部分一般不會分布內(nèi)容，就算是有內(nèi)容分布，也只是一些網(wǎng)頁的常規(guī)內(nèi)容。例如，網(wǎng)站制造方的信息、網(wǎng)站后臺管理登陸以及網(wǎng)站的基礎(chǔ)信息等。
（二）標(biāo)題正文型
與“同”字型的頁面分布有所不同的是，標(biāo)題正文型頁面一般沒有左右的分布，其他的類似程度很大。頁面的上半部分都是以標(biāo)題的形式存在，如果出現(xiàn)的是廣告也很正常，頁面的中央部分分布的是主要內(nèi)容，但是其主要內(nèi)容所包括的含有“同”字型的側(cè)邊內(nèi)容，一般網(wǎng)站主要內(nèi)容的簡訊是在標(biāo)題下方，與并列的是一些附加信息，諸如天氣、注冊信息等。然后接著分布的就是網(wǎng)站的正文了。標(biāo)題正文型的網(wǎng)頁頁面結(jié)構(gòu)簡單，一般是一些政府機構(gòu)或者事業(yè)單位采用的較多。
（三）綜合框架型
綜合框架型在所有的頁面布局中應(yīng)該是結(jié)構(gòu)比較復(fù)雜的一類，它的上下左右都分布著框架結(jié)構(gòu)，內(nèi)容基本都是分布在框架里面。它與其他類型的區(qū)別，其實就是把其它類型無形的界線描繪出來了。
（四）封面型
僅僅聽著封面型，就能猜出它的基本分布，的確，正如書本的頁面分布一樣，封面型的頁面分布就是以較大篇幅的圖片為主。一般該類型的頁面分布都是在網(wǎng)站的首頁出現(xiàn)，頁面的中央部位大篇幅的可能就是平面圖片或者是動畫，其周圍分布著較少的信息，而此類信息一般又都是超鏈接的入口。一般諸如QQ空間的首頁的個人主頁網(wǎng)頁頁面就是采用此種類型的布局的，它主要是為了突出個人特色，以炫目吸引人們的眼球。
（五）Flash型
Flash型的頁面布局與“封面型”有著異曲同工之妙，只不過Flash型網(wǎng)頁頁面運用得更多的還是Flash，當(dāng)然它所運用的除了動畫還有聲音，因此它優(yōu)于封面型的就是它的聽覺效果，視覺與聽覺兩種效果的作用下給人們帶來的除了享受還有一種震撼。關(guān)于此種類型的應(yīng)用網(wǎng)頁一般主要是游戲的登錄或者是等待進(jìn)入游戲的頁面，當(dāng)然也不排除有些個人網(wǎng)頁的主頁所采用的是Flash型的布局。
四、簡述如何進(jìn)行網(wǎng)頁設(shè)計的布局
進(jìn)行網(wǎng)頁設(shè)計中的布局首先要確定頁面的尺寸，確定好尺寸有利于后續(xù)內(nèi)容模塊的安排，在確定了頁面的尺寸后開始進(jìn)行整體造型的選擇，選擇時可根據(jù)網(wǎng)頁主題或者是個人的愛好來進(jìn)行選擇。選擇好整體造型根據(jù)網(wǎng)頁所要呈現(xiàn)的內(nèi)容類型、量、突出重點的量來進(jìn)行布局的安排，在進(jìn)行布局的安排時，要注意布局的疏密度，不能過度，同時也要注意突出重點。在安排好大致內(nèi)容后，進(jìn)行“綠葉”的點綴，可以在大致布局上增加一些其它信息以做裝點。
計算機網(wǎng)頁設(shè)計中的布局是一門藝術(shù)，它沒有什么固定的格式，布局的選擇、策劃完全取決于個人的審美觀，因此要想提升網(wǎng)頁布局的美感，就必須要加強對于美學(xué)的研究，將生活中的美學(xué)知識運用到網(wǎng)頁的布局上，給人們帶來更多的視覺享受。
參考文獻(xiàn)：
[1]瑪依努爾?阿布都哈地爾.對計算機網(wǎng)頁設(shè)計布局問題的探討[J].產(chǎn)業(yè)與科技論壇，2012.
[2]郭雨.計算機網(wǎng)頁設(shè)計布局價值性研究[J].東方企業(yè)文化，2011，（23）.
關(guān)鍵詞：網(wǎng)頁設(shè)計；能力培養(yǎng)；目標(biāo)細(xì)化
在2014級和2015級12個教學(xué)班、在600多人次的教學(xué)過程以及期末的200多件課程作業(yè)展評中，筆者發(fā)現(xiàn)：學(xué)生能夠較為輕松地完成網(wǎng)頁程序代碼的編寫、駕馭網(wǎng)頁的鏈接，能夠處理網(wǎng)頁各級界面中的文字、圖片、音像、動畫、色彩、標(biāo)題、標(biāo)志、導(dǎo)航、搜素等各種構(gòu)成元素，也能夠如期完成期末課程作業(yè)。但是在眾多的學(xué)生作品中，很難發(fā)現(xiàn)優(yōu)秀的、吸引人眼球的作品。在3次畢業(yè)學(xué)生的座談和2次企業(yè)家的面談中同樣發(fā)現(xiàn)：高職院校近幾年雖然培養(yǎng)出了大批網(wǎng)頁設(shè)計人才，但能夠獨立從事網(wǎng)站設(shè)計與開發(fā)的人才少之又少。
一、課程開設(shè)背景與性質(zhì)分析
通過查閱知網(wǎng)、萬方等數(shù)據(jù)庫中其他學(xué)者的學(xué)術(shù)成果并結(jié)合自身教學(xué)的經(jīng)驗發(fā)現(xiàn)，計算機信息工程專業(yè)的學(xué)生在網(wǎng)頁設(shè)計課程的學(xué)習(xí)中常常出現(xiàn)如下問題：
1.網(wǎng)頁界面常常呈現(xiàn)“雜”“亂”“多”“滿”的現(xiàn)象，沒有清晰條理的流程。這主要是缺乏系統(tǒng)的版式設(shè)計，構(gòu)成網(wǎng)頁各元素之間缺乏理性秩序所導(dǎo)致的。
2.網(wǎng)頁設(shè)計中字體使用隨意，沒有顧及字體與網(wǎng)頁風(fēng)格、企業(yè)性質(zhì)之間的聯(lián)系，無法反映企業(yè)的文化與理念。
3.網(wǎng)頁設(shè)計中色彩使用隨意，沒有考慮到色彩的象征與隱喻性以及色彩的對比、和諧等視覺美學(xué)特征。
4.網(wǎng)頁各級鏈接之間風(fēng)格雜亂，基本上是一個界面一個風(fēng)格，各個界面之間缺乏必然的內(nèi)在聯(lián)系，只是各種風(fēng)格的堆砌。
5.網(wǎng)頁設(shè)計缺乏創(chuàng)意與創(chuàng)新意，基本上是對已有網(wǎng)頁的抄襲與拷貝。由于缺乏相應(yīng)的美學(xué)基礎(chǔ)，所做出的網(wǎng)頁在視覺上依然“慘不忍睹”。
6.網(wǎng)頁設(shè)計缺乏內(nèi)涵深度，主要原因在于各種視覺符號的任意使用，沒有考慮到視覺符號能指與所指之間的關(guān)系以及視覺符號內(nèi)涵與外延之間的關(guān)系，也沒有考慮到視覺符號的使用禁忌等問題。
在課中與課后的互動中發(fā)現(xiàn)：大多數(shù)學(xué)生根本沒有意識到上述問題。偶爾有學(xué)生即使意識到了上述問題，也因為缺乏相應(yīng)的美學(xué)功底與文化底蘊不知道如何去改變。這些問題會隨著課程的結(jié)束而一直遺留，最終導(dǎo)致畢業(yè)后無法獨立完成視覺形式優(yōu)美、內(nèi)涵豐富、客戶滿意的網(wǎng)頁設(shè)計與制作。
上述問題的出現(xiàn)，究竟是課程設(shè)置的不合理？培養(yǎng)目標(biāo)實施過程中出現(xiàn)的偏差？抑或是教學(xué)過程的失誤？還是其他因素所導(dǎo)致？
有學(xué)者認(rèn)為，上述問題出現(xiàn)的原因有教材編寫沒有連貫性、教材內(nèi)容滯后、課程內(nèi)容結(jié)構(gòu)不合理、教學(xué)方法不合理等。然而筆者認(rèn)為，造成計算機信息工程專業(yè)學(xué)生畢業(yè)后無法獨立從事網(wǎng)頁設(shè)計的主要原因在于：學(xué)生缺乏基本的美學(xué)功底與文化底蘊，課程設(shè)置中缺乏相應(yīng)的美學(xué)基礎(chǔ)課程，有意或無意夸大了軟件的功能等。歸根結(jié)底，是對網(wǎng)頁設(shè)計職業(yè)能力培養(yǎng)目標(biāo)的理解或者執(zhí)行偏差所導(dǎo)致，在學(xué)生能力培養(yǎng)目標(biāo)的定位中太過寬泛，沒有將學(xué)生應(yīng)該有的能力目標(biāo)進(jìn)行細(xì)化。
隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展和信息終端設(shè)備的普及，網(wǎng)頁設(shè)計與制作教學(xué)已成為當(dāng)今高校教育中的熱點，網(wǎng)頁設(shè)計或網(wǎng)頁設(shè)計與制作這些課程在各大高校遍地開花。視覺傳達(dá)設(shè)計專業(yè)與信息工程專業(yè)將其作為一門專業(yè)必修課，其他專業(yè)也大多將其作為一門選修課或者通識課開設(shè)。
網(wǎng)頁設(shè)計是技術(shù)、文化與藝術(shù)交匯的結(jié)果，不僅要求學(xué)生具備計算機程序代碼編寫能力，同樣也需要基本的美學(xué)能力與文化底蘊，只有具備了技術(shù)、文化與藝術(shù)素養(yǎng)才能設(shè)計并制作出視覺效果良好且讓客戶滿意的網(wǎng)頁。
二、能力目標(biāo)分析及細(xì)化
無論是教育部高等學(xué)校計算機基礎(chǔ)課程教學(xué)指導(dǎo)委員會提出的“面向社會、針對崗位、強化能力、促進(jìn)發(fā)展”的指導(dǎo)思想，還是“加強實踐、注重應(yīng)用、增強素質(zhì)、培養(yǎng)能力”的課程指導(dǎo)原則，均過于寬泛，需要教學(xué)單位在具體的授課執(zhí)行過程中將其細(xì)化。
在調(diào)慶、四川、安徽三省高職院校網(wǎng)頁設(shè)計課程培養(yǎng)目標(biāo)的過程中發(fā)現(xiàn)，大多數(shù)職業(yè)院校將網(wǎng)頁設(shè)計能力培養(yǎng)集中于以下幾個方面：培養(yǎng)學(xué)生數(shù)據(jù)收集、信息處理、素材加工的能力；培養(yǎng)學(xué)生通過Photoshop軟件制作靜態(tài)網(wǎng)頁的能力；培養(yǎng)學(xué)生通過HTML、CSS編程，使用CSS進(jìn)行頁面樣式控制，使用DIV+CSS進(jìn)行網(wǎng)頁布局的能力；培養(yǎng)學(xué)生設(shè)計網(wǎng)站的綜合能力；培養(yǎng)和提高學(xué)生的動手能力；培養(yǎng)學(xué)生運用所學(xué)的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力。
從上述專業(yè)能力培養(yǎng)目標(biāo)的細(xì)化子目標(biāo)中可以發(fā)現(xiàn)，嚴(yán)重偏向于技術(shù)而忽視藝術(shù)審美與文化品位能力的趨勢。
從網(wǎng)頁設(shè)計課程性質(zhì)分析可以發(fā)現(xiàn)，網(wǎng)頁設(shè)計是一門綜合性、交叉性很強的課程，需要技術(shù)、藝術(shù)與文化素養(yǎng)作支撐。高職院校培養(yǎng)的人才應(yīng)該是能夠獨立策劃、編程并設(shè)計出視覺優(yōu)美、內(nèi)涵豐富的網(wǎng)頁人才。視覺傳達(dá)設(shè)計等專業(yè)的學(xué)生，不乏美學(xué)素養(yǎng)，但是計算機程序語言的編寫能力較差，缺乏嚴(yán)謹(jǐn)?shù)睦硇运季S；信息技術(shù)工程專業(yè)的學(xué)生，程序語言編寫能力是他們的強項，但是其美學(xué)素養(yǎng)與文化底蘊相對缺乏。在網(wǎng)頁設(shè)計的前導(dǎo)課程中，美學(xué)相關(guān)課程與訓(xùn)練的缺乏，必然會導(dǎo)致信息技術(shù)工程專業(yè)的學(xué)生一條腿走路，成為一個“健全的瘸子”。
所以，本文認(rèn)為對于計算機信息工程、計算機軟件等專業(yè)學(xué)生的培養(yǎng)目標(biāo)應(yīng)該細(xì)化為：組織與策劃能力、程序編寫與測試能力、視覺表現(xiàn)與美化能力。而這些子目標(biāo)應(yīng)該繼續(xù)細(xì)化，如下表。
如表所示，可以通過大學(xué)語文課程來培養(yǎng)學(xué)生的文化素養(yǎng)，通過網(wǎng)頁文案策劃來訓(xùn)練學(xué)生的組織與（下轉(zhuǎn)第59頁）策劃能力，通過美學(xué)基礎(chǔ)來訓(xùn)練學(xué)生的文字、圖形、圖像、色彩特征與客戶需求的匹配能力，通過字體設(shè)計、版式設(shè)計、設(shè)計色彩、創(chuàng)意思維激發(fā)與表現(xiàn)等課程訓(xùn)練學(xué)生的視覺表現(xiàn)與美化能力，通過網(wǎng)頁設(shè)計（HTML+CSS）來訓(xùn)練學(xué)生的程序編寫與測試能力。然而，在大多數(shù)理工類或偏向于理工類的職業(yè)院校中，由于課時的限制，往往缺少文化素養(yǎng)與美學(xué)素養(yǎng)的培養(yǎng)與訓(xùn)練，這是導(dǎo)致學(xué)生網(wǎng)頁設(shè)計作品中出現(xiàn)常見問題的主要原因。筆者認(rèn)為，在條件允許的情況下，盡量開設(shè)提升審美與人文素養(yǎng)的必修課程且至少250學(xué)時。如若條件不容許，則可以通過選修的方式進(jìn)行。
三、小結(jié)
由于對網(wǎng)頁設(shè)計專業(yè)能力培養(yǎng)目標(biāo)的細(xì)化程度不夠，導(dǎo)致了網(wǎng)頁設(shè)計專業(yè)能力培養(yǎng)目標(biāo)不清晰，進(jìn)而導(dǎo)致課程設(shè)置不夠合理，只注重于程序編寫與測試能力的培養(yǎng)，最終無法設(shè)計出有深度、有內(nèi)涵、有視覺形式美的網(wǎng)頁作品。
參考文獻(xiàn)：
[1]羅錦光.《網(wǎng)頁設(shè)計基礎(chǔ)》課程教學(xué)研究[J].計算機光盤軟件與應(yīng)用，2014（12）.
【關(guān)鍵詞】網(wǎng)頁設(shè)計計算機多媒體技術(shù)應(yīng)用探討
一、網(wǎng)頁設(shè)計的發(fā)展和瓶頸
網(wǎng)頁是網(wǎng)絡(luò)時代的產(chǎn)物，網(wǎng)民通過互聯(lián)網(wǎng)獲取信息，因此網(wǎng)頁是是網(wǎng)站信息和留住用戶的主要方式和途徑，網(wǎng)頁設(shè)計的質(zhì)量和美觀性、功能的豐富性對用戶體驗有重要的影響。不同種類的網(wǎng)站和網(wǎng)頁的設(shè)計有不同的重點，比如一些綜合性的門戶網(wǎng)站需要設(shè)計多種功能和板塊，而一些個人博客類型的網(wǎng)頁則不需要很多的功能，而是要從美觀性方面進(jìn)行設(shè)計來確保滿足不同用戶的需求[1]。網(wǎng)頁設(shè)計的內(nèi)容包括網(wǎng)頁框架搭建、數(shù)據(jù)庫搭建、色彩的應(yīng)用等多個方面，因此網(wǎng)頁的設(shè)計需要應(yīng)用到不同的計算機技術(shù)來實現(xiàn)，比如計算機多媒體技術(shù)來實現(xiàn)網(wǎng)頁設(shè)計的功能性設(shè)計和動畫設(shè)計等。
二、網(wǎng)頁設(shè)計中計算機多媒體技術(shù)的應(yīng)用
網(wǎng)頁上的內(nèi)容和元素主要靠多媒體技術(shù)進(jìn)行承載，也是依靠托媒體技術(shù)進(jìn)行表達(dá)和設(shè)計，因此多媒體技術(shù)對網(wǎng)頁設(shè)計的作用不言而喻，其優(yōu)勢主要體現(xiàn)在能夠利用計算機技術(shù)為完成對網(wǎng)頁設(shè)計所需的數(shù)字音頻、文字信息、視頻動畫等元素通過數(shù)字化數(shù)理，使其能夠應(yīng)用在網(wǎng)頁設(shè)計中，而應(yīng)用多媒體技術(shù)還可以使網(wǎng)頁設(shè)計模塊化和功能化，提高網(wǎng)頁設(shè)計和速度和安全性，同時加入數(shù)據(jù)庫等技術(shù)可以使得網(wǎng)頁的功能性和安全性獲得較大的提升[2]。
2.1數(shù)字音頻處理技術(shù)的應(yīng)用
數(shù)字音頻先處理技術(shù)是網(wǎng)頁設(shè)計中常見的多媒體技術(shù)之一，在通常的情況下，網(wǎng)頁設(shè)計者會根據(jù)網(wǎng)頁的具體內(nèi)容來設(shè)置相應(yīng)的背景音樂，這樣選擇的音樂能夠契合網(wǎng)頁的具體內(nèi)容，確保用戶瀏覽網(wǎng)頁能夠更加激發(fā)其興趣，增強用戶的粘性，而數(shù)字音頻處理技術(shù)擇時對傳統(tǒng)音頻技術(shù)的一種補充和增強，通過對音頻數(shù)字化處理能夠更好的適應(yīng)音響和播放器使其播放效果增強，通過對音頻的采集、剪切和處理等方法，對需要在網(wǎng)頁上播放的音樂大小和長度進(jìn)行選擇，一般而言采用的大多數(shù)都是中等質(zhì)量mp3、MID等格式的數(shù)字音頻文件，這些格式的數(shù)字音頻較為適合在網(wǎng)頁設(shè)計中采用。
2.2視頻處理技術(shù)的應(yīng)用
在現(xiàn)階段網(wǎng)絡(luò)傳輸速度不斷加快的前提下，視頻元素在網(wǎng)頁設(shè)計中的應(yīng)用越來越廣泛，同時視頻形式對于用戶來說吸引力是最佳的，視頻可以傳達(dá)的信息量比圖文等形式也更多，因此視頻處理技術(shù)被越來越多應(yīng)用在網(wǎng)頁設(shè)計中[3]。網(wǎng)頁設(shè)計者一般采用NTSC制式的視頻，這種格式的文件能夠提供4:4:4的采樣文件，能夠提供質(zhì)量較好的視頻效果，其他還有一些較常用的視頻格式，比如SIF格式的視頻數(shù)據(jù)量能夠達(dá)到每幀2028kb，PAL和CCIR等不同格式的數(shù)據(jù)量則更加大，因此在傳遞的信息和色彩等不同方面都有較大的優(yōu)勢，但是如果不經(jīng)壓制處理會造成網(wǎng)絡(luò)寬帶資源的浪費，因此視頻處理技術(shù)是至關(guān)重要的，要做好視頻文件的壓制工作，通過H.263純軟件編碼器的應(yīng)用來進(jìn)行視頻壓制和提升視頻效果，確保兩者的和諧統(tǒng)一。
2.3圖像及圖形處理技術(shù)的應(yīng)用
圖像是網(wǎng)頁設(shè)計的基本元素，圖像的應(yīng)用在網(wǎng)頁設(shè)計里占據(jù)了很重要的地位，通過圖像處理技術(shù)來提高網(wǎng)頁整體性和美觀性。網(wǎng)頁設(shè)計師主要通過圖像掃描或者數(shù)碼技術(shù)完成對原始圖像的獲取，然后采用Photoshop軟件和其他圖像處理軟件對數(shù)碼圖像進(jìn)行處理，然后按照網(wǎng)頁設(shè)計所需要的格式輸出對應(yīng)的格式，再對其進(jìn)行圖像大小和特征的檢測，以確保能夠符合網(wǎng)頁的要求。
2.4計算機數(shù)據(jù)庫技術(shù)的應(yīng)用
計算機數(shù)據(jù)庫是實現(xiàn)網(wǎng)頁功能的主要基礎(chǔ)，因此在網(wǎng)頁設(shè)計中需要用到計算機數(shù)據(jù)庫技術(shù)。計算機數(shù)據(jù)庫技術(shù)是以計算機技術(shù)和數(shù)據(jù)技術(shù)為基礎(chǔ)的針對海量信息數(shù)據(jù)的收集處理和分析，按照一定要求進(jìn)行存儲和處理，可以針對所有滿足需求的數(shù)據(jù)進(jìn)行全面分析和處理的技術(shù)。通過計算機技術(shù)對內(nèi)部進(jìn)行數(shù)字建模，實現(xiàn)數(shù)據(jù)的保存、存儲和分析等功能，計算機數(shù)據(jù)庫技術(shù)能夠滿足信息管理的要求，因此在信息管理和存儲上較多的采用數(shù)據(jù)庫技術(shù)進(jìn)行管理，與傳統(tǒng)的信息管理技術(shù)相比具有高效性和可靠性，能夠較好與其他軟件兼容，方便應(yīng)用程序?qū)π畔?shù)據(jù)的存儲和調(diào)取工作，對于信息數(shù)據(jù)的管理具有重要的作用。
關(guān)鍵詞：心智技能；網(wǎng)頁設(shè)計；教學(xué)研究
中圖分類號：G434 文獻(xiàn)標(biāo)志碼：A 文章編號：1674-9324（2013）37-0154-03
一、心智技能理論概述
技能分為操作技能和心智技能，操作技能是一種動作技能，培養(yǎng)操作技能使學(xué)生“知其然”，比如網(wǎng)頁設(shè)計中建立頁面布局、插入表格這些功能如何實現(xiàn)。而心智技能是一種思維的技能，是調(diào)節(jié)和控制心智活動的經(jīng)驗，培養(yǎng)心智技能使學(xué)生“知其所以然”，比如為何要使用網(wǎng)頁布局、使用何種布局更好、網(wǎng)頁元素如何搭配更美觀等，從而使學(xué)生能夠更合理地應(yīng)用其所具備的操作技能。
對于課程教學(xué)而言，不僅要培養(yǎng)學(xué)生的操作技能，還應(yīng)更注重心智技能的培養(yǎng)。比如制作一個完整網(wǎng)站項目，不僅需要操作Dreamweaver、Fireworks等設(shè)計軟件的技能，更需要需求分析、網(wǎng)站規(guī)劃、風(fēng)格設(shè)計和色彩搭配等心智技能。
因此，要提高學(xué)生的技能水平，就必須在教學(xué)中加強心智技能的培養(yǎng)，培養(yǎng)學(xué)生的創(chuàng)造性思維，提高學(xué)生學(xué)習(xí)創(chuàng)造能力以及解決實際問題的能力。
二、網(wǎng)頁設(shè)計教學(xué)中存在的問題分析
目前，案例教學(xué)法是較為主流的網(wǎng)頁設(shè)計課程教學(xué)方式，在教學(xué)過程中，往往以軟件操作為主要內(nèi)容，針對其中的各個功能設(shè)計教學(xué)案例并進(jìn)行講解。這種方式雖然能使學(xué)生在短時間內(nèi)掌握軟件使用技能，但學(xué)生對各個功能適用的場景和條件卻不甚了解，不能真正做到學(xué)以致用，在獨立面對一個完整的設(shè)計任務(wù)時會有無從下手的感覺。筆者采用課堂觀察、學(xué)生訪談及學(xué)生作品指導(dǎo)等途徑，開展調(diào)查研究之后發(fā)現(xiàn)，學(xué)生設(shè)計的網(wǎng)頁作品普遍存在一些共性問題，主要體現(xiàn)在以下幾個方面。
1.網(wǎng)頁主題策劃。當(dāng)要求學(xué)生為某個網(wǎng)站主題制作一系列網(wǎng)頁時，某些作品主題定位不準(zhǔn)確，比如原本網(wǎng)站主題是品牌產(chǎn)品宣傳，最后的作品卻是購物網(wǎng)站。有的作品則是主題不統(tǒng)一，想展現(xiàn)的內(nèi)容太多，多個主題拼湊在一起。出現(xiàn)上述問題的主要原因是需求分析不準(zhǔn)確、提煉設(shè)計主旨的能力不足。
2.網(wǎng)頁風(fēng)格設(shè)計。在網(wǎng)頁布局及風(fēng)格設(shè)計方面，常出現(xiàn)頁面風(fēng)格不統(tǒng)一、頁面風(fēng)格與內(nèi)容不協(xié)調(diào)等的問題。比如某些作品的多個頁面之間在風(fēng)格、模式和色彩上差異較大，影響了網(wǎng)站的整體風(fēng)格。這是由于學(xué)生對形式與內(nèi)容的協(xié)調(diào)把握不足，不能在內(nèi)容不同時實現(xiàn)形式上的統(tǒng)一。
3.網(wǎng)頁元素的編排。網(wǎng)頁元素的編排，主要是框架、表格、文字、圖片、動畫等內(nèi)容在單個網(wǎng)頁內(nèi)的排版。學(xué)生作品在網(wǎng)頁元素的編排方面的問題主要有：（1）文字的處理。網(wǎng)頁中使用的字體太多，造成頁面混亂；字體、字號過于單一，標(biāo)題或重點不突出；行距過大或過小等。（2）圖片的處理。圖片過度拉伸造成顯示模糊；圖片過大造成頁面加載速度緩慢；并排顯示的圖片尺寸不統(tǒng)一等。（3）網(wǎng)頁布局。頁面寬度過大，在一屏內(nèi)無法顯示，造成瀏覽困難；頁面內(nèi)容多而雜，各部分跨度太大，整體可讀性不好，重點內(nèi)容不突出等。
4.網(wǎng)頁色彩搭配。網(wǎng)頁的色彩搭配應(yīng)該均衡、協(xié)調(diào)，使人感覺舒適、美觀，又不至于視覺疲勞。學(xué)生在網(wǎng)頁色彩搭配上出現(xiàn)的問題主要有：網(wǎng)頁色彩過于單一，無吸引力；色彩過于花哨，容易造成視覺疲勞；文字顏色與背景顏色相似，造成閱讀困難等。
5.交互性設(shè)計。用戶瀏覽網(wǎng)頁是一個人與網(wǎng)頁信息交互的過程，交互性好的網(wǎng)頁應(yīng)該功能實用、操作便捷。學(xué)生在交互性設(shè)計上出現(xiàn)的問題主要有：網(wǎng)頁無標(biāo)題；導(dǎo)航欄不全，引導(dǎo)性不佳；鏈接層次過深，造成連續(xù)瀏覽不便捷等。
6.網(wǎng)站文件結(jié)構(gòu)。網(wǎng)站文件結(jié)構(gòu)是指儲存在硬盤上的目錄結(jié)構(gòu)，雖然不會影響到網(wǎng)頁的功能和外觀，但是良好的目錄結(jié)構(gòu)能夠提高網(wǎng)頁設(shè)計和后續(xù)維護(hù)工作的效率。學(xué)生設(shè)計的網(wǎng)頁作品往往忽視網(wǎng)頁文件結(jié)構(gòu)的合理性，存在著網(wǎng)頁命名隨意無規(guī)則，不同層次的網(wǎng)頁文件存放在同級目錄，圖片文件隨意存放等問題。
綜合上述問題分析可以看出，學(xué)生在創(chuàng)造能力及設(shè)計思維上相對較弱，實際上通過操作實踐，學(xué)生基本都能完全掌握網(wǎng)頁設(shè)計軟件操作，比如插入文字和圖片、設(shè)置字體和顏色、插入超鏈接等，但卻在需要整合運用這些操作時出現(xiàn)了問題。這實際上就是心智技能缺乏的表現(xiàn)，因此培養(yǎng)心智技能是提高學(xué)生網(wǎng)頁設(shè)計能力的關(guān)鍵。
三、心智技能階段性理論在網(wǎng)頁設(shè)計教學(xué)中的應(yīng)用
1.網(wǎng)頁設(shè)計心智技能形成分析。根據(jù)馮忠良教授的研究，心智技能的形成是階段性的，其過程分為原型定向、原型操作和原型內(nèi)化三個階段[1]。原型定向階段以理論知識傳授為主，讓主體掌握技能操作的原理；原型操作階段通過實踐讓主體熟練掌握操作技能，為原型內(nèi)化奠定基礎(chǔ)；在主體大腦中形成內(nèi)化的思維模式，使主體能夠靈活運用操作技能解決實際問題[1-3]。
根據(jù)上述理論，結(jié)合網(wǎng)頁設(shè)計教學(xué)的實際過程，網(wǎng)頁設(shè)計心智技能的形成階段如圖1所示。
網(wǎng)頁設(shè)計心智技能的形成可分為：掌握基本理論、熟練實踐操作和總結(jié)設(shè)計模式三個階段。這三個階段不僅體現(xiàn)在整個學(xué)期的教學(xué)過程，更應(yīng)該體現(xiàn)在每一章節(jié)的教學(xué)中，甚至在每次課的教學(xué)中不斷重復(fù)，才能強化鞏固心智技能。在整個學(xué)期的網(wǎng)頁設(shè)計教學(xué)過程中，基本理論、熟練實踐操作和總結(jié)設(shè)計模式三個階段的主要教學(xué)內(nèi)容是：（1）網(wǎng)站和網(wǎng)頁的組成、網(wǎng)頁設(shè)計的一般過程、HTML原理和常用設(shè)計工具。（2）網(wǎng)頁設(shè)計工具Dreamweaver、Firewoks及Flash的操作和使用。（3）指導(dǎo)學(xué)生綜合應(yīng)用設(shè)計工具進(jìn)行完整設(shè)計，總結(jié)網(wǎng)頁設(shè)計中的經(jīng)驗和模式。而在某項軟件操作的教學(xué)過程中也應(yīng)遵循三階段原則。教師首先結(jié)合HTML語言講解此項操作的后臺原理。然后教師進(jìn)行演示，學(xué)生操作，期間教師不斷進(jìn)行指導(dǎo)。最后教師總結(jié)該操作中應(yīng)當(dāng)注意的一些原則，以及常用的一些設(shè)計模式，可通過展示優(yōu)秀的設(shè)計作品進(jìn)行對比講解。
2.教學(xué)實踐。在前述理論研究的基礎(chǔ)上，筆者進(jìn)行了教學(xué)實踐。根據(jù)課程教材，首先設(shè)置了“網(wǎng)頁設(shè)計概述”、“HTML基礎(chǔ)”、“Dreamweaver CS 4應(yīng)用”、“Firewoks CS 4應(yīng)用”、“Flash CS 4應(yīng)用”、“綜合實例”六章課程內(nèi)容[4]。其中第一、二章以純理論教學(xué)為主，難點在于HTML基礎(chǔ)知識，須重點講解。第三至六章均采用三階段原則進(jìn)行教學(xué)。最后為了加強心智技能原型內(nèi)化階段的效果，增加了第七章“網(wǎng)頁設(shè)計模式精講”，對網(wǎng)頁設(shè)計中的常見問題進(jìn)行總結(jié)，介紹設(shè)計原則和方法。下面以第三章“Dreamweaver CS 4應(yīng)用”和第七章“網(wǎng)頁設(shè)計模式精講”為例介紹教學(xué)思路。
“Dreamweaver CS 4應(yīng)用”主要分為表格的使用、框架的使用、DIV元素的使用、文本的插入與編輯、圖像的插入與編輯、超鏈接的插入與編輯、其他多媒體對象的插入與編輯七項主要內(nèi)容。在正式講解軟件應(yīng)用前，應(yīng)使學(xué)生明白網(wǎng)頁的本質(zhì)是HTML代碼，Dreamweaver本質(zhì)是輔助設(shè)計工具，其作用是自動生成HTML代碼，比如在Dreamweaver中執(zhí)行插入表格的命令，就會在源文件中加入表格的HTML代碼。在此后的講課過程中，幫助學(xué)生理解操作的原理，為心智技能的建立奠定基礎(chǔ)。以文本的插入和編輯為例，在教學(xué)中首先向?qū)W生講解文本編輯中HTML標(biāo)簽
與
的作用和使用方法。然后在Dreamweaver中執(zhí)行文本插入和編輯操作，并對比源文件中的代碼變化。最后結(jié)合教學(xué)用例介紹文字排版的一些原則，比如長文本使用標(biāo)準(zhǔn)字號、在文本周圍留出足夠空間、增加文本和背景的對比度等。幫助學(xué)生建立文本編輯的心智技能，使學(xué)生在自主設(shè)計時能夠編排出美觀的、可讀性強的文本效果。
“網(wǎng)頁設(shè)計模式精講”根據(jù)本文中對學(xué)生作品中常見問題的分類進(jìn)行集中講解，主要分為網(wǎng)頁主題策劃、網(wǎng)頁風(fēng)格設(shè)計、網(wǎng)頁元素的編排、網(wǎng)頁色彩搭配、交互性設(shè)計、網(wǎng)站文件結(jié)構(gòu)六項主要內(nèi)容。設(shè)計模式教學(xué)是一種經(jīng)驗的傳授，目的是教會學(xué)生某一場景下問題的解決方法，因此在教學(xué)中，必須要明確模式適用的場景，以及模式如何實現(xiàn)，如表1所示是幾個網(wǎng)頁設(shè)計的模式。
在教學(xué)過程中仍主要依靠案例講解進(jìn)行，并在過程中要求學(xué)生在總結(jié)和思考之后進(jìn)行相似模擬，但不能與原例一致。學(xué)生掌握正確的網(wǎng)頁設(shè)計模式后，網(wǎng)頁設(shè)計質(zhì)量得到了一定改善，從側(cè)面證明了學(xué)生網(wǎng)頁設(shè)計心智技能的提升。
四、小結(jié)
筆者通過教學(xué)實踐發(fā)現(xiàn)，結(jié)合心智技能形成的階段性理論進(jìn)行網(wǎng)頁設(shè)計課程教學(xué)，確實對提高學(xué)生的網(wǎng)頁設(shè)計能力起到了積極作用，但由于課時限制、教師經(jīng)驗等因素，教學(xué)質(zhì)量仍有很大的上升空間。在后續(xù)教學(xué)過程中，仍需要不斷地進(jìn)行嘗試和總結(jié)，探索更高效的心智技能教學(xué)方法，培養(yǎng)出更高素質(zhì)的網(wǎng)頁設(shè)計人才。
參考文獻(xiàn)：
[1]馮忠良.教育心理學(xué)[M].北京：人民教育出版社，2000.
[2]丁清.論高職高專學(xué)生的心智技能培養(yǎng)[J].昆明冶金高等?？茖W(xué)校學(xué)報，2004，（1）：81-84.
[3]陳軍民.高職生心智技能培養(yǎng)探討[J].新課程學(xué)習(xí)，2012，（03）：77.
關(guān)鍵詞：網(wǎng)頁設(shè)計 版式設(shè)計 視覺流程
網(wǎng)頁是網(wǎng)絡(luò)傳達(dá)信息的主要載體，網(wǎng)頁設(shè)計作為人機界面的一個重要對象，其視覺形式直接影響網(wǎng)絡(luò)最終的傳播效果。網(wǎng)頁版面設(shè)計的視覺流程是人在觀看網(wǎng)頁時候的視覺線路走向。根據(jù)人的生理特點和心理特點，人們在觀看網(wǎng)頁時通常是從第一感覺印象到具體信息傳達(dá)、最后產(chǎn)生整體印象的過程。下面，筆者分析一下網(wǎng)頁版式視覺流程的設(shè)計原則和表現(xiàn)形式，以及網(wǎng)頁視覺流程中的變化性特點。
一、網(wǎng)頁版面視覺流程的設(shè)計原則
網(wǎng)頁版式設(shè)計是網(wǎng)頁設(shè)計的重要組成部分，它遵循一定的認(rèn)知心理學(xué)和審美原則。通過設(shè)計創(chuàng)意和設(shè)計原理構(gòu)成網(wǎng)頁頁面，能更好地實現(xiàn)信息傳達(dá)和視覺效果傳達(dá)。承載網(wǎng)頁設(shè)計的媒介終端的數(shù)字化特點，決定了網(wǎng)頁版式的視覺流程在具體設(shè)計中要遵循以下原則：
1.科學(xué)性。網(wǎng)頁版式設(shè)計的視覺流程以人眼的生理結(jié)構(gòu)和視覺心理認(rèn)知特征為依據(jù)，因此網(wǎng)頁版式的視覺流程是符合一般視覺原理和大眾認(rèn)知基礎(chǔ)的[1]。根據(jù)視覺流程的特點，網(wǎng)頁版式在設(shè)計上遵照從左到右、從上到下的原則，因此設(shè)計中要選擇最佳的視覺區(qū)域，設(shè)計符合科學(xué)理性的視覺流程方法。如圖1所示視線流動的一般規(guī)律，在網(wǎng)頁版面中，1區(qū)即左上區(qū)域，一般為觀者視覺進(jìn)入版面的區(qū)域，因此一般放置比較醒目、鮮明、簡潔的視覺元素，如標(biāo)志等。這些元素一般以圖形或是文字設(shè)計的形式出現(xiàn)，讓觀者在第一時間了解到網(wǎng)頁的代表符號，對網(wǎng)頁產(chǎn)生深刻印象，并能同其他網(wǎng)頁區(qū)別開來。區(qū)域2即頁面的右上角，雖然不是視覺進(jìn)入版面的區(qū)域，但同樣處于頁面上方，因此也可放置一些重要信息，在具體設(shè)計中，banner、導(dǎo)航條常布置在1、2兩個區(qū)域。網(wǎng)頁的中間部分，如圖3區(qū)左中和4區(qū)右中為放置主要內(nèi)容的區(qū)域，這部分一般放置內(nèi)容性文字或者圖形，屬于元素集中區(qū)域，是觀者閱讀和獲取信息的主要區(qū)域；而3區(qū)由于位于頁面左側(cè)，處在視覺進(jìn)入?yún)^(qū)域一側(cè)，因此在設(shè)計中也常常將導(dǎo)航內(nèi)容放置在3區(qū)左側(cè)，便于操控。5、6兩個區(qū)域靠近屏幕下方，6區(qū)一般是視覺線路的終點，因此這兩個區(qū)域一般放置非重要的信息。
2.識別性。在網(wǎng)頁版式視覺流程設(shè)計的過程中，最終目的是保障網(wǎng)頁內(nèi)容被更準(zhǔn)確、快捷地識別。識別性在視覺流程的設(shè)計中關(guān)系重大，設(shè)計行為都應(yīng)該圍繞著識別性這個主題而展開。根據(jù)設(shè)計內(nèi)容的需要，對視覺元素進(jìn)行處理，如區(qū)分主次關(guān)系進(jìn)行設(shè)計、通過色彩區(qū)別元素、加強設(shè)計的整體性等，都是加強頁面識別性的設(shè)計手法。視覺傳達(dá)設(shè)計的內(nèi)涵與形式也不是一成不變的，無論采用哪種視覺表達(dá)形式，終端受眾都必須借助視覺感知來接受信息。[2]
3.合理性。合理性是指在網(wǎng)頁版式視覺流程的設(shè)計中依照設(shè)計的原理合理地展開視覺流程的引導(dǎo)。網(wǎng)頁的瀏覽過程是動態(tài)的、互動的，觀者獲取信息的過程不盡相同，有時瀏覽者可能會從其他網(wǎng)頁鏈接跳過主頁直接進(jìn)入網(wǎng)站子頁面中；同時網(wǎng)頁的互動性也容易吸引受眾。因此，合理地處理每個網(wǎng)頁的視覺流程，讓各級頁面都擁有設(shè)計清晰、可操作性強的導(dǎo)航，便于受眾在各種情況下進(jìn)行瀏覽。
二、網(wǎng)頁版面視覺流程樣式
視覺流程在運動的過程中受各種外部因素和主觀因素的影響，會產(chǎn)生各種運動形式。結(jié)合網(wǎng)頁版面設(shè)計的特點，主要有如下幾個方面：
1.線性視覺流程。線性視覺流程是最常見、最基本的視覺流程樣式。文本閱讀的方式就是以線性視覺流程的形式呈現(xiàn)的。主要的線性視覺流程有直線、斜線、曲線3種形式。直線視覺流程在版面中引導(dǎo)人的視線做直線的視覺流動，具有直觀、確定、一目了然的特點。斜線視覺流程動態(tài)性很強，具有較強的個性特征，常用在表現(xiàn)突出動態(tài)或個性化的設(shè)計中；斜線視覺流程穩(wěn)定性相對較差，要注意畫面的整體均衡。曲線視覺流程是頗具韻律感的視覺流程形式，曲線在版面中的融會貫通讓版面舒暢、自然、飽滿且充滿張力，如“S”曲線形態(tài)的視覺流程使頁面元素上下左右運動，能在有限的空間中穿插回旋，具有一定的張力。
2.導(dǎo)向視覺流程。在網(wǎng)頁設(shè)計中使用能誘導(dǎo)觀者視線的誘導(dǎo)性元素，令觀者的視線能通過誘導(dǎo)按照設(shè)計者的布局進(jìn)行一定順序的運動，將所有元素從主到次、從大到小構(gòu)成一個有機整體，形成一個重點突出、流程動感的視覺組合。誘導(dǎo)性的元素有很多種，常見的有文字導(dǎo)向，利用文字的排列組合后的線、面特點來引導(dǎo)視覺走向；肢體導(dǎo)向，利用人體的肢體語言或是手部動作的方向性，來引導(dǎo)視覺走向；指示導(dǎo)向，利用符號箭頭的方向性特點，將視線引向主體；形象導(dǎo)向，利用眾多的事物形象特征來引導(dǎo)視線，如人或者動物的視線、鐘表的指針等。
3.反復(fù)視覺流程。反復(fù)視覺流程是指由于相同或者相似元素的規(guī)律出現(xiàn)，而產(chǎn)生的一種有秩序和節(jié)奏的運動。反復(fù)視覺流程構(gòu)成的版面動感性差，通過元素的處理方式能產(chǎn)生很強的節(jié)奏和秩序的美感，吸引視線。由于網(wǎng)頁技術(shù)特點決定了這種反復(fù)視覺流程是比較常見的視覺流程表現(xiàn)手法，在網(wǎng)頁的導(dǎo)航設(shè)計、圖片排列、文本信息等設(shè)計中常見這種排列手法。
4.散點視覺流程。散點視覺流程使用了后現(xiàn)代的視覺表現(xiàn)中的一些特點，自由、隨意、新穎。散點視覺流程指版面中的視覺元素，包括圖形、文字等視覺元素及其各元素之間的組成關(guān)系不拘泥于規(guī)則、嚴(yán)謹(jǐn)?shù)睦硇跃幣欧绞?，而是強調(diào)感性、自由、隨意、分散的排列組合狀態(tài)。散點視覺流程在初始感官上給我們以散亂的感受，信息獲取過程不如其他視覺流程順暢，但是只要稍加觀察我們就會發(fā)現(xiàn)散點的視覺流程通常是“形散而神凝”。在對待元素的處理方式、版面的整體協(xié)調(diào)、主次的關(guān)系處理、色彩的利用等方面，都更加刻意精心地遵循著一定的規(guī)則，這就使散點視覺流程的表現(xiàn)在靈活、感性、生動之余，不乏理性的雕刻。
5.復(fù)向視覺流程。復(fù)向視覺流程是從頁面的中心點開始，產(chǎn)生向心或離心等形式的視覺運動，畫面中心突出、主題明確，視覺沖擊力比較強，常用在對某一事物進(jìn)行強調(diào)的頁面設(shè)計中。
三、網(wǎng)頁版面視覺流程中的變化性
網(wǎng)頁版式設(shè)計同傳統(tǒng)媒介版面設(shè)計雖然都是在一定的空間中進(jìn)行視覺元素的組織，但由于二者在最終顯示方式上存在差別，因此網(wǎng)頁版面在具體的視覺流程表現(xiàn)中必然會受媒介變化的影響。
1.網(wǎng)頁版面中的變化性。網(wǎng)頁版面設(shè)計同傳統(tǒng)的版面設(shè)計有著一定的聯(lián)系，但也有著很大的不同，這就是它的動態(tài)變化性。對于同一個網(wǎng)頁版面而言，觀者所見的第一感覺印象未必是最終的感覺印象。由于網(wǎng)頁版面互動性的特點，在觀者和網(wǎng)頁版面的不斷接觸過程中還會出現(xiàn)各種動態(tài)的圖標(biāo)或懸浮導(dǎo)航條等，這些都是帶來變化的元素，都會對初始頁面視覺流程產(chǎn)生一定的影響。變化會打破最初視覺狀態(tài)下的相對穩(wěn)定，在視覺流程的設(shè)計中都應(yīng)該整體考慮。變化的視覺流程可以使網(wǎng)頁頁面更加生動、多樣化，但這也為設(shè)計增加了很大的難度，這種變化的視覺流程多用于一些娛樂性的或追求與眾不同的個性化網(wǎng)頁設(shè)計。
2.頁面之間跳轉(zhuǎn)的變化性。除了同一網(wǎng)頁版面內(nèi)部的變化性以外，在不同網(wǎng)頁頁面之間的非線性跳轉(zhuǎn)也是網(wǎng)頁設(shè)計不同于傳統(tǒng)媒介的特征之一，超鏈接改變了網(wǎng)頁內(nèi)容空間的前后關(guān)系。由于網(wǎng)頁具有超鏈接功能和多維性的特點，使得不同站點以及同一站點的不同頁面之間跳轉(zhuǎn)成為網(wǎng)頁變化性的又一表現(xiàn)。通常來講，一個站點是由多個頁面構(gòu)成的，觀者的瀏覽順序是不固定的，可能從主頁開始，也可能從二、三級頁面開始，因此保持整體的視覺流程至關(guān)重要。這就要求設(shè)計者盡可能在一個網(wǎng)站的整體設(shè)計以及頁面的跳轉(zhuǎn)過程中保持視覺元素設(shè)計的連貫性，保持視覺流程特征的連貫性，保持整體設(shè)計風(fēng)格的連貫性，來更好地適應(yīng)頁面跳轉(zhuǎn)過程中的變化。
3.視覺元素的動靜變化性。網(wǎng)頁既包含了傳統(tǒng)媒體的形式，其本身又是新的媒體，它具有極大的兼容性和互動性。網(wǎng)頁設(shè)計中既包含傳統(tǒng)的靜態(tài)設(shè)計，又存在具有互動性的游戲、動畫、影像和線性播放的影像、廣告等元素，這就構(gòu)成了頁面中的動靜對比。
對網(wǎng)頁瀏覽者而言，視覺流程的變化還受頁面元素動靜變化的影響。通常來講，事物要引起人注意應(yīng)具備兩方面的特點，一是有刺激物出現(xiàn)。在這里網(wǎng)頁上的動態(tài)元素，如視頻、動畫、廣告等外界刺激具備引起人無意注意的行為，即瀏覽者事先沒有目的也不需要做意志努力就能注意到的，這類變化節(jié)奏越快越能吸引人的視線。這是一種動態(tài)的吸引，可以改變?nèi)说囊曈X流程，能較先吸引人的視線。因此，在一些頁面上，常將一些重點信息進(jìn)行動態(tài)化處理以吸引人的第一注意力。二是視覺主體的意向性。瀏覽者作為視覺主體，更容易受動態(tài)元素的吸引。動態(tài)元素的視覺形象力更加明顯，受人注意的程度要多于靜態(tài)元素。因此，我們可以看到，新的媒介賦予了設(shè)計以更豐富的內(nèi)容，網(wǎng)頁版式的視覺流程同傳統(tǒng)設(shè)計相比較增加了動態(tài)效果對其的影響，網(wǎng)頁上的動態(tài)元素可以吸引觀者的視線，使觀者能按照設(shè)計者給出的特定視覺線路進(jìn)行視覺移動，而頁面上的靜態(tài)元素較之動態(tài)元素，其視覺吸引力相對較弱。
結(jié)語
視覺是一種主動性很強的感覺形式，新技術(shù)在很大程度上要依靠人類的視覺感官去獲取、傳達(dá)和交流，技術(shù)的進(jìn)步讓我們開始更加關(guān)注網(wǎng)頁信息傳達(dá)的品質(zhì)。[3]網(wǎng)頁視覺流程的設(shè)計直接關(guān)系著網(wǎng)頁版式構(gòu)成并影響到網(wǎng)頁信息傳達(dá)的效果；在網(wǎng)頁設(shè)計中組織視覺元素進(jìn)行視覺表現(xiàn)，使設(shè)計形式的組織達(dá)到對瀏覽者視覺線路的引導(dǎo)，能更好地發(fā)揮設(shè)計元素的功能?？傊訌娋W(wǎng)頁設(shè)計的視覺文化基礎(chǔ)，利用視覺表現(xiàn)達(dá)到提升網(wǎng)頁信息傳達(dá)的目的，對于網(wǎng)頁信息傳達(dá)來講具有重要的意義。
參考文獻(xiàn)：
[1]方新普，陸峰，孟梅林.視覺流程設(shè)計[M].安徽：合肥工業(yè)大學(xué)出版社，2004：49.
[2]王怡，裘夢漪.跨媒體時代的視覺僭越――現(xiàn)代視傳設(shè)計中“視覺思維”與“傳播媒介”關(guān)系研究[J].北京理工大學(xué)學(xué)報（社會科學(xué)版），2009（6）：98－100.
>> 動態(tài)網(wǎng)頁設(shè)計與實現(xiàn) 基于模板庫的動態(tài)網(wǎng)頁的設(shè)計研究及實現(xiàn) 淺析動態(tài)網(wǎng)頁設(shè)計 淺談靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別 基于負(fù)載的動態(tài)網(wǎng)頁生成系統(tǒng)的設(shè)計與實現(xiàn) 故障錄波器嵌入式動態(tài)網(wǎng)頁系統(tǒng)的設(shè)計與實現(xiàn) Web網(wǎng)站中動態(tài)網(wǎng)頁設(shè)計技術(shù)的應(yīng)用和實現(xiàn) ASP動態(tài)網(wǎng)頁靜態(tài)化的實現(xiàn) 淺談《ASP動態(tài)網(wǎng)頁設(shè)計》課程教學(xué)改革 淺談《ASP動態(tài)網(wǎng)頁設(shè)計》教學(xué)研究 《動態(tài)網(wǎng)頁設(shè)計》課程教學(xué)模式的改革及實踐 用PHP實現(xiàn)動態(tài)網(wǎng)頁 JavaScript在動態(tài)網(wǎng)頁設(shè)計中的應(yīng)用 交互式動態(tài)網(wǎng)頁的設(shè)計與制作 動態(tài)網(wǎng)頁設(shè)計教學(xué)探討 基于靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的教學(xué)網(wǎng)站設(shè)計 動態(tài)網(wǎng)頁與數(shù)據(jù)庫連接的實現(xiàn)方法 淺談中職學(xué)校 ASP動態(tài)網(wǎng)頁設(shè)計教學(xué)方法 淺談ASP動態(tài)網(wǎng)頁設(shè)計課程一體化教學(xué) 高職院?！秳討B(tài)網(wǎng)頁設(shè)計基礎(chǔ)》課程設(shè)計 常見問題解答 當(dāng)前所在位置：，*.htm1）中加入Java程序片段和JSP標(biāo)記，從而構(gòu)成了JSP網(wǎng)頁（*.jsp）。Web服務(wù)器在遇到訪問JSP 網(wǎng)頁的請求時，首先執(zhí)行其中的程序片段，然后將執(zhí)行結(jié)果以HTMI 格式返回給客戶。程序片段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁以及發(fā)送E-mail等，這就是建立動態(tài)網(wǎng)站時經(jīng)常需要的功能。
而Dreamweaver8中提供了基于JS的動態(tài)網(wǎng)頁技術(shù)的WEB應(yīng)用程序開發(fā)功能，通過數(shù)據(jù)庫、服務(wù)器行為和綁定面板快速定義數(shù)據(jù)庫連接，將數(shù)據(jù)庫記錄顯示在頁面和通過頁面操作數(shù)據(jù)庫數(shù)據(jù)，該技術(shù)由于具有安全性好、移植性好、可重用組件多等許多優(yōu)勢，目前已經(jīng)成為十分流行的一種編程技術(shù)。
3 JSP技術(shù)在動態(tài)網(wǎng)頁設(shè)計中的應(yīng)用
3.1 動態(tài)網(wǎng)站應(yīng)用實例分析
為了更好的說明JSP技術(shù)在動態(tài)網(wǎng)站上應(yīng)用優(yōu)勢，我們以網(wǎng)絡(luò)上常用的留言來進(jìn)行分析。本次研究用JSP技術(shù)加上相應(yīng)的編程工具（DREAMWEAVER）來實現(xiàn)留言功能。留言模塊用到的最基本表單：留言者姓名，留言標(biāo)題，留言內(nèi)容，留言者其他信息（mail，msn等聯(lián)系方式）。在DREAMWEAVER里新建動態(tài)頁JSP，以上表單都在DREAMWEAVER插入表單里找到，下面我們編寫JSP代碼來實現(xiàn)留言、將留言寫入數(shù)據(jù)庫這個功能。JSP的基本語法結(jié)構(gòu)都包含在內(nèi)，下面是一條最簡單的JSP語句，向屏幕輸出“hello，world！”這句話。
out.println（"hello，world！"）；
%>
具體的JSP程序編寫規(guī)則可參考相關(guān)書籍。
當(dāng)填入上面表單內(nèi)容后，通過JavaScript驗證輸入合法性后提交程序處理。下面寫出程序主要處理過程。
Statement st=con.createStatement（）；
String sql="insert into content values（'"+t1+"'，'"+t2+"'，'"+t3+"'，'"+t4+"'， now（））"；
st.executeUpdate（sql）；
st.close（）；
%>
其中t1-t4代表了表單里面輸入的值，now（）表示留言時的時間。
從上面的分析我們能看出正是由于JSP代碼的簡單易讀性，設(shè)計編寫方便性，讓它在廣大網(wǎng)絡(luò)程序員中倍受歡迎。
4 結(jié)論
隨著計算機技術(shù)的發(fā)展、計算機使用的普及，動態(tài)網(wǎng)頁制作已逐漸應(yīng)用到各個網(wǎng)站。作為Java的一部分，JSP技術(shù)使得在獨立的平臺上那些基于Web的應(yīng)用軟件能夠得到迅速發(fā)展，為創(chuàng)建顯示動態(tài)生成內(nèi)容的Web頁面提供了一個簡潔而快速的方法。Dreamweaver使網(wǎng)頁開發(fā)設(shè)計者能夠快速開發(fā)出美觀功能強大的動態(tài)網(wǎng)頁。本次研究基于上述技術(shù)分析了網(wǎng)絡(luò)留言功能的實現(xiàn)，對于進(jìn)一步推廣相關(guān)技術(shù)的應(yīng)用有著一定的實際意義。
參考文獻(xiàn)
[1] 龍馬工作室.DREAMWEAVER MX 2004與ASP精析.人民郵電出版社，2005.
關(guān)鍵詞：網(wǎng)頁設(shè)計；平面視覺元素；應(yīng)用分析；文字；圖像；色彩；版式設(shè)計
中圖分類號：J05 文獻(xiàn)標(biāo)識碼：A 文章編號：1005-5312（2014）02-0052-01
隨著互聯(lián)網(wǎng)技術(shù)的普及和發(fā)展，網(wǎng)絡(luò)已經(jīng)成為了當(dāng)代社會信息傳播的重要方式和人們?nèi)粘＝涣鳒贤ǖ闹匾緩?，其已?jīng)逐步滲入了人們工作、生活的各個領(lǐng)域和各個層面。而網(wǎng)頁不僅僅是互聯(lián)網(wǎng)上信息傳遞的一個載體，也是構(gòu)成互聯(lián)網(wǎng)的基本元素。因此，隨著網(wǎng)絡(luò)的普及和發(fā)展，網(wǎng)頁設(shè)計作為一個全新的設(shè)計領(lǐng)域，已經(jīng)成為了平面設(shè)計新的發(fā)展方向之一，如何讓所設(shè)計的網(wǎng)頁更具新穎性和可讀性，以獲得最大的視覺傳達(dá)功能也成為了設(shè)計者關(guān)注的一個重點問題。鑒于此，本文就從網(wǎng)頁設(shè)計的角度，針對設(shè)計過程中的文字、圖像、色彩以及版式設(shè)計等平面視覺元素的應(yīng)用問題進(jìn)行了簡要的探索與分析。
一、文字在網(wǎng)頁設(shè)計中的應(yīng)用分析
文字是一種用來記錄語言和事物，并進(jìn)行思想和情感交流的一種視覺文化符號。在網(wǎng)頁設(shè)計的過程中，由于文字在信息傳達(dá)方面具有比其他的視覺符號更容易辨識的明確性，因此，文字不但是網(wǎng)頁設(shè)計過程中常用的構(gòu)成元素之一，也是發(fā)揮作用最大的設(shè)計元素之一。在網(wǎng)頁設(shè)計的過程中，如何對文字進(jìn)行編排和設(shè)計，對網(wǎng)頁的整體風(fēng)格有著非常重要的影響。通常來說，設(shè)計科學(xué)、編排合理的網(wǎng)頁文字，能夠更好的傳達(dá)所要傳達(dá)的信息，而且還能夠通過文字的設(shè)計與編排給頁面增加美感，從而在實現(xiàn)信息傳達(dá)的滿足人們的審美需求，從而大大提高網(wǎng)頁信息傳達(dá)的效果。
概況來說，在網(wǎng)頁設(shè)計的過程中，文字的編排設(shè)計主要包括字體的選擇和編輯以及文字編排幾個方面。例如：在對文字進(jìn)行編輯時，可以選擇圖形化的藝術(shù)處理方法，這樣不但能夠通過文字來傳達(dá)語言本身所包含的信息，還能夠借此以視覺形象的方式來傳遞語言之外的信息。
而具體到文字在網(wǎng)頁設(shè)計中的實際應(yīng)用，則應(yīng)注意如下幾點原則：一是，匹配性原則。匹配性原則實際上指的就是在進(jìn)行網(wǎng)頁設(shè)計的過程中所選用的文字應(yīng)與文字的內(nèi)容以及網(wǎng)頁的主題相匹配。也就是說，要根據(jù)網(wǎng)頁的主題內(nèi)容和所要傳達(dá)的信息內(nèi)容來科學(xué)的設(shè)計文字的字體、色彩以及形態(tài)和表現(xiàn)形式，以確保文字的設(shè)計與網(wǎng)頁設(shè)計的主題和整體風(fēng)格相匹配。二是，明確性原則。在網(wǎng)頁設(shè)計的過程中，文字最為主要的功能在于確保信息的有效傳遞。因此，為了實現(xiàn)這一點，在進(jìn)行網(wǎng)頁文字設(shè)計的過程中，應(yīng)注意優(yōu)選選用容易識別的文字，而且在進(jìn)行字體和字形的創(chuàng)意時，同時也應(yīng)注意其辨識起來的明確性。三是，易讀性原則。因受人們的閱讀習(xí)慣及視覺能力的影響，人們在識別過粗、過細(xì)的文字形態(tài)時會較為費力，因此，在網(wǎng)頁設(shè)計的過程中，應(yīng)注意避免這樣的情況，以確保文字的易讀性，從而讓瀏覽者閱讀起來輕松愉快。最后是，美觀性原則。進(jìn)行文字的創(chuàng)意設(shè)計目的之一，是為了提高網(wǎng)頁的美觀程度，帶給瀏覽者美的感受。因此，在進(jìn)行網(wǎng)頁文字的設(shè)計時，要始終注意文字編排的節(jié)奏感和韻律感，以及文字與網(wǎng)頁整體之間的對比與和諧，以確保文字設(shè)計的美觀性。
二、圖像在網(wǎng)頁設(shè)計中的應(yīng)用分析
在網(wǎng)頁設(shè)計的過程中，圖像相較于文字而言更加直觀、形象，而且圖像在造型和色彩等方面均具有較強的注目性，因此，很容易形成視覺信息的中心。而在網(wǎng)頁設(shè)計的過程中，如果說文字所表達(dá)的信息是理性的，色彩所表達(dá)的信息是感性的，那么圖像所包含的則既有感性的形象又有理性的信息。由此可見，圖像在網(wǎng)頁設(shè)計的過程中，具有文字和色彩均無法取代的重要作用。
具體到網(wǎng)頁圖像來說，一般網(wǎng)頁圖像所使用的格式為GIF格式或是JPEG格式。其在網(wǎng)頁設(shè)計編排中的應(yīng)用方式則通常有方形圖、退底圖、出血圖以及三種結(jié)合使用四種方式，其中：方形圖是網(wǎng)頁圖形最為常見、最為簡潔的一種。在將方形圖應(yīng)用于網(wǎng)頁設(shè)計時，通常會給人以穩(wěn)重、理性和嚴(yán)謹(jǐn)?shù)母杏X，但如果過度使用，則會給人以平淡呆板的感覺，如下圖1所示，中國人民大學(xué)的網(wǎng)站就利用方形圖很好的突出了穩(wěn)重、理性、嚴(yán)謹(jǐn)?shù)奶攸c，而同時又利用大小不同、寬窄不同的方形圖避免了平淡呆板的問題；其次是退底圖。退底圖相較而言圖形更為自由，也更具個性，因此很容易帶給人深刻的印象。將這樣的圖形應(yīng)用于網(wǎng)頁設(shè)計時，會讓網(wǎng)頁的整體風(fēng)格閑的輕松而活潑，但是如果應(yīng)用不合理的話，也很容易給人凌亂的感覺；再次是出血圖。出血圖指的是一邊或者幾個邊充滿頁面的圖像。出血圖具有強烈的向外擴張的態(tài)勢，容易給人舒展的感覺，將其應(yīng)用于網(wǎng)頁設(shè)計時，非常有利于情感和動感內(nèi)容的表達(dá)。
三、色彩在網(wǎng)頁設(shè)計中的應(yīng)用分析
在網(wǎng)頁設(shè)計的過程中，彩色的頁面相較于單色的頁面來說往往能夠更好的引起瀏覽者的注意和興趣，由此就可以窺見在網(wǎng)頁設(shè)計中色彩應(yīng)用的重要性。
俗話說“遠(yuǎn)看顏色近看花”，這一點對于色彩在網(wǎng)頁設(shè)計中的應(yīng)用來說同樣適用。在網(wǎng)頁上，網(wǎng)頁設(shè)計所采用的主色彩，往往具有先聲奪人的力量，其應(yīng)用的科學(xué)與否、設(shè)計的合理與否，會直接影響到瀏覽者的瀏覽興趣，并能夠通過色彩所帶來的視覺沖擊傳達(dá)出相應(yīng)的情緒力量。因此，在進(jìn)行網(wǎng)頁設(shè)計時，設(shè)計者一定要時刻注意思考設(shè)計用色帶給人們的感受。
具體來說，在網(wǎng)頁設(shè)計過程中進(jìn)行網(wǎng)頁色彩的搭配與應(yīng)用時需要注意考慮的問題非常多，而以下兩點則尤為關(guān)鍵：首先，在進(jìn)行色彩選擇和應(yīng)用時，應(yīng)注意不同的顏色所蘊含的不同喻意，以盡可能的避免出現(xiàn)顏色誤用的問題。其次，網(wǎng)頁色彩的搭配與應(yīng)用，應(yīng)根據(jù)網(wǎng)頁的性質(zhì)和主題進(jìn)行合理的選用。例如：暖色一般適用于購物類網(wǎng)站的網(wǎng)頁設(shè)計、電子商務(wù)網(wǎng)站的網(wǎng)頁設(shè)計以及兒童類網(wǎng)站的網(wǎng)頁設(shè)計等等，暖色的合理應(yīng)用有助于突出這些網(wǎng)站商品的琳瑯滿目以及兒童網(wǎng)站的活潑、溫馨特性；而冷色則一般適用于高科技網(wǎng)站的網(wǎng)頁設(shè)計或者是學(xué)術(shù)類網(wǎng)站的網(wǎng)頁設(shè)計，能夠借此很好的突出網(wǎng)頁嚴(yán)肅、穩(wěn)重的風(fēng)格和特點。
四、版式設(shè)計在網(wǎng)頁設(shè)計中的應(yīng)用分析
在進(jìn)行網(wǎng)頁設(shè)計的過程中，版式設(shè)計實際上就是根據(jù)網(wǎng)頁的內(nèi)容而和主題，將網(wǎng)頁頁面上的諸多構(gòu)成要素，進(jìn)行關(guān)聯(lián)和配置，從而將網(wǎng)頁整體的設(shè)計意圖和設(shè)計風(fēng)格表現(xiàn)出來的一種方式?？茖W(xué)的版式設(shè)計不但能夠讓網(wǎng)頁上的文字、圖像、色彩等元素實現(xiàn)有機的結(jié)合，以提升頁面的美觀度、凸顯網(wǎng)頁的風(fēng)格特色，還能夠帶給網(wǎng)頁瀏覽者一個更為流暢的視覺體驗。
在網(wǎng)頁設(shè)計中，版式設(shè)計的常用類型主要有骨骼型版式設(shè)計、滿版型版式設(shè)計、分割型版式設(shè)計、中軸型版式設(shè)計、曲線型版式設(shè)計、傾斜型版式設(shè)計、對稱性版式設(shè)計、焦點型版式設(shè)計、三角型版式設(shè)計以及自由型版式設(shè)計等十種版式設(shè)計類型，這些版式設(shè)計類型各有特色。其中骨骼型的版式設(shè)計有助于網(wǎng)頁呈現(xiàn)和諧和理性的特點；滿版型版式設(shè)計則有助于凸顯網(wǎng)頁舒展大方的特征；分割型版式設(shè)計的網(wǎng)頁則較為自然；中軸型版式設(shè)計的網(wǎng)頁特點則較為穩(wěn)定和含蓄；曲線型版式設(shè)計的網(wǎng)頁常常帶有一定的韻律感與節(jié)奏感；傾斜型的網(wǎng)頁版式設(shè)計則帶有強烈的不穩(wěn)定感或是動感；焦點型版式設(shè)計的網(wǎng)頁則有助于凸顯強烈的視覺效果；三角型版式設(shè)計的網(wǎng)站則根據(jù)所采用的具體三角型有一定的不同：正三角有助于突出穩(wěn)定性、倒三角有助于突出動感、而側(cè)三角則是穩(wěn)定與動感兼具；最后采用自由型版式設(shè)計的網(wǎng)頁，則往往突出的是輕松活潑、輕快愉悅的特點。設(shè)計者在進(jìn)行網(wǎng)頁的版式設(shè)計時可以根據(jù)這些網(wǎng)頁版式設(shè)計類型的特點，針對設(shè)計的內(nèi)容和主題進(jìn)行合理的選擇。
參考文獻(xiàn)：
[1]郭菲.網(wǎng)頁設(shè)計中的人性化設(shè)計[A].2006年中國機械工程學(xué)會年會暨中國工程院機械與運載工程學(xué)部首屆年會論文集[C].2006.
[2]孫利，吳儉濤.利用色彩營造網(wǎng)頁形象時需關(guān)注的幾點問題[A].色彩科學(xué)應(yīng)用與發(fā)展――中國科協(xié)2005年學(xué)術(shù)年會論文集[C].2005.
關(guān)鍵詞：網(wǎng)站建設(shè)；網(wǎng)站設(shè)計；缺陷；對策
隨著我國科學(xué)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)科技的飛速更新和完善，增進(jìn)我國電子商務(wù)技術(shù)的發(fā)展進(jìn)程。目前，電子商務(wù)技術(shù)應(yīng)該成為企業(yè)經(jīng)濟進(jìn)步的重要方式。商務(wù)網(wǎng)站，是電子商務(wù)的主要運用路徑，以網(wǎng)頁的形式展示企業(yè)的形象和產(chǎn)品，從而幫助客戶對企業(yè)進(jìn)行全方面的了解，促進(jìn)貿(mào)易合作的達(dá)成。由此可見，網(wǎng)頁設(shè)計的優(yōu)劣直接影響到企業(yè)的經(jīng)濟效益。網(wǎng)頁設(shè)計是網(wǎng)站建設(shè)的關(guān)鍵環(huán)節(jié)，越來越受企業(yè)的重視，如果網(wǎng)頁設(shè)計出現(xiàn)問題，導(dǎo)致企業(yè)運行出現(xiàn)問題，從而為企業(yè)帶來損失。
一、網(wǎng)頁設(shè)計安全缺陷
網(wǎng)頁設(shè)計中常見的服務(wù)器端網(wǎng)頁設(shè)計技術(shù)包括ASP、PHP、JSP等腳本語言，這些網(wǎng)頁技術(shù)為網(wǎng)站開發(fā)提供了平臺。在網(wǎng)頁的開發(fā)設(shè)計中，設(shè)計人員在使用腳本語言可以有效的管理現(xiàn)有的網(wǎng)站資源，促進(jìn)瀏覽者和網(wǎng)站的交互。在交互的過程中，安全缺陷逐漸出現(xiàn)，主要因素是瀏覽者在瀏覽網(wǎng)頁輸入的用戶信息具有不確定性，網(wǎng)站的編程與服務(wù)器直接打交道，和系統(tǒng)的有關(guān)設(shè)置、網(wǎng)站數(shù)據(jù)庫設(shè)置等有關(guān)。程序設(shè)計中存在的安全缺陷，也稱之為網(wǎng)站漏洞。
二、網(wǎng)頁設(shè)計存在的漏洞
（一）登錄驗證出現(xiàn)漏洞
人們經(jīng)常使用的聊天室、微博、論壇等交互性的網(wǎng)站，登錄驗證是必不可少的一個過程，即使只是網(wǎng)站的一小部分，但卻是整個網(wǎng)站的安全之口。網(wǎng)頁設(shè)計者在設(shè)計時很容易忽視這個問題，安全關(guān)口沒有設(shè)計好，就會讓黑客有機可乘，從而造成不必要的損失，很多網(wǎng)站在設(shè)計編程時不嚴(yán)謹(jǐn)?shù)膽B(tài)度造成了這個漏洞。在很多網(wǎng)頁中需要用戶進(jìn)行身份驗證，但是這個網(wǎng)頁無需對用戶的身份驗證。一旦用戶知道網(wǎng)頁設(shè)計的文件名和路徑，就會直接跳過身份驗證，直接進(jìn)入設(shè)計頁面。
（二）網(wǎng)站病毒的廣泛傳播
計算機中存在的病毒是人們故意設(shè)計制造的計算機應(yīng)用程序，它的特色是具有感染性和自制性。在日益擴大的網(wǎng)絡(luò)規(guī)模下，計算機的病毒種類也越來越多，這給計算機造成了很大的威脅。如果網(wǎng)站的終端服務(wù)器被計算機的病毒所傳染，就會破壞網(wǎng)站信息的安全性，甚至影響了整個網(wǎng)站的正常運營。
（三）部分網(wǎng)站的非法授權(quán)
在網(wǎng)站建設(shè)中，程序設(shè)計人員往往會運用較為復(fù)雜的安全配置，這樣會在網(wǎng)站服務(wù)的應(yīng)用中存在非常大的安全隱患，由此給黑客機會有空可鉆，進(jìn)入網(wǎng)絡(luò)內(nèi)部來盜取信息，進(jìn)而給網(wǎng)站帶來巨大損失。這都是網(wǎng)站在登錄密碼、應(yīng)用軟件等方面設(shè)計過于簡單，讓黑客十分容易的侵入。
三、解決網(wǎng)站安全隱患的對策
（一）充分考慮網(wǎng)站登錄驗證的安全性
在有關(guān)的論壇和聊天室中，驗證身份在登錄時是非常重要的一步。所以，網(wǎng)站設(shè)計人員可以在程序中使用生成SQL查詢語句之前，先驗證用戶的用戶名和密碼，或是設(shè)計人員要求用戶在進(jìn)入網(wǎng)頁時先對用戶的同戶名進(jìn)行查詢再驗證密碼。在進(jìn)入重要的網(wǎng)頁的同時，設(shè)計人員可以設(shè)計相應(yīng)的程序要求用戶再一次進(jìn)行身份的驗證，通過驗證后，才可以使用網(wǎng)站內(nèi)相關(guān)信息，這樣就提高了網(wǎng)頁的安全穩(wěn)定性。
（二）充分考慮源代碼的泄露
程序設(shè)計人員對網(wǎng)頁的代碼加密后可以有效的減少網(wǎng)站源代碼的泄露的機會，在設(shè)計ASP程序時，數(shù)據(jù)源盡量使用ODBC數(shù)據(jù)源，這樣數(shù)據(jù)名稱就不會直接寫入程序中，避免出現(xiàn)ASP源代碼和數(shù)據(jù)庫名稱一起丟失的現(xiàn)象。設(shè)計人員也可以根據(jù)技術(shù)將編程邏輯密封在ADLL中，或者是對ASP進(jìn)行保密設(shè)置，在這其中運用了微軟的ScriptEncoder，這個方式要具有操作性強、邏輯性強等優(yōu)點，經(jīng)過加密過程的設(shè)計，可以降低源代碼泄露的機率。
（三）充分考慮文件上傳時的安全性
大部分網(wǎng)站具有上傳文件、上傳圖片等功能。例如論壇、郵箱、學(xué)?；蚬竟俜骄W(wǎng)站等用戶量大的網(wǎng)站，但是這種網(wǎng)站，程序設(shè)計人員在設(shè)計時沒有對用戶提交的身份和數(shù)據(jù)進(jìn)行過濾排查，致使黑客能夠?qū)ζ溥M(jìn)行遠(yuǎn)程距離的攻擊，從而破壞數(shù)據(jù)庫。因此，設(shè)計人員在用戶上傳圖片或者之前，可以插入文件類型模式的規(guī)范，對用戶上傳的圖片、文件進(jìn)行篩選，這樣就可以針對一些帶有病毒的文件篩選出去，提高了用戶使用網(wǎng)頁的安全性。在不斷發(fā)展的信息技術(shù)時代，新世紀(jì)新時代的“金鑰匙”逐漸被信息化的網(wǎng)絡(luò)技術(shù)所取代。網(wǎng)絡(luò)在人們生活中的作用越來越重要，而網(wǎng)站的安全問題也逐漸被重視，在進(jìn)行網(wǎng)站設(shè)計時，涉及到很多應(yīng)用程序，在網(wǎng)頁設(shè)計的交互程序中會出現(xiàn)很多安全缺陷，從而給企業(yè)帶來損失。因此，一定要十分注重網(wǎng)站問題的安全問題，在網(wǎng)站建設(shè)中充分考慮可能出現(xiàn)的問題，這樣就可以在一定程序上提高網(wǎng)站的安全性。
參考文獻(xiàn)：
[1]宋鎮(zhèn).基于網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計的安全問題的思考[J].無線互聯(lián)科技，2012，04.
[2]邢太北.分析網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計的安全缺陷及對策[J].計算機光盤軟件與應(yīng)用，2012.
[3]程文彬.基于網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計的安全缺陷及對策[J].電子科技大學(xué)學(xué)報，2010（6）.
【關(guān)鍵詞】研究性教學(xué)；網(wǎng)頁設(shè)計與制作；人才培養(yǎng)
中圖分類號：G420
所謂研究性教學(xué)，是指確立以探究和創(chuàng)新為核心的教育理念，更新教育教學(xué)觀念，著眼于培養(yǎng)學(xué)生的探索精神和創(chuàng)造性，構(gòu)建以培養(yǎng)學(xué)生的創(chuàng)新精神和創(chuàng)新能力為基本價值取向的教學(xué)內(nèi)容和教學(xué)方法體系，著力解決教師研究性"教"和學(xué)生研究性"學(xué)"的問題，培養(yǎng)具有創(chuàng)新意識和創(chuàng)新能力的高素質(zhì)人才，發(fā)揮學(xué)生在學(xué)習(xí)過程中的主動性和積極性，使之成為我國經(jīng)濟社會發(fā)展需要的具有較高素質(zhì)和較強能力的易就業(yè)人才。
一、課程研究性教學(xué)的目的和意義
《網(wǎng)頁設(shè)計與制作》課程研究性教學(xué)的實踐性探索旨在通過對網(wǎng)頁設(shè)計與制作職業(yè)崗位群的分析，充分了解市場對本專業(yè)學(xué)生知識、能力、素質(zhì)的要求，確定切合市場、科學(xué)合理的模塊化課程體系，選用適當(dāng)?shù)慕虒W(xué)手段和方式，有效地促進(jìn)教學(xué)質(zhì)量的提高，提高學(xué)生的專業(yè)技能和就業(yè)機率，最終實現(xiàn)專業(yè)培養(yǎng)目標(biāo)。
二、課程研究性教學(xué)的理論依據(jù)
1、現(xiàn)代學(xué)生觀
2、多元智力理論
3、建構(gòu)主義學(xué)習(xí)理論
4、發(fā)展性教學(xué)評價理論
三、課程研究性教學(xué)的實踐過程
1、網(wǎng)頁設(shè)計與制作崗位需求分析
通過廣東省大中專畢業(yè)生就業(yè)指導(dǎo)中心網(wǎng)站、智聯(lián)招聘、中華英才等專業(yè)招聘網(wǎng)站對廣州、北京、上海、哈爾濱、南京、天津、武漢、深圳、沈陽、杭州、西安等大中型城市的人才招聘信息進(jìn)行分析統(tǒng)計，確定與高職《網(wǎng)頁設(shè)計與制作》課程相關(guān)的職業(yè)崗位主要有：網(wǎng)頁設(shè)計、網(wǎng)頁設(shè)計與制作、網(wǎng)頁美工、網(wǎng)頁制作、網(wǎng)站管理、界面設(shè)計、網(wǎng)頁編輯、網(wǎng)站運營，在這些崗位需求中，選取了800個崗位進(jìn)行分析，如表1所示。
2、根據(jù)崗位需求分析，構(gòu)建新型課程體系
（1）本課程在計算機類專業(yè)課程體系結(jié)構(gòu)中的位置
本課程在計算機類專業(yè)課程體系中處于一個非常重要的位置，《計算機應(yīng)用基礎(chǔ)》、《數(shù)據(jù)庫應(yīng)用技術(shù)》、《VB/C語言程序設(shè)計》作為其先導(dǎo)課，為其提供必要的知識準(zhǔn)備，比如設(shè)計平臺的熟悉、數(shù)據(jù)庫設(shè)計方法的掌握以及程序代碼的設(shè)計規(guī)范等等，而《網(wǎng)頁設(shè)計與制作》課程又為其后續(xù)課程《Web程序設(shè)計》、《網(wǎng)站建設(shè)與維護(hù)》、《軟件工程》等課程提供有力的支持，比如管理信息系統(tǒng)開發(fā)過程中對于開發(fā)界面的設(shè)計、學(xué)習(xí)JSP、ASP/、PHP等開發(fā)工具中對于HTML代碼的熟悉掌握等等?？傊菊n程的學(xué)習(xí)有助于學(xué)生深入學(xué)習(xí)計算機類相關(guān)專業(yè)其他知識和提高職業(yè)技能，完善學(xué)生的專業(yè)知識結(jié)構(gòu)，提升學(xué)生從事實際工作的綜合素質(zhì)。
（2）課程體系結(jié)構(gòu)內(nèi)容
從內(nèi)容結(jié)構(gòu)體系來說，《網(wǎng)頁設(shè)計與制作》課程包括了五大部分，分別是：網(wǎng)頁設(shè)計基礎(chǔ)知識、網(wǎng)頁編程語言、網(wǎng)頁設(shè)計工具（包括Dreamweaver部分、Fireworks部分、Flash部分）、動態(tài)網(wǎng)頁介紹、綜合實踐（實訓(xùn)），它是一門技能整合的課程。
3、《網(wǎng)頁設(shè)計與制作》課程設(shè)計
（1）設(shè)計理念
1）突出專業(yè)課程的職業(yè)性、實踐性和開放性。
2）學(xué)以致用。
3）學(xué)生是學(xué)習(xí)主體，鼓勵學(xué)生職業(yè)能力發(fā)展，加強創(chuàng)新能力和意識培養(yǎng)的理念。
（2）設(shè)計思路
以校企合作為切入點，以培養(yǎng)職業(yè)能力為核心，以項目教學(xué)為主要手段，積極探索教學(xué)方法與成績評價方法的創(chuàng)新，保證課程目標(biāo)的實現(xiàn)。
4、教學(xué)內(nèi)容的重構(gòu)
（1）教學(xué)內(nèi)容的針對性與適用性
《網(wǎng)頁設(shè)計與制作》是我院計算機網(wǎng)絡(luò)技術(shù)專業(yè)的核心課程，同時還是計算機類其它專業(yè)、藝術(shù)設(shè)計類以及電子商務(wù)類專業(yè)學(xué)生的必修課。結(jié)合職業(yè)需求，我們所確定的教學(xué)內(nèi)容在針對性和適用性方面具有如下特征：
1）教學(xué)內(nèi)容的設(shè)置，滿足職業(yè)能力培養(yǎng)的需要
通過大量的社會調(diào)研，分析了網(wǎng)頁設(shè)計人才應(yīng)具備的職業(yè)能力素養(yǎng)，從而選取合理的教學(xué)內(nèi)容。內(nèi)容的選取著重培養(yǎng)學(xué)生具備以下能力：
①網(wǎng)頁的賞析能力
②網(wǎng)頁布局的設(shè)計能力
③網(wǎng)頁色彩運用的能力
④網(wǎng)頁的編程能力
⑤常見網(wǎng)頁設(shè)計工具和圖形圖像處理軟件的運用能力
⑥網(wǎng)站建設(shè)和網(wǎng)頁的能力
⑦項目開發(fā)中的協(xié)作能力和人際溝通能力
2）基于工作過程的模塊化教學(xué)內(nèi)容的設(shè)計
針對職業(yè)能力的培養(yǎng)要求，采取基于工作過程的模塊化教學(xué)，按照網(wǎng)頁設(shè)計制作實際流程來安排教學(xué)內(nèi)容。
5、教學(xué)方法與手段的創(chuàng)新
（1）教學(xué)模式的設(shè)計與創(chuàng)新
《網(wǎng)頁設(shè)計與制作》課程是計算機類專業(yè)學(xué)生的核心課程。為了讓學(xué)生更好地掌握網(wǎng)頁設(shè)計的方法和技巧，提高學(xué)生的動手能力，借助多媒體手段、電子教室、教學(xué)網(wǎng)站、電子郵箱和QQ流等手段，在教學(xué)方法上進(jìn)行了一系列的改革舉措：
1）課程內(nèi)容模塊化，化解難點，循序漸進(jìn)
2）精心準(zhǔn)備案例項目，從宏觀上進(jìn)行教學(xué)設(shè)計
3）微觀教學(xué)采用"四階段教學(xué)法"，將"教、學(xué)、做"融為一體。
4）注重師生互動，營造課堂氣氛
5）充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果
6）舉辦學(xué)生作品大賽，展示成果、促進(jìn)交流
（2）多種教學(xué)方法的靈活運用
1）多媒體教學(xué)
2）"理論+實踐"教學(xué)模式
6、建立以應(yīng)用為導(dǎo)向的考核方式
打破傳統(tǒng)的考核模式，建立新的、開放式的全程考核模式。根據(jù)本課程的特點，提出并逐步實行以項目系統(tǒng)考核為主線的考"應(yīng)用"不考"理論"模式，同時也鼓勵學(xué)生以證代考。成績評定：
（1）期末綜合作品和網(wǎng)頁制作水平占50%
（2）平時作業(yè)、學(xué)習(xí)態(tài)度、出勤等占30%
（3）階段性實訓(xùn)作品占20%
五、教學(xué)效果
1、學(xué)生對專業(yè)的學(xué)習(xí)興趣明顯提高，原來消極學(xué)習(xí)的學(xué)生現(xiàn)在也變成了"好學(xué)分子"。
2、 研究性教學(xué)的實踐性探索的開展，使教師有機會和條件將理論和實踐教學(xué)兩種教學(xué)能力結(jié)合起來進(jìn)行系統(tǒng)深入的研究，使理論教學(xué)和實踐教學(xué)兩種教學(xué)能力在有機結(jié)合中得到相互促進(jìn)、相互提高，受到了學(xué)生的普遍歡迎和認(rèn)可，教師教學(xué)的主體地位得到了強化。
3、學(xué)生考證通過率顯著提高。
【參考文獻(xiàn)】：