時(shí)間：2023-08-02 17:16:50
開篇：寫作不僅是一種記錄，更是一種創(chuàng)造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇常見的網(wǎng)頁設(shè)計(jì)，希望這些內(nèi)容能成為您創(chuàng)作過程中的良師益友，陪伴您不斷探索和進(jìn)步。
【摘 要】伴隨著網(wǎng)絡(luò)的飛速發(fā)展的，網(wǎng)頁也迅速普及到社會的各個(gè)方面。網(wǎng)頁在現(xiàn)實(shí)生活中已經(jīng)是不可缺少的了，那么從事與網(wǎng)頁相
>> “網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)改革實(shí)踐探究 中職網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)改革與實(shí)踐 基于CDIO教育理念的《靜態(tài)網(wǎng)頁設(shè)計(jì)》課程教學(xué)改革與探索 基于移動(dòng)學(xué)習(xí)的靜態(tài)網(wǎng)頁設(shè)計(jì)課程教學(xué)資源的設(shè)計(jì)與研究 《靜態(tài)網(wǎng)頁設(shè)計(jì)》精品課程建設(shè)與研究 基于《網(wǎng)頁制作》課程有效教學(xué)的探究與實(shí)踐 中職《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)探索 淺談中職《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)方法 淺談中職學(xué)校《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)設(shè)計(jì) 《靜態(tài)網(wǎng)頁制作》教學(xué)體會 《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)的創(chuàng)新與實(shí)踐 “網(wǎng)頁制作”的教學(xué)設(shè)計(jì)與實(shí)踐探究 淺談高職《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)實(shí)踐與探討 “網(wǎng)頁制作”課程雙語教學(xué)實(shí)踐與思考 中職網(wǎng)頁設(shè)計(jì)課程的教學(xué)探討 中職網(wǎng)頁制作課程教學(xué)設(shè)計(jì)探討 中職網(wǎng)頁設(shè)計(jì)課程教學(xué)探討 中職網(wǎng)絡(luò)技術(shù)專業(yè)《網(wǎng)頁美術(shù)設(shè)計(jì)》課程“任務(wù)驅(qū)動(dòng)教學(xué)”探究 探究式教學(xué)法在中職網(wǎng)頁設(shè)計(jì)制作課程中的應(yīng)用 中職《網(wǎng)頁設(shè)計(jì)》課程教學(xué)方法的實(shí)踐和探索 常見問題解答 當(dāng)前所在位置：。一個(gè)網(wǎng)站是由很多個(gè)網(wǎng)頁文件組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，需要給這些頁面起一些有代表性的而且簡潔易記的網(wǎng)頁名稱，這樣有助于以后方便管理網(wǎng)頁，在給網(wǎng)頁命名時(shí)，最好使用常用的或符合頁面內(nèi)容的小寫英文字母，這直接關(guān)系到頁面上的連接。通過案例教學(xué)引導(dǎo)學(xué)生實(shí)踐制作，在網(wǎng)站實(shí)例中讓學(xué)生掌握的重點(diǎn)點(diǎn)，突破難點(diǎn)。開始，實(shí)訓(xùn)準(zhǔn)備階段，教師通過從事網(wǎng)頁設(shè)計(jì)工作的本校畢業(yè)的學(xué)生提供網(wǎng)頁設(shè)計(jì)實(shí)例，在實(shí)施時(shí)，分組很重要，男女學(xué)生的比例以及制作水平高低的比例要適當(dāng)，以保證學(xué)生討論的積極性特別高。把班級學(xué)生分成四個(gè)小組，以小組為單位，每個(gè)小組通過團(tuán)隊(duì)合作探究，從素材收集、處理、網(wǎng)站規(guī)劃等所有的環(huán)節(jié)分工合作逐一完成，通過自學(xué)教學(xué)視頻方法，嘗試運(yùn)用于案例中表格制作的任務(wù)中，遇到問題的時(shí)候，再進(jìn)行合作討論合作完成作品讓所有學(xué)生進(jìn)行實(shí)踐，上傳免費(fèi)主頁的空間申請和站點(diǎn)文件，實(shí)現(xiàn)網(wǎng)上瀏覽。讓學(xué)生自己上機(jī)去實(shí)現(xiàn)任務(wù)，讓他們在親身實(shí)踐中體會、提高，在同學(xué)之間的互相學(xué)習(xí)和交流，甚至爭論中提高學(xué)習(xí)興趣，開闊思路。
最后，展示設(shè)計(jì)作品、經(jīng)驗(yàn)分享及項(xiàng)目實(shí)戰(zhàn)演練。要想讓學(xué)生學(xué)習(xí)掌握網(wǎng)頁設(shè)計(jì)課程，單靠課堂教學(xué)還是不夠的，可以在校園內(nèi)舉辦一些網(wǎng)頁設(shè)計(jì)的比賽，通過比賽，既可以更大地提高他們對此課程的積極性，也可讓學(xué)生找到差距，激勵(lì)他們努力，不斷提高網(wǎng)頁設(shè)計(jì)水平。實(shí)訓(xùn)教學(xué)是教學(xué)過程中的重要環(huán)節(jié)。網(wǎng)頁設(shè)計(jì)課程實(shí)訓(xùn)內(nèi)容的選擇要真正做到以技能培養(yǎng)為目標(biāo)。在實(shí)訓(xùn)過程中，學(xué)生可以自行查閱資料，根據(jù)自己的興趣設(shè)計(jì)網(wǎng)站，獨(dú)立完成。也可以分組完成，鼓勵(lì)學(xué)生以團(tuán)隊(duì)協(xié)作的方式完成某一個(gè)網(wǎng)站項(xiàng)目，鍛煉學(xué)生的團(tuán)隊(duì)協(xié)作能力。在臨近畢業(yè)的時(shí)候需要積累自己的作品，我們會發(fā)動(dòng)人脈讓大家與招聘企業(yè)接觸，同時(shí)邀請行業(yè)內(nèi)的優(yōu)秀網(wǎng)頁設(shè)計(jì)員進(jìn)行經(jīng)驗(yàn)分享和作品指導(dǎo)，同學(xué)們會直接面對網(wǎng)頁設(shè)計(jì)公司的管理人員，只要有能力和耐心，找到理想的工作是沒有任何問題的！
在中職靜態(tài)網(wǎng)頁課程教學(xué)實(shí)訓(xùn)中，不僅使學(xué)生學(xué)習(xí)到了書本上的知識而且通過實(shí)訓(xùn)鍛煉了學(xué)生實(shí)際工作能力。我們常說：“教學(xué)有法，教無定法，貴在得法。”良好的教學(xué)方法，可以發(fā)揮教學(xué)智慧，達(dá)到預(yù)期的教學(xué)效果。然而教學(xué)又無定法，我們必須根據(jù)學(xué)情來研究和確定教學(xué)方法，結(jié)合實(shí)際工作，不斷嘗試和探索，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性和求知欲，讓學(xué)生快樂學(xué)習(xí)，并收獲累累碩果，教師的教學(xué)要適應(yīng)科技的發(fā)展，要有改革進(jìn)取的精神，培養(yǎng)能真正適應(yīng)社會的人才。
參考文獻(xiàn)：
[1]劉小偉等.網(wǎng)頁設(shè)計(jì)使用教程[M].中國鐵道出版社，2008.
[2]劉宏，韓鷹.網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)教程[M].北京交通大學(xué)出版社，2007.
[3]尤鴻霞實(shí)訓(xùn)課程教學(xué)方法研究[J].遵義師范學(xué)院學(xué)報(bào)，2012（2）：93-94.
[4]馬海峰，李軍華.高職“程序設(shè)計(jì)實(shí)訓(xùn)”課程教學(xué)改革探索[J].江蘇技術(shù)師范學(xué)院學(xué)報(bào)，2010（4）：81-84.
[5]張娟，李博，楊征.談高職院校實(shí)訓(xùn)周實(shí)訓(xùn)方案的制訂[J].保定職業(yè)技術(shù)學(xué)院學(xué)，2011（2）：35-37.
[6]孫榮俠.靜態(tài)網(wǎng)頁設(shè)計(jì)中常見問題分析與處理[J].技術(shù)園地，第1期.
>> 色彩在網(wǎng)頁設(shè)計(jì)中的運(yùn)用 色彩在網(wǎng)頁設(shè)計(jì)中的作用 FLASH在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 Flash在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 FLASH在網(wǎng)頁設(shè)計(jì)中的運(yùn)用 Photoshop在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 圖層在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 CSS在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 藝術(shù)設(shè)計(jì)元素在網(wǎng)頁設(shè)計(jì)中的運(yùn)用 設(shè)計(jì)美學(xué)在網(wǎng)頁設(shè)計(jì)中的體現(xiàn) 視覺藝術(shù)在網(wǎng)頁設(shè)計(jì)中的運(yùn)用 中國風(fēng)格在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 淺談色彩在網(wǎng)頁設(shè)計(jì)中的運(yùn)用 淺談PhotoShop在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 平面設(shè)計(jì)在網(wǎng)頁編排中的應(yīng)用 淺析布局在網(wǎng)頁設(shè)計(jì)中的運(yùn)用 平面構(gòu)成在網(wǎng)頁設(shè)計(jì)中的運(yùn)用 行為導(dǎo)向教學(xué)在網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用 圖形語言在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 CSS濾鏡在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 常見問題解答 當(dāng)前所在位置：表示是武漢市的天氣預(yù)報(bào)。不同的城市序號不同。這是調(diào)用了騰訊公司的天氣預(yù)報(bào)。但是在自己的網(wǎng)頁中卻不會留下任何騰訊公司的任何痕跡。如圖1所示。
圖1 網(wǎng)頁中添加天氣預(yù)報(bào)
三、添加搜索引擎
在網(wǎng)頁中添加搜素引擎可以為瀏覽網(wǎng)頁的用戶帶來極大的方便。加入搜素引擎的代碼如下： 。
關(guān)鍵代碼： 。還可以根據(jù)個(gè)人喜好添加不同風(fēng)格的搜索引擎，只需要修改src屬性即可。
運(yùn)行結(jié)果如圖2所示：
圖2 網(wǎng)頁中添加百度搜索引擎
四、混合編程
有時(shí)候網(wǎng)頁要在兩個(gè)頁面中跳轉(zhuǎn)，并且把參數(shù)帶到另外一個(gè)頁面，并且這兩種網(wǎng)頁采用不同的開發(fā)語言。此時(shí)，也可以使用iframe來實(shí)現(xiàn)該帶參數(shù)跳轉(zhuǎn)功能。
例如，在a.php頁面中需要輸入用戶名和密碼，單擊確定按鈕，進(jìn)入b.aspx頁面。這兩種頁面分別是php頁面和頁面，采用php語言和C#語言編寫。如果想直接傳遞參數(shù)，實(shí)現(xiàn)起來不會特別容易，但是通過iframe卻可以方便地實(shí)現(xiàn)該功能。
步驟如下：
（一）先將b.aspx網(wǎng)頁打開并進(jìn)行簡化、調(diào)整，不能大量修改代碼。修改之后保存，并修改文件名為c.aspx。如圖3所示。
圖3b.aspx網(wǎng)頁圖4b.aspx修改后變成c.aspx
（二）將c.aspx嵌入到a.php中，代碼如下： 。
此處省略了b.aspx中有關(guān)參數(shù)傳遞的代碼。但是原理和方法是這樣的。
五、小結(jié)
< IFRAME >是一種可以在頁面內(nèi)嵌入網(wǎng)頁或者網(wǎng)頁界面元素的html標(biāo)簽。靈活地使用它可以為網(wǎng)頁帶來諸多方便，有時(shí)候看似比較復(fù)雜的問題往往能夠迎刃而解。< IFRAME >中嵌入的內(nèi)容既可以是自己的，也可以來自互聯(lián)網(wǎng)。但是在使用過程中切記版權(quán)問題和編碼問題。
參考文獻(xiàn)：
1.曾俊國.PHP Web開發(fā)使用教程。北京：清華大學(xué)出版社，2011年9月；
2.鄭阿奇.PHP實(shí)用教程。北京：電子工業(yè)出版社。2009年；
3.趙增敏.PHP動(dòng)態(tài)網(wǎng)站開發(fā), 北京：電子工業(yè)出版社。2009年；
4.曾俊國.網(wǎng)頁程序設(shè)計(jì)實(shí)用教程。北京：中國鐵道出版社，2010年；
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；圖形圖像；處理技巧
在信息科技化發(fā)展的今天，每個(gè)行業(yè)都離不開網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)，要想在日益競爭的市場中能夠脫穎而出，就需要加強(qiáng)網(wǎng)站的建設(shè)和網(wǎng)頁設(shè)計(jì)的質(zhì)量。而網(wǎng)頁設(shè)計(jì)通常采用圖像圖形和文字綜合編輯的表現(xiàn)方式，具有很強(qiáng)的視覺影響力，所以，要想提高網(wǎng)頁設(shè)計(jì)的質(zhì)量，就需要掌握設(shè)計(jì)中圖形圖像的處理技巧。
一、圖形和圖像在網(wǎng)頁設(shè)計(jì)中應(yīng)用的意義
與傳統(tǒng)傳媒技術(shù)不同的是，網(wǎng)頁設(shè)計(jì)的元素多樣化，通過不同的手段對不同的元素進(jìn)行剪輯，可以產(chǎn)生不一樣的效果。而在網(wǎng)頁設(shè)計(jì)中，圖像圖形處理是最為常見的一種處理技術(shù)，通過把圖形圖像和文字相結(jié)合的辦法，能夠有效的傳遞網(wǎng)頁信息，是網(wǎng)頁的表現(xiàn)形式更加直觀。一般圖像質(zhì)量處理良好的網(wǎng)頁，或是圖像和文字共同編輯的網(wǎng)站，更會成為人們?yōu)g覽時(shí)的首選，從而更加吸引人們的注意力，瀏覽的時(shí)間就會越長，也就能把網(wǎng)頁的主題和信息傳達(dá)給瀏覽者，也就很好的體現(xiàn)出圖形圖像在網(wǎng)頁設(shè)計(jì)中的意義[1]。
二、圖形圖像的分類
在網(wǎng)頁設(shè)計(jì)中，圖片的常見格式有：JPEG（JPG）、BMP、GIF、PSD、PCX、PNG等格式。JPEG是第一個(gè)國際圖像壓縮標(biāo)準(zhǔn)，是應(yīng)用最廣泛的圖片格式之一，這種圖片是經(jīng)過壓縮而來，文件小，便于傳輸，同時(shí)也在很大程度上滿足了人們對圖片色彩和分辨率的要求，并且也在網(wǎng)頁設(shè)計(jì)的圖像圖形處理中被廣泛使用的圖像格式。GIF格式分為靜態(tài)GIF和動(dòng)畫GIF兩種，“體積”很小，互聯(lián)網(wǎng)上很多動(dòng)態(tài)圖片的格式都是GIF格式，通過把多幅圖像保存為一個(gè)圖像文件中，從而形成了動(dòng)畫。另外，GIF是網(wǎng)絡(luò)中最早應(yīng)用圖片格式，通過一個(gè)LZW的算法把圖像進(jìn)行無損壓縮，有效的減少了文件的大小[2]。PNG格式與JPEG基本相似，其特點(diǎn)就是支持圖片透明。PNG格式支持很多中顏色格式，并且支持fullalpha通道，但是支持動(dòng)畫，網(wǎng)頁中比較小的圖片基本上都是PNG格式。
三、保證網(wǎng)頁設(shè)計(jì)風(fēng)格要與圖形圖像相協(xié)調(diào)
目前，在網(wǎng)絡(luò)上圖片的主要變現(xiàn)形式有退邊圖、四方圖和邊緣模糊圖，每種形式都具有自己的特點(diǎn)，合理的運(yùn)用就會產(chǎn)生不同的視覺效果。所以，就需要在網(wǎng)頁設(shè)計(jì)中對圖形進(jìn)行合理的分配，分清哪些是重要的，哪些是次要的，要盡可能的凸顯出主要圖形的作用，讓網(wǎng)頁設(shè)計(jì)的圖像表現(xiàn)的更加直觀，從而讓網(wǎng)頁的整體設(shè)計(jì)效果得到提高。
四、合理優(yōu)化圖片格式，適合網(wǎng)絡(luò)傳輸
由于網(wǎng)頁設(shè)計(jì)中頁面中的圖像和文字都有一定的規(guī)范空間，為了不影響網(wǎng)頁顯示，就要盡量控制圖像在頁面中占有的空間，降低網(wǎng)頁中圖像顯示的時(shí)間，提高網(wǎng)頁信息傳輸?shù)馁|(zhì)量。一般網(wǎng)頁設(shè)計(jì)人員都會頁面中的文字?jǐn)?shù)量、圖像大小、圖像質(zhì)量進(jìn)行平衡分配，保證頁面的傳輸效果和傳輸速度。具體方式主要由以下幾點(diǎn)：
（一）合理利用圖片格式
在網(wǎng)頁設(shè)計(jì)中，一般的圖片使用GIF和JPEG的差別不是很大，只是GIF格式的使用體積要比JPEG小的多，所以多數(shù)采用GIF格式。但是如果圖片的像素要求達(dá)到640*480以上的大圖片，則應(yīng)該考慮使用JPEG格式的圖片。
（二）對圖片進(jìn)行有效分割
在我們平時(shí)上網(wǎng)下載圖片的時(shí)候，會經(jīng)常發(fā)現(xiàn)這些圖片的文件夾中會存在很多比較小的圖片，而這些小圖片可以組成一幅完整的圖形，所以在設(shè)計(jì)過程中，就會經(jīng)常使用到圖片分割的方法來對圖片進(jìn)行處理，將圖片中要體現(xiàn)的重要部分分割出來，在對其余的區(qū)域進(jìn)行適合的背景處理，從而在本質(zhì)上減少了圖片大小，方便瀏覽和下載。
（三）靈活運(yùn)用圖片處理軟件
在網(wǎng)頁設(shè)計(jì)中如果需要加入高清圖片或者彩色圖片時(shí)，要靈活的運(yùn)用圖片處理軟件對其進(jìn)行預(yù)先剪裁處理，通常使用的是PS軟件和FW軟件，并且圖片剪裁后要符合瀏覽器的支持要求。這里可以考慮PNG格式圖片，雖然不支持動(dòng)畫，但是可以保證圖片更加豐富多彩，但是PNG格式圖片一般都比較大；而對于企業(yè)用于宣傳的產(chǎn)品動(dòng)畫圖片，則可以實(shí)用GIF圖片，可以很好的保留通道和幀圖像，有利于反復(fù)播放[3]。
（四）動(dòng)畫圖片
動(dòng)畫圖片的首選格式便是GIF，當(dāng)然也可以使用flash或javascript特效動(dòng)畫，雖然動(dòng)畫效果要比GIF優(yōu)越，但是占有空間太大，所以就要合理優(yōu)化和平衡網(wǎng)頁的制作設(shè)計(jì)。
（五）增加圖片鏈接方式
在網(wǎng)頁設(shè)計(jì)過程中，有時(shí)候會要求設(shè)計(jì)者在頁面中必須添加高清甚至超清的大圖片，這個(gè)時(shí)候就需要采取間接的方式，先去掉不使用的圖片文件，通過小圖片鏈接瀏覽大圖片需要另置文件夾，從而實(shí)現(xiàn)了網(wǎng)頁加速瀏覽高清圖片。
五、結(jié)語
綜上所述，隨著網(wǎng)絡(luò)媒體技術(shù)發(fā)展的不斷加快，要想把重要的信息傳遞給瀏覽者，就需要提高網(wǎng)頁設(shè)計(jì)的質(zhì)量和藝術(shù)感，要增強(qiáng)對瀏覽者的視覺沖擊，從而有效的吸引更多的人來瀏覽網(wǎng)頁，有利于信息傳達(dá)。所以，運(yùn)用科學(xué)合理的方法對網(wǎng)頁中的圖形圖像處理是非常重要的，既起到承載信息的作用，又能為瀏覽者提供一個(gè)色彩鮮明、內(nèi)容豐富的網(wǎng)頁。
參考文獻(xiàn)：
[1]王燕軍.網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J].電子技術(shù)與軟件工程,2016,(13):104.
[2]林麗紅.網(wǎng)頁設(shè)計(jì)制作中圖形圖像處理技術(shù)的應(yīng)用[J].產(chǎn)業(yè)與科技論壇,2015,(23):50-51.
關(guān)鍵詞：網(wǎng)站建設(shè)；網(wǎng)頁設(shè)計(jì)；安全缺陷
近些年網(wǎng)絡(luò)技術(shù)突飛猛進(jìn)，人們的工作生活都離不開網(wǎng)絡(luò)，更多的企業(yè)以及機(jī)關(guān)單位都開始自行建設(shè)網(wǎng)站從事網(wǎng)絡(luò)宣傳和商務(wù)活動(dòng)，在簡化業(yè)務(wù)流程，提高效率，拓寬業(yè)務(wù)渠道，方便工作生活的同時(shí)，網(wǎng)絡(luò)安全問題也日益突出，研究網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)安全缺陷和對策十分必要。
1網(wǎng)頁設(shè)計(jì)安全缺陷
1.1網(wǎng)站建設(shè)
網(wǎng)絡(luò)技術(shù)快速發(fā)展，網(wǎng)絡(luò)安全技術(shù)逐漸完善，黑客攻擊技術(shù)也不斷更新?lián)Q代，更加先進(jìn)，黑客行為從單純惡意攻擊逐漸轉(zhuǎn)變?yōu)樯虡I(yè)機(jī)密以及個(gè)人隱私的竊取，針對網(wǎng)站的攻擊越來越多，設(shè)計(jì)人員在網(wǎng)站設(shè)計(jì)工作中要對其安全問題充分重視，了解網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)中存在的各種安全缺陷，并在網(wǎng)頁設(shè)計(jì)工作中找尋有效的措施予以解決，提高網(wǎng)站網(wǎng)頁的安全性。網(wǎng)站建設(shè)的基本流程主要有需求分析、美工設(shè)計(jì)、程序開發(fā)、網(wǎng)站運(yùn)營等幾個(gè)步驟，需要設(shè)計(jì)開發(fā)很多配套輔助程序，其中網(wǎng)頁設(shè)計(jì)有著自身的特殊性，程序的安全漏洞更多，安全威脅也嚴(yán)重。
1.2網(wǎng)頁設(shè)計(jì)
網(wǎng)站建設(shè)的目的是為企業(yè)和用戶、政府機(jī)關(guān)和群眾提供便捷的溝通橋梁，利用網(wǎng)站為用戶和群眾提品信息、政策信息，并搜集用戶和群眾的反饋信息，加深用戶和群眾對企業(yè)以及政府機(jī)關(guān)的了解。尤其是電子商務(wù)網(wǎng)站，除了信息溝通之外，還兼具宣傳產(chǎn)品、網(wǎng)絡(luò)營銷等商業(yè)用途，能夠?yàn)槠髽I(yè)提供展示自身產(chǎn)品的平臺，從而進(jìn)一步提高自身產(chǎn)品的知名度，為達(dá)成交易創(chuàng)造機(jī)會，加快企業(yè)發(fā)展。網(wǎng)頁設(shè)計(jì)是網(wǎng)站建設(shè)的核心內(nèi)容之一，網(wǎng)頁設(shè)計(jì)質(zhì)量的好壞對網(wǎng)站建設(shè)的整體質(zhì)量有較大的影響，是網(wǎng)站建設(shè)水平的一個(gè)縮影，也是網(wǎng)站建設(shè)的最終展示效果，經(jīng)過多年發(fā)展，網(wǎng)頁設(shè)計(jì)技術(shù)已經(jīng)逐漸發(fā)展成熟，形成了多種便利的編程工具，網(wǎng)頁設(shè)計(jì)的效率更高，最終表現(xiàn)效果也更生動(dòng)，給網(wǎng)站開發(fā)人員提供了有力的技術(shù)支持。
1.3網(wǎng)頁設(shè)計(jì)安全缺陷威脅
現(xiàn)階段，網(wǎng)頁設(shè)計(jì)中應(yīng)用最為廣泛的服務(wù)器端網(wǎng)頁設(shè)計(jì)技術(shù)主要有動(dòng)態(tài)服務(wù)器頁面（ActiveServerPage，ASP），Java服務(wù)器頁面（JavaServerPages，JSP）以及超文本預(yù)處理器（HypertextPreprocessor，PHP）等幾類，利用腳本語言，就能夠高效管理網(wǎng)站資源，網(wǎng)站使用者和網(wǎng)站之間的交互性更強(qiáng)，功能更加多樣、直觀、簡潔。如果網(wǎng)頁設(shè)計(jì)中存在語言編程問題，用戶在使用過程中就會逐漸形成安全漏洞，為不法分子利用，就可能給企業(yè)造成間接和直接損失。用戶輸入信息不可控，信息不確定性很大，網(wǎng)頁設(shè)計(jì)開發(fā)人員需要充分考慮到這個(gè)問題，詳細(xì)全面分析用戶信息，避免非法信息輸入損害網(wǎng)站安全。網(wǎng)頁腳本語言編輯和服務(wù)器之間有著密切的數(shù)據(jù)連接，關(guān)系到網(wǎng)站設(shè)置和服務(wù)器數(shù)據(jù)，網(wǎng)頁設(shè)計(jì)中的漏洞會影響網(wǎng)站的安全性，增加數(shù)據(jù)被竊取的風(fēng)險(xiǎn)。
2網(wǎng)頁設(shè)計(jì)安全缺陷應(yīng)對措施
網(wǎng)頁設(shè)計(jì)中的安全缺陷會降低網(wǎng)站的安全性能，威脅企業(yè)隱私數(shù)據(jù)安全，現(xiàn)階段，網(wǎng)頁設(shè)計(jì)中存在的安全缺陷主要包括Web安全加固、桌面數(shù)據(jù)庫泄密和文件上傳漏洞等幾方面。
2.1Web安全加固
常規(guī)安全設(shè)備不能抵御應(yīng)用層攻擊，因此互聯(lián)網(wǎng)廠商提供了應(yīng)用層防火墻，以硬件的方式抵御網(wǎng)絡(luò)攻擊，針對SQL注入式攻擊能夠提供數(shù)據(jù)攔截功能。但是針對網(wǎng)頁篡改的攻擊方法多種多樣，攻擊者會想方設(shè)法獲取系統(tǒng)操作權(quán)限并進(jìn)行違法操作。為了避免網(wǎng)頁篡改，設(shè)計(jì)網(wǎng)頁時(shí)要采取措施避免被篡改的網(wǎng)頁流出服務(wù)器，同時(shí)加固網(wǎng)頁使其不容易被修改。當(dāng)前市場上防SQL服務(wù)以硬件的方式實(shí)現(xiàn)，而網(wǎng)頁防篡改則通過網(wǎng)頁設(shè)計(jì)和應(yīng)用程序進(jìn)行，兩種防護(hù)功能的相互整合程度不高。為了整合兩種功能，在內(nèi)核層面，可以將文件目錄以及內(nèi)容修改行為封裝在內(nèi)核入口中，系統(tǒng)利用層次攔截服務(wù)驗(yàn)證修改操作的合法性，非法操作拒絕其調(diào)用函數(shù)進(jìn)入內(nèi)核，并記錄攻擊攔截日志；系統(tǒng)層面，在受保護(hù)頁面和文件目錄對應(yīng)內(nèi)核中設(shè)置防修改Incode節(jié)點(diǎn)位；應(yīng)用層則利用事件觸發(fā)保護(hù)策略監(jiān)控網(wǎng)頁文件和目錄，建立多層安全加固體系，保護(hù)網(wǎng)頁安全。
2.2逃避驗(yàn)證/文件上傳
用戶知道網(wǎng)頁文件名、路徑，就有可能逃避驗(yàn)證，威脅網(wǎng)站安全。網(wǎng)頁如果沒有設(shè)置用戶登錄限制，用戶就可能直接將網(wǎng)頁文件名輸入網(wǎng)頁，無需進(jìn)行登錄驗(yàn)證就能夠獲取網(wǎng)頁內(nèi)容，降低了網(wǎng)站的安全性。為了避免用戶逃避驗(yàn)證，網(wǎng)頁設(shè)計(jì)開發(fā)人員需要注意保護(hù)網(wǎng)頁信息，加密網(wǎng)頁文件名、路徑，重要網(wǎng)站內(nèi)容設(shè)置用戶身份驗(yàn)證，用戶需要驗(yàn)證身份之后再登錄相關(guān)頁面，獲取信息，從而進(jìn)一步提高網(wǎng)頁安全性。很多網(wǎng)站都設(shè)計(jì)了上傳文件功能，視頻網(wǎng)站用戶可以自行上傳視頻，網(wǎng)盤用戶可以上傳自己的各類文件，雖然給用戶帶來了便捷和更多豐富的功能，但也給網(wǎng)站安全性帶來了很大考驗(yàn)。一些網(wǎng)站設(shè)計(jì)開發(fā)工作人員在網(wǎng)頁設(shè)計(jì)中忽視了上傳文件的安全性問題，沒有添加過濾功能，或者過濾參數(shù)設(shè)置不合理，一些不法分子利用文件上傳功能，上傳惡意文件，潛入網(wǎng)站數(shù)據(jù)庫系統(tǒng)進(jìn)行破壞或者信息竊取。為了提高網(wǎng)站文件上傳的安全性，網(wǎng)站網(wǎng)頁設(shè)計(jì)應(yīng)該設(shè)置判斷程序，系統(tǒng)接收文件上傳請求之后首先分析判別其安全性，確認(rèn)其為無威脅文件之后方可完成上傳操作，從而有效避免非法文件、木馬病毒上傳到網(wǎng)站，提高系統(tǒng)安全性。
2.3數(shù)據(jù)庫下載/源代碼泄露
桌面數(shù)據(jù)庫被下載是另一個(gè)嚴(yán)重的網(wǎng)頁設(shè)計(jì)缺陷，ASP+Access應(yīng)用系統(tǒng)更容易出現(xiàn)這個(gè)問題。用戶在一般情況下需要通過網(wǎng)站的用戶登錄和身份驗(yàn)證之后方可下載網(wǎng)站相關(guān)信息，但是在知道Access數(shù)據(jù)庫名稱、路徑之后，數(shù)據(jù)庫中的信息就可以隨意下載，導(dǎo)致數(shù)據(jù)庫機(jī)密敏感信息泄密，給企業(yè)帶來損失。例如圖書館管理系統(tǒng)數(shù)據(jù)庫名稱為Library.mdb，路徑為URL/database，瀏覽器中輸入U(xiǎn)RL/database/Library.mdb，就能夠直接下載該數(shù)據(jù)庫中的信息。為了保護(hù)數(shù)據(jù)庫信息，ASP程序設(shè)計(jì)首選開放數(shù)據(jù)庫互連（OpenDatabaseConnectivity，ODBC）數(shù)據(jù)源，該數(shù)據(jù)源不將數(shù)據(jù)庫名稱直接寫入程序中，不會出現(xiàn)ASP源代碼和數(shù)據(jù)庫名稱一同丟失的情況，除此之外，還應(yīng)該進(jìn)行頁面的加密處理和數(shù)據(jù)庫信息加密處理，保護(hù)數(shù)據(jù)庫內(nèi)部資料。源代碼泄露也嚴(yán)重威脅著網(wǎng)站的安全，網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)中為了避免源代碼泄露，網(wǎng)站頁面代碼都需要加密處理，從而保護(hù)源代碼，提高網(wǎng)站安全性能。常見的ASP加密方法主要有編程邏輯封裝和ASP頁面加密兩種，其中ScriptEncoderASP頁面加密更加常用，有著理想的可編程性，嵌入HTML頁面中的ASP代碼仍然可以使用常用的Dreamweaver等網(wǎng)頁編輯工具完善HTML部分，加密目錄內(nèi)所有ASP文件并統(tǒng)一輸出至指定目錄，操作簡單，安全性高。
2.4網(wǎng)頁篩選過濾
網(wǎng)站服務(wù)器提供了過濾轉(zhuǎn)送機(jī)制，方便網(wǎng)頁設(shè)計(jì)開發(fā)工作人員額外篩選處理網(wǎng)頁數(shù)據(jù)，該機(jī)制能夠于網(wǎng)站服務(wù)器外掛命令文件并編譯執(zhí)行，利用網(wǎng)站服務(wù)設(shè)定，可以轉(zhuǎn)移網(wǎng)頁輸入數(shù)據(jù)至網(wǎng)頁篩選過濾模塊，該模塊接受網(wǎng)頁數(shù)據(jù)之后，獲得其參數(shù)數(shù)據(jù)，并將其傳遞給XML解析器驗(yàn)證，驗(yàn)證成功方可進(jìn)行下一步操作，否則將向用戶端回傳錯(cuò)誤信息；之后輸入數(shù)據(jù)傳遞給MAC模塊，校驗(yàn)數(shù)據(jù)完整性，數(shù)據(jù)完好，可進(jìn)行下一步操作，否則回傳錯(cuò)誤信息；數(shù)據(jù)完整性校驗(yàn)完畢，傳遞給網(wǎng)站應(yīng)用程序，網(wǎng)站應(yīng)用程序回傳Cookies和HTML數(shù)據(jù)，提取HTML數(shù)據(jù)參數(shù)網(wǎng)址和窗體數(shù)據(jù)傳給MAC處理模塊，生成信息驗(yàn)證碼，將其加入Cookie和HTML文件，回傳給客戶端。網(wǎng)頁篩選過濾模塊讀取參數(shù)名稱，判斷該網(wǎng)頁是否有待處理表單，如果沒有參數(shù)名稱則不做處理，有參數(shù)名稱，表示有待處理表單，則逐一提取字段值、Cookies信息，XML解析驗(yàn)證。該功能能夠過濾和分析網(wǎng)頁，實(shí)現(xiàn)流程控制、其他功能模塊調(diào)用和安全校驗(yàn)等功能。
3結(jié)語
信息化進(jìn)程不斷加快，網(wǎng)絡(luò)進(jìn)入了生產(chǎn)生活的方方面面，為人們提供了更加便捷的服務(wù)，網(wǎng)絡(luò)商務(wù)行為也更加普遍，電子商務(wù)、網(wǎng)絡(luò)營銷等網(wǎng)絡(luò)商業(yè)行為對網(wǎng)絡(luò)安全性的要求越來越高，為了保護(hù)網(wǎng)絡(luò)信息，需要采取有效的對策解決網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)中存在的各種安全缺陷，進(jìn)一步提高網(wǎng)站運(yùn)行安全性和穩(wěn)定性。
[參考文獻(xiàn)]
[1]宋鎮(zhèn).基于網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全問題的思考[J].無線互聯(lián)科技，2012（4）：31.
[2]邢太北.分析網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全缺陷及對策[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2012（15）：237-238.
[3]程文彬.基于網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全缺陷及對策[J].電子科技大學(xué)學(xué)報(bào)，2013（6）711-713.
[4]徐曉丹.網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全缺陷及對策分析[J].電子制作，2014（21）：145-146.
[5]王洪海.試析網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全缺陷與解決策略[J].電子制作，2015（1）：83-84.
[6]佚名.自動(dòng)化技術(shù)、計(jì)算機(jī)技術(shù)[J].中國無線電電子學(xué)文摘，2014（4）：120-122.
[7]彭晶，王鵬，趙媛媛，等.網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全漏洞及解決對策[J].科技信息（學(xué)術(shù)研究版），2013（25）：77-78.
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；視覺信息；傳達(dá)；分析
1 網(wǎng)頁中的視覺
網(wǎng)頁的設(shè)計(jì)必須適應(yīng)人們視覺流向的心理和生理的特點(diǎn)，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此，設(shè)計(jì)時(shí)應(yīng)該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。
視覺流程的形成是由人類的視覺特性所決定的。視覺流程往往會體現(xiàn)出比較明顯的方向感，它無形中形成一種脈絡(luò)，似乎有一條線貫穿其中，使整個(gè)版面的運(yùn)動(dòng)趨勢有一個(gè)主旋律。平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。網(wǎng)頁設(shè)計(jì)是一門藝術(shù)和技術(shù)的交叉學(xué)科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸受到人們的重視，因此網(wǎng)頁設(shè)計(jì)逐步產(chǎn)生了審美的需求。人們對美的追求是不斷深入的，網(wǎng)頁設(shè)計(jì)是要制作出清晰、整體性好的頁面。人瀏覽起來心情愉快，接收信息也會更加容易。網(wǎng)頁設(shè)計(jì)是要把傳統(tǒng)平面設(shè)計(jì)中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計(jì)的具體問題相結(jié)合起來，運(yùn)用一些平面設(shè)計(jì)中美的基本形式到網(wǎng)頁中去，增加網(wǎng)頁設(shè)計(jì)的美感和大眾的視覺審美需求。
變化和統(tǒng)一、條理與反復(fù)、對比和調(diào)和、均齊與平衡等對網(wǎng)頁中文字、圖形、色彩的設(shè)計(jì)都是十分有效的視覺規(guī)律。首先，網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程，能自然而有序地達(dá)到信息訴求的重點(diǎn)位置。在我們把大量的信息塞到網(wǎng)頁上去的時(shí)候，考慮怎樣把它們以合理的統(tǒng)一的方式來排布，使整體感強(qiáng)同時(shí)又要有變化；怎樣使它們脈絡(luò)清楚又富有清晰的視覺效果等等。這樣使頁面更豐富，更有生氣，看起來就不感到枯燥。其次，突出主題要素，必須在眾多構(gòu)成要素中突出一個(gè)清楚的主體，它應(yīng)盡可能地成為閱讀時(shí)視線流動(dòng)的起點(diǎn)。如果沒有這個(gè)主體要素，瀏覽者的視線將會無所適從，或者導(dǎo)致視線流動(dòng)偏離設(shè)計(jì)的初衷。網(wǎng)頁設(shè)計(jì)中各構(gòu)成要素在組合時(shí)，要注意其結(jié)構(gòu)的輕重大小、虛實(shí)、多少等對比因素，加強(qiáng)視覺力度，以強(qiáng)化頁面的整體吸引力。
2 網(wǎng)頁設(shè)計(jì)的審美需求
網(wǎng)頁設(shè)計(jì)是一門新興的藝術(shù)和技術(shù)的交叉學(xué)科，它本身以網(wǎng)絡(luò)為載體，把各種信息以最快捷、方便的方式傳達(dá)給受眾，在這種標(biāo)準(zhǔn)的要求下，逐步產(chǎn)生了審美的需求。人們對美的追求是不斷深入的，網(wǎng)頁設(shè)計(jì)同樣如此。需要從審美的方面入手，制作出清晰、整體性好的頁面。人瀏覽起來心情愉快，接收信息也會更加容易。網(wǎng)頁設(shè)計(jì)的審美需求是對平面視覺傳達(dá)設(shè)計(jì)美學(xué)的一種繼承和延伸。兩者的表現(xiàn)形式和目的都有一定的相似性，把傳統(tǒng)平面設(shè)計(jì)中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計(jì)的具體問題相結(jié)合起來，運(yùn)用一些平面設(shè)計(jì)中美的基本形式到網(wǎng)頁中去，增加網(wǎng)頁設(shè)計(jì)的美感和大眾的視覺審美需求。
變化和統(tǒng)一、條理與反復(fù)、對比和調(diào)和、均齊與平衡等對網(wǎng)頁中文字、圖形、色彩的設(shè)計(jì)都是十分有效的視覺規(guī)律。首先，網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程，能自然而有序地達(dá)到信息訴求的重點(diǎn)位置。在我們把大量的信息塞到網(wǎng)頁上去的時(shí)候，考慮怎樣把它們以合理的統(tǒng)一的方式來排布，使整體感強(qiáng)同時(shí)又要有變化。怎樣使它們脈絡(luò)清楚又富有清晰的視覺效果等等。這樣使頁面更豐富，更有生氣，看起來就不感到枯燥。其次，突出主題要素，必須在眾多構(gòu)成要素中突出一個(gè)清楚的主體，它應(yīng)盡可能地成為閱讀時(shí)視線流動(dòng)的起點(diǎn)。如果沒有這個(gè)主體要素，瀏覽者的視線將會無所適從，或者導(dǎo)致視線流動(dòng)偏離設(shè)計(jì)的初衷。網(wǎng)頁設(shè)計(jì)中各構(gòu)成要素在組合時(shí)，要注意其結(jié)構(gòu)的輕重大小、虛實(shí)、多少等對比因素，加強(qiáng)視覺力度，以強(qiáng)化頁面的整體吸引力。作為形式美的法則，隨著時(shí)代的不同而不斷發(fā)展進(jìn)步，特別在生活節(jié)奏如此快的互聯(lián)網(wǎng)時(shí)代，由于追求目標(biāo)的變化，人們的審美觀念也在不斷地變化，但是美的本質(zhì)是一樣的，同時(shí)隨著技術(shù)的發(fā)展，很多目前不容易實(shí)現(xiàn)的審美形式也逐漸被克服，突破帶寬的瓶頸，就會給網(wǎng)頁設(shè)計(jì)的自如發(fā)展帶來一片新的天地。
3 網(wǎng)頁中各構(gòu)成要素分析
對于網(wǎng)頁設(shè)計(jì)來講，其信息內(nèi)容的有效傳達(dá)是通過將各種構(gòu)成要素的設(shè)計(jì)編排來實(shí)現(xiàn)的。網(wǎng)頁的構(gòu)成要素包括文字、圖形、圖像、標(biāo)志、色彩等造型要素及標(biāo)題、信息菜單、信息正文、標(biāo)語、單位名稱等內(nèi)容要素。
3.1 文字的編排與設(shè)計(jì)
文字作為信息傳達(dá)的主要手段目前也是網(wǎng)頁設(shè)計(jì)的主體，文字是網(wǎng)頁中必不可少的元素，也是網(wǎng)頁中的主要信息描述要素，所以網(wǎng)頁中文字將占據(jù)相當(dāng)大的面積，文字表現(xiàn)的好與壞將影響到整個(gè)網(wǎng)頁的質(zhì)量。網(wǎng)頁文字的主要功能是傳達(dá)各種信息，而要達(dá)到這種傳達(dá)的有效性，必須考慮文字編輯的整體效果，能給人以清晰的視覺印象，避免頁面繁雜零亂，減去不必要的裝飾變化，使人易認(rèn)、易懂、易讀。不能為造型而編輯，忘記了文字本身是傳達(dá)內(nèi)容和表達(dá)信息的主題。
和利用紙張閱讀的方式相比，網(wǎng)頁設(shè)計(jì)中的文字的易讀性相對較差，再加上一般的用戶在普通的頁面上花的時(shí)間比較短，所以對于網(wǎng)頁設(shè)計(jì)中的文字編排應(yīng)該滿足以下幾個(gè)要求：第一，文字編排的過程中選擇一些經(jīng)常使用，用戶經(jīng)常見到的字體。第二，盡可能多地使用黑體和宋體，宋體的閱讀方式最便捷，更富有現(xiàn)代氣息。第三，限制頁面風(fēng)格，以突出強(qiáng)調(diào)作用。
3.2 圖片的編排
在網(wǎng)頁設(shè)計(jì)中，圖片可以算得上是最早被使用的元素。這是因?yàn)榫W(wǎng)絡(luò)可以利用圖片傳達(dá)自己的信息，讓用戶更直接的了解，加大了網(wǎng)絡(luò)提供的信息量，再加上圖片的使用在很大的程度上也使頁面更美化。因此，在網(wǎng)頁設(shè)計(jì)中，要想單純文字表達(dá)的信息變得有趣，最簡單的方法就是使用圖片。
4 結(jié)語
在我國不斷發(fā)展的進(jìn)程中，網(wǎng)頁可以說是一種全新的視覺表現(xiàn)形式，不僅包含了平面設(shè)計(jì)的各種理念，還具有跟其他文化不同的優(yōu)點(diǎn)。如果要做好網(wǎng)頁設(shè)計(jì)，絕對不是一件容易的事情，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)涉及了視覺設(shè)計(jì)美學(xué)、人類心理學(xué)、人機(jī)工程等多個(gè)領(lǐng)域。一個(gè)好的網(wǎng)頁設(shè)計(jì)不僅需要設(shè)計(jì)者精心組織內(nèi)容，更需要其對整體視覺的傳達(dá)進(jìn)行科學(xué)的規(guī)劃。在信息技術(shù)飛速發(fā)展的今天，網(wǎng)頁設(shè)計(jì)的價(jià)值不應(yīng)該只局限于提高信息的傳達(dá)效率，還應(yīng)該重視給用戶帶來視覺的審美享受。
參考文獻(xiàn)：
[1] 謝依君.電子報(bào)的新聞介面分析[D].臺北：臺灣國立政治大學(xué)，1999.
網(wǎng)站是互聯(lián)網(wǎng)技術(shù)的基本表現(xiàn)形態(tài)，也是信息輸入和輸出的重要平臺，隨著近年來我國電子商務(wù)產(chǎn)業(yè)的快速發(fā)展，網(wǎng)站建設(shè)的安全性要求也不斷提高。網(wǎng)頁作為網(wǎng)站的基本構(gòu)成要素，往往因?yàn)榇嬖谠O(shè)計(jì)方面的安全缺陷而成為黑客、病毒和木馬威脅的對象，由此造成嚴(yán)重的經(jīng)濟(jì)損失，甚至造成社會恐慌。本文中筆者針對網(wǎng)站建設(shè)的安全性展開研究，以網(wǎng)頁設(shè)計(jì)的安全缺陷為切入點(diǎn)，通過分析并提出相應(yīng)地防治策略。
關(guān)鍵詞：
網(wǎng)站建設(shè);網(wǎng)頁設(shè)計(jì);安全缺陷;防治對策
一直以來，網(wǎng)站建設(shè)中都將安全性作為首要考慮對象，尤其在當(dāng)前互聯(lián)網(wǎng)經(jīng)濟(jì)環(huán)境下，各類網(wǎng)站的運(yùn)營均以會員制度展開，尤其是電子商務(wù)網(wǎng)站，除了用戶的個(gè)人隱私之外，還包括重要的金融信息，很容易被不法分子所覬覦。針對網(wǎng)站的非法行為主要是利用技術(shù)手段找到破綻，從而達(dá)到非法獲利的目的，因此對廣大網(wǎng)站運(yùn)營主體而言，在網(wǎng)站建設(shè)前、中、后期都要做好全面的安全防護(hù)工作；相對而言，網(wǎng)頁設(shè)計(jì)中存在的安全缺陷較多，如權(quán)限級別過高、數(shù)據(jù)庫漏洞等，所以應(yīng)該將其視為網(wǎng)站安全防護(hù)的重點(diǎn)。
1、網(wǎng)站建設(shè)中網(wǎng)頁安全的重要性
狹義上說，網(wǎng)站是由不同功能界面的網(wǎng)頁構(gòu)成的，網(wǎng)頁的形式總體上分為靜態(tài)和動(dòng)態(tài)兩種。靜態(tài)網(wǎng)頁是網(wǎng)站技術(shù)早期的一種形式，通過瀏覽器可以訪問預(yù)先設(shè)計(jì)好的網(wǎng)頁格式，但靜態(tài)網(wǎng)頁中的所有元素都是固定的，如圖片、文字、視頻等，修改工作也基于人工操作完成，信息不會因?yàn)橛脩舻牟僮鞫l(fā)生變化，嚴(yán)格意義上說，靜態(tài)網(wǎng)頁除了IP之外不存在其他“入口”。然而，靜態(tài)網(wǎng)頁顯然不符合網(wǎng)站建設(shè)的發(fā)展趨勢，隨著用于規(guī)模擴(kuò)大、信息容量增加，網(wǎng)站逐漸采取了動(dòng)態(tài)技術(shù)，如PHP、ASP、C++等，其優(yōu)勢在于網(wǎng)頁內(nèi)容可根據(jù)用戶操作發(fā)生相應(yīng)的變化，反饋用戶所需要的信息，換而言之，基于服務(wù)器中斷的網(wǎng)頁設(shè)計(jì)中包含了大量腳本語言，利用程式化優(yōu)勢來提高網(wǎng)站資源的統(tǒng)籌和管理效率，而“網(wǎng)頁”變成一種臨時(shí)性的調(diào)用元素“集合”，當(dāng)用戶需要某一網(wǎng)頁形式時(shí)，腳本語言直接從數(shù)據(jù)庫中調(diào)取相應(yīng)的元素，如用戶登錄網(wǎng)頁和注冊網(wǎng)頁中存在的“驗(yàn)證碼”部分，事實(shí)上屬于同一種驗(yàn)證機(jī)制。理論上說，任何一種系統(tǒng)都存在漏洞，以技術(shù)實(shí)現(xiàn)的網(wǎng)站系統(tǒng)更是如此，在動(dòng)態(tài)網(wǎng)頁驅(qū)使下產(chǎn)生的安全缺陷更多，具有高超計(jì)算機(jī)程度能力的黑客只需要簡單的步驟就可以找到“突破口”。
2、網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全缺陷分析
目前在國內(nèi)網(wǎng)站技術(shù)背景下，常見的網(wǎng)頁設(shè)計(jì)安全缺陷主要有以下幾種表現(xiàn)。
2.1驗(yàn)證安全缺陷
驗(yàn)證安全缺陷是目前國內(nèi)網(wǎng)站中最為常見的一種，尤其是在大量自主開發(fā)網(wǎng)站中，其源程序和代碼均來源于網(wǎng)絡(luò)，難免存在一些設(shè)計(jì)缺陷。驗(yàn)證機(jī)制最早是針對惡意注冊、網(wǎng)絡(luò)攻擊而開發(fā)的，最早出現(xiàn)與一些公眾交流平臺，如論壇、貼吧、聊天室等，由于它可以很好地保護(hù)網(wǎng)絡(luò)的通暢性，因此迅速的在廣大網(wǎng)站中流行開來。但是，登錄驗(yàn)證機(jī)制只是網(wǎng)站安全的“最低門檻”，雖然通過提高驗(yàn)證復(fù)雜性來規(guī)避惡意注冊，卻不能將其視為保護(hù)網(wǎng)站安全的唯一途徑。事實(shí)上，驗(yàn)證機(jī)制由于和服務(wù)器、數(shù)據(jù)庫之間的密切聯(lián)系，很可能成為一個(gè)被刻意攻擊的對象，而對于網(wǎng)站程序員而言，很少會刻意強(qiáng)化一個(gè)本質(zhì)上屬于“安全機(jī)制”的組件，一旦登錄驗(yàn)證被攻破，網(wǎng)站的整個(gè)安全性也就隨之降低。
2.2地址安全缺陷
通過SQL注入的方法可以欺騙服務(wù)器，找出網(wǎng)站數(shù)據(jù)庫存在的安全漏洞，從而進(jìn)行非法活動(dòng)，尤其在以WEB表單遞交查詢關(guān)鍵字的網(wǎng)站系統(tǒng)中，黑客可以繞過敏感網(wǎng)頁的權(quán)限直接進(jìn)入后臺頁面，這一缺陷在國內(nèi)大量成品網(wǎng)站中十分突出，如事業(yè)單位、企業(yè)單位、個(gè)人網(wǎng)站中，長期忽視安全級別更新，不法分子在得知某一個(gè)網(wǎng)頁的文件名、路徑、元素之后，能夠繞過登錄、注冊和驗(yàn)證機(jī)制。
2.3防護(hù)安全缺陷
病毒和木馬是人為制造出來的計(jì)算機(jī)惡性應(yīng)用程序（或代碼），也是針對網(wǎng)站展開攻擊頻率最高的一種形式，不法分子只需要制造并傳播病毒、木馬即可，而不需要親自操作。以計(jì)算機(jī)網(wǎng)絡(luò)病毒為例，一旦被激活之后就會迅速感染計(jì)算機(jī)文件，并通過正常的網(wǎng)站操作進(jìn)入網(wǎng)站系統(tǒng)，從而對整個(gè)網(wǎng)站的安全產(chǎn)生威脅。事實(shí)上，網(wǎng)站空間中的病毒也常常偽裝為網(wǎng)頁文件（如.ASP/.PHP等）、圖片、壓縮文檔等形式，讓人真假難辨，且十分頑固、難以清除。
3、網(wǎng)頁設(shè)計(jì)的安全缺陷防治對策
結(jié)合現(xiàn)狀來說，網(wǎng)站建設(shè)技術(shù)已經(jīng)相對穩(wěn)定，在安全防護(hù)機(jī)制上重點(diǎn)突出硬件的特征，但網(wǎng)頁作為一個(gè)基本因素也不可掉以輕心，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)的安全缺陷不僅僅是技術(shù)方面造成的，還與設(shè)計(jì)人員自身的安全意識相關(guān)。在網(wǎng)站建設(shè)技術(shù)日益成熟、防范殺毒系統(tǒng)（包括硬件）功能不斷增強(qiáng)的前提下，人為因素導(dǎo)致的安全缺陷開始增加，由于設(shè)計(jì)人員缺乏足夠的安全意識，在網(wǎng)頁設(shè)計(jì)過程中會忽略大量的安全要素。第一，加強(qiáng)網(wǎng)站源代碼的保護(hù)力度。在網(wǎng)絡(luò)資源免費(fèi)共享的誘惑下，大量開源網(wǎng)站代碼被植入到網(wǎng)站設(shè)計(jì)中，一些設(shè)計(jì)人員為了節(jié)省開發(fā)成本，對于安全級別較高的網(wǎng)頁缺乏審查，增加了后門和漏洞的風(fēng)險(xiǎn)。因此，在網(wǎng)站運(yùn)行前和運(yùn)行中都應(yīng)該不斷進(jìn)行網(wǎng)頁安全級別測試，及時(shí)法相存在的問題。第二，提高驗(yàn)證機(jī)制的安全性水平。目前，驗(yàn)證機(jī)制不僅僅被用于注冊、登陸，包括下載、修改、刪除等操作也大量存在，客觀上為網(wǎng)站入侵提供了更多的渠道。對于涉及驗(yàn)證機(jī)制的網(wǎng)頁或組件應(yīng)該提升安全級別，如設(shè)計(jì)二次登陸或加密算法。第三，重視文件上傳內(nèi)容的健康性。為了吸引用戶，一些網(wǎng)站提供了大量的免費(fèi)空間服務(wù)，這也是一個(gè)典型的安全漏洞，特別是在局域網(wǎng)絡(luò)中，如公司內(nèi)部網(wǎng)、校園網(wǎng)、網(wǎng)絡(luò)硬盤等空間中，一些被巧妙偽裝的病毒、木馬也可以上傳成功，從而產(chǎn)生嚴(yán)重的安全問題；因此，在提供免費(fèi)空間服務(wù)的網(wǎng)頁界面中，要提高對上傳者的身份驗(yàn)證、權(quán)限驗(yàn)證和內(nèi)容審查力度，加強(qiáng)文件信息和數(shù)據(jù)過濾的強(qiáng)度。
參考文獻(xiàn)
[1]楊杰.網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全缺陷及對策分析[J].無線互聯(lián)科技,2016,(20):43-44.
[2]趙磊.高校網(wǎng)站建設(shè)安全問題分析與對策[J].軟件,2015,(09):104-105+112.
[3]王洪海.試析網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全缺陷與解決策略[J].電子制作,2015,(01):83-84.
1電子商務(wù)網(wǎng)絡(luò)營銷中視覺藝術(shù)表現(xiàn)的網(wǎng)頁設(shè)計(jì)的獨(dú)特性
20世紀(jì)90年代以來，隨著互聯(lián)網(wǎng)的迅猛發(fā)展，網(wǎng)頁設(shè)計(jì)變得更為理性，在設(shè)計(jì)中追求創(chuàng)新，尋求網(wǎng)頁設(shè)計(jì)的可能性，創(chuàng)造出獨(dú)特的和視覺風(fēng)格。在此理念之下，靈活運(yùn)用符合現(xiàn)代審美意識、時(shí)尚新穎的視覺審美設(shè)計(jì)原則，在網(wǎng)絡(luò)媒介中充分結(jié)合視覺媒體，拓寬電子商務(wù)的傳播形式，使包括商務(wù)在內(nèi)的信息傳遞更加直觀，對電子商務(wù)網(wǎng)絡(luò)營銷起到很好的視覺傳達(dá)作用。相對傳統(tǒng)靜態(tài)的網(wǎng)頁，基于人們生理和心理特征的新視覺設(shè)計(jì)以動(dòng)態(tài)交互式為特點(diǎn)，具有趣味性、交互性、個(gè)性化特點(diǎn)。迎合現(xiàn)代高速發(fā)展的訊息技術(shù)，網(wǎng)頁設(shè)計(jì)、表現(xiàn)形式與設(shè)計(jì)風(fēng)格隨之不斷延展。在視覺藝術(shù)層面上，設(shè)計(jì)師首先要考慮網(wǎng)頁設(shè)計(jì)中字體、配色、版式等視覺設(shè)計(jì)的基本元素的合理運(yùn)用，在訊息技術(shù)層面，設(shè)計(jì)要考慮的是視覺設(shè)計(jì)如何適應(yīng)新技術(shù)條件下的網(wǎng)頁革新需求：涉及到網(wǎng)頁平臺上商務(wù)電子信息與用戶（淺層意義上說是頁面瀏覽者，或則說是目標(biāo)用戶或潛在用戶）之間的溝通，這種溝通有別于傳統(tǒng)傳播媒介，是互動(dòng)交互式的。網(wǎng)頁平臺對電子商務(wù)信息的表達(dá)方式在傳達(dá)形式上是結(jié)合音效的二維視覺視屏、或則多維空間展示、更高層次上是虛擬信息的表達(dá)，引領(lǐng)客戶的消費(fèi)心理。有好的電子商務(wù)平臺設(shè)計(jì)并不能確定宣傳代表的產(chǎn)品就一定成功，但可以肯定的是這些可以為實(shí)際生產(chǎn)的產(chǎn)品加分，為產(chǎn)品創(chuàng)造獨(dú)特的風(fēng)格和視覺感受。視覺表現(xiàn)形式的個(gè)性表現(xiàn)、設(shè)計(jì)與程序技術(shù)的完美結(jié)合、用戶的使用感受以及交互性是必須考慮的幾個(gè)要素。對于設(shè)計(jì)師來說，網(wǎng)頁設(shè)計(jì)相對與紙質(zhì)媒介，有著更為靈活的創(chuàng)意空間，在琳瑯滿目的電子設(shè)備平臺上，要想吸引瀏覽者的關(guān)注和視覺停留，網(wǎng)頁設(shè)計(jì)的創(chuàng)新和視覺吸引力是一個(gè)很大的挑戰(zhàn)。也就是說要突出電子商務(wù)網(wǎng)頁設(shè)計(jì)的革新與個(gè)性特征，這樣所要傳達(dá)的電子訊息通過卓爾不群的動(dòng)態(tài)網(wǎng)頁視覺設(shè)計(jì)信息傳達(dá)給人留下深刻印象，達(dá)到電子商務(wù)的營銷目的。因?yàn)殡娮用浇榕c人們生活的密切性，瀏覽電子商務(wù)平臺，并按照引導(dǎo)商務(wù)網(wǎng)頁設(shè)置的參與體驗(yàn)，創(chuàng)意與個(gè)性的電子商務(wù)網(wǎng)頁訊息就會不斷通過網(wǎng)絡(luò)平臺，經(jīng)常性多渠道的出現(xiàn)在用戶視野。根據(jù)視覺設(shè)計(jì)的原則，視覺形象尤其是動(dòng)態(tài)的，其直觀深刻的第一印象可以刺激用戶的深層記憶，尤其是在很大程度上用戶對網(wǎng)站的期望值有著非同一般的提升，從而增強(qiáng)用戶對產(chǎn)品信息的信任度。具體到視覺設(shè)計(jì)，和一般紙質(zhì)媒介設(shè)計(jì)有所區(qū)別，欄式結(jié)構(gòu)排版是網(wǎng)頁設(shè)計(jì)常用樣式，欄式排版主要通過豎分方式分隔頁面信息，常見是二欄、三欄和四欄。當(dāng)然分欄多少主要是根據(jù)電子商務(wù)訊息，同時(shí)結(jié)合頁面設(shè)計(jì)效果。根據(jù)我們?nèi)粘Ｋ姶笮烷T戶類網(wǎng)站，傳統(tǒng)的三欄式排版形式是他們通用的排版形式。不拘泥于傳統(tǒng)的頁面布局，創(chuàng)造不同布局、質(zhì)感與肌理和風(fēng)格的設(shè)計(jì)，是電子商務(wù)網(wǎng)絡(luò)營銷中視覺藝術(shù)的能力和可能所在。需要說明的是，有效表達(dá)視覺設(shè)計(jì)，增強(qiáng)網(wǎng)頁訊息的效果，除了符合審美的網(wǎng)頁欄式分割方式以外，還可以通過字體表達(dá)、圖片位置、經(jīng)營位置，動(dòng)態(tài)圖片插入，多變生成各類形式，生動(dòng)新穎的表達(dá)電子商務(wù)信息的頁面，進(jìn)而利于商務(wù)信息的有效傳播。
2電子商務(wù)網(wǎng)絡(luò)營銷中視覺藝術(shù)構(gòu)成元素的重要性
從專業(yè)技術(shù)上來說，網(wǎng)頁概念中表現(xiàn)為HTML靜態(tài)頁面，由網(wǎng)頁瀏覽器直接瀏覽我們所說的頁面上的各種動(dòng)畫、滾動(dòng)字幕等視覺上的“動(dòng)態(tài)效果”，不是實(shí)際意義上的網(wǎng)頁的靜動(dòng)態(tài)概念。網(wǎng)頁設(shè)計(jì)是一項(xiàng)藝術(shù)性很強(qiáng)的工作，合理的運(yùn)用網(wǎng)頁的基本元素是網(wǎng)頁設(shè)計(jì)過程中需要考慮的重要問題。一般意義上網(wǎng)頁設(shè)計(jì)的基本元素主要包括：文本、圖像、動(dòng)畫、音頻、視頻等。電子商務(wù)網(wǎng)絡(luò)營銷信息大多數(shù)以文本為主，文本是幾乎是所有網(wǎng)頁中運(yùn)用最為廣泛的元素之一。文本可以說是網(wǎng)頁存在的基礎(chǔ)，在網(wǎng)頁設(shè)計(jì)中可以通過設(shè)置字體、字號、顏色、背景等屬性來改變文本的視覺效果。在電子商務(wù)網(wǎng)絡(luò)營銷界面中適當(dāng)運(yùn)用圖像，可以豐富頁面的視覺效果。目前網(wǎng)頁支持的圖像格式主要有三種：JPEG(包括JPG)、GIF和PNG格式，其中后兩種支持透明背景。由于受網(wǎng)速限制，實(shí)際應(yīng)用中網(wǎng)頁使用的圖像被分割為多個(gè)部分，然后再利用排版技術(shù)，將分割圖像拼合起來，以提高圖像在瀏覽器中的運(yùn)行速度。交互過程中作為視覺設(shè)計(jì)最基本元素，點(diǎn)、線、面合理有效運(yùn)用是我們在網(wǎng)頁設(shè)計(jì)需要考慮的要素。點(diǎn)能有效地吸引視線，作為一種抽象元素，結(jié)合電子商務(wù)產(chǎn)品信息，通過動(dòng)態(tài)交互與音效配合來設(shè)計(jì)出電子商務(wù)網(wǎng)絡(luò)營銷界面。線變化網(wǎng)頁空間，追求更新穎的設(shè)計(jì)形式與美感更易于用戶獲取信息、易于瀏覽者閱讀。面的分割可以理解為各種比例的面所產(chǎn)生的形式美感，強(qiáng)烈的透視動(dòng)感，大面積的色塊對比，版面分割，獲得秩序的美感。色彩視覺元素應(yīng)用與二維視角的網(wǎng)頁設(shè)計(jì)，三維視角的色彩圖形的空間變化，色塊的位置空間變化都突破了二維視覺下的設(shè)計(jì)形式，提高網(wǎng)頁的設(shè)計(jì)自由度，形成統(tǒng)一的網(wǎng)頁視覺形象。動(dòng)畫能使電子商務(wù)網(wǎng)絡(luò)營銷界面網(wǎng)頁效果更加豐富，富于動(dòng)感。目前在網(wǎng)頁設(shè)計(jì)中使用的動(dòng)畫主要是Flas和GIF動(dòng)畫。前者運(yùn)用較為廣泛，后者主要用于站標(biāo)、廣告條等組件。在網(wǎng)頁中插入背景音樂，可以提高電子商務(wù)網(wǎng)絡(luò)營銷界面網(wǎng)頁內(nèi)容對訪問者的吸引力，目前，網(wǎng)頁上使用廣泛的音頻格式主要有MP3、MIDI、WAV格式。需要注意的是我們添加背景音樂的同時(shí)，針對訪問者不同的需求，應(yīng)該提供給訪問者一種關(guān)閉音樂的方法。否則會不斷重復(fù)播放音樂。隨著網(wǎng)絡(luò)寬帶的不斷增加，在電子商務(wù)網(wǎng)絡(luò)營銷界面網(wǎng)頁中使用視頻越來越多。視頻和音頻一樣，都是與文件類型相對應(yīng)的插件來進(jìn)行播放的，在網(wǎng)頁中添加視頻可以大大增加站點(diǎn)的可讀性，視頻的直觀性可以給電子商務(wù)網(wǎng)絡(luò)營銷界面訪問者帶來很大的視覺沖擊力。
3結(jié)論
網(wǎng)頁設(shè)計(jì)必然要服務(wù)于電子商務(wù)網(wǎng)站的主題。電子商務(wù)網(wǎng)絡(luò)營銷平臺設(shè)計(jì)與電子商務(wù)主題以電子技術(shù)為基礎(chǔ)，以互聯(lián)網(wǎng)為平臺，以視覺藝術(shù)為表達(dá)手段，網(wǎng)頁設(shè)計(jì)文本、圖像、動(dòng)畫，音頻、視頻等基本元素，以點(diǎn)、線、面、體、色彩等為設(shè)計(jì)要素，在網(wǎng)頁設(shè)計(jì)中可以通過設(shè)置字體、字號、顏色、背景等屬性來改變文本的視覺效果，藝術(shù)和技術(shù)相結(jié)合，既滿足使用者信息瀏覽的需求，重要的是創(chuàng)造愉悅的視覺環(huán)境。技術(shù)與藝術(shù)的緊密結(jié)合在電子商務(wù)網(wǎng)絡(luò)營銷平臺設(shè)計(jì)中顯得尤為重要。
作者：周歡單位：江蘇聯(lián)合職業(yè)技術(shù)學(xué)院連云港財(cái)經(jīng)分院
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；視覺語言；審美性表現(xiàn)
隨著信息時(shí)代的迅速發(fā)展，網(wǎng)絡(luò)早已成為一種新的信息傳播工具，與現(xiàn)代人的生活息息相關(guān)，成為人們生活中不可缺少的一部分。目前瀏覽者對網(wǎng)站視覺藝術(shù)設(shè)計(jì)的審美要求越來越高，新的網(wǎng)站層出不窮，很多網(wǎng)頁設(shè)計(jì)包羅萬象，各有特色。網(wǎng)頁設(shè)計(jì)的核心價(jià)值是信息傳遞，圖文信息的傳達(dá)需要滿足人們的審美需求，更需要一個(gè)系統(tǒng)的、強(qiáng)有力的理念做支撐。在多元化的視覺設(shè)計(jì)時(shí)代，針對網(wǎng)頁設(shè)計(jì)中視覺語言的審美性研究就顯得非常必要。魯?shù)婪蛟凇兑曈X思維》中提出：“視覺具有選擇性，這樣就可以使瀏覽者的注意力集中在最喜歡的東西上。”[1]58生物通常會被環(huán)境中充滿美感的事物所吸引，通過視覺分辨事物的好壞，做出反應(yīng)，從而決定是否觀看欣賞。網(wǎng)頁設(shè)計(jì)中視覺語言的表現(xiàn)能否吸引人們的目光，在于其形式內(nèi)容的審美性表達(dá)效果以及視覺元素的形式原理在網(wǎng)頁設(shè)計(jì)中的具體應(yīng)用。只有強(qiáng)調(diào)技術(shù)與藝術(shù)完美結(jié)合，才能有效地面向未來的網(wǎng)頁設(shè)計(jì)，滿足廣大瀏覽者的視覺審美享受。
一、網(wǎng)頁設(shè)計(jì)中文字的審美性表現(xiàn)
文字在網(wǎng)頁版面中占據(jù)大量的空間，是網(wǎng)頁信息所用的主要形式。文字不僅是網(wǎng)頁中信息傳播的主要載體，更是有效信息傳達(dá)最直接的途徑。為了更好地傳達(dá)信息，在進(jìn)行文字設(shè)計(jì)時(shí)首先要考慮是否給瀏覽者清晰的視覺印象，其次一定要避免復(fù)雜凌亂，在字號的大小上要做到恰到好處。雖然電腦中可選擇的字體很多，但是字體的風(fēng)格要統(tǒng)一，種類要精簡，視覺上需要強(qiáng)調(diào)清晰、舒適感。除此之外，還要斟酌文字的大小、疏密、用色等的變化，以此來體現(xiàn)設(shè)計(jì)者對文字的審美表現(xiàn)。所以設(shè)置與選擇字體在網(wǎng)頁設(shè)計(jì)中顯得非常重要。
（一）文字的大小、字體與行距設(shè)置
網(wǎng)頁設(shè)計(jì)中文字要根據(jù)網(wǎng)頁版式中的信息內(nèi)容進(jìn)行設(shè)計(jì)，通常狀況下網(wǎng)頁正文的字體大小設(shè)置為12磅左右，這是最適合正文的字號。網(wǎng)頁版式設(shè)計(jì)是通過文字的變形、組織、圖形化來表現(xiàn)的，設(shè)計(jì)者應(yīng)統(tǒng)籌規(guī)劃，通過字體的巧妙應(yīng)用使瀏覽者觀看網(wǎng)頁時(shí)能感受到版式的審美性與創(chuàng)意性。還可以利用字體屬性將文字的方向、大小進(jìn)行變化并組合在一起，加強(qiáng)視覺節(jié)奏感，增強(qiáng)信息傳達(dá)效果，給人以生動(dòng)活潑的美感。對文字的設(shè)計(jì)首先要了解字體的個(gè)性特征，漢字的基本字體是黑體和宋體，在網(wǎng)頁版式設(shè)計(jì)中使用最為廣泛。正文與標(biāo)題文字的字體選擇要考慮是否與主題情感表達(dá)相呼應(yīng)，正文字體需選用中性情感的表述方式，不宜表達(dá)過分的情感體現(xiàn)。網(wǎng)頁設(shè)計(jì)中對文本的可讀性產(chǎn)生很大影響的因素便是文字的行距變化，行距可以大致分為正常、緊湊、疏密三種類型。一般情況下，比較適合正文的行距是接近字體的尺寸大小。行距的常規(guī)比例為10:12，這主要是因?yàn)樾芯噙^寬會導(dǎo)致一行文字失去較好的延續(xù)性。行距本身也是具有很強(qiáng)表現(xiàn)力的設(shè)計(jì)語言，標(biāo)準(zhǔn)的行距設(shè)置會在版面中形成有效的平行空白帶，容易產(chǎn)生視覺上的秩序感，能引導(dǎo)讀者的目光。在進(jìn)行文字設(shè)置時(shí)，可以有意識地調(diào)整版面的行距，通過加強(qiáng)視覺彈性與空間層次來表達(dá)輕松舒展的情緒，增強(qiáng)文字的可讀性與審美性。[2]32
（二）文字的整體編排
網(wǎng)頁設(shè)計(jì)中文字部分的標(biāo)題位置一般在整篇文章之首，但這不是不可改變的，有時(shí)需要做橫向、居中、豎向等編排調(diào)整，不過需要了解字體效果，這種效果可以影響并強(qiáng)化文字的含義。正文中文字需要從左到右對齊，這樣既符合人們的閱讀習(xí)慣又能使文字顯得美觀、嚴(yán)謹(jǐn)、自然，反之則因不太符合人們的閱讀習(xí)慣而很少應(yīng)用。排版時(shí)如果文字較少，可以把整行文字作為編排構(gòu)成元素中的線來看待。這種編排方式使網(wǎng)頁中文字產(chǎn)生對稱的形式美感，更加突出，很方便瀏覽者閱讀。標(biāo)題與正文要區(qū)分字號大小，主要信息和次要信息也可以用字體的粗細(xì)區(qū)分，這樣就因疏密虛實(shí)在視覺上顯得飄逸跳躍，增強(qiáng)了文字的節(jié)奏美與韻律美。如果將文字繞圖形編排，會令人感到融洽、自然。
二、網(wǎng)頁設(shè)計(jì)中圖形的審美性表現(xiàn)
優(yōu)秀的網(wǎng)頁除了具有充滿美感的文字形式之外，圖形的表現(xiàn)功能也不可忽視。圖形屬于直觀表達(dá)形式的視覺語言，圖形在網(wǎng)頁中占據(jù)了比較重要的位置，能引起人們的視覺注意力，增強(qiáng)閱讀的興趣。在現(xiàn)今的網(wǎng)絡(luò)中可以用圖文并茂的形式向用戶提供信息，在加大信息量的同時(shí)也要加強(qiáng)圖形與文字之間的組合。如果文字或者圖形中某個(gè)元素過多，網(wǎng)頁就會顯得不舒暢而失去生機(jī)。所以要根據(jù)網(wǎng)頁的內(nèi)容按照審美原理運(yùn)用圖形，美化網(wǎng)頁的版面效果，提高網(wǎng)頁的美學(xué)價(jià)值，給人比較強(qiáng)烈的視覺信息。
（一）網(wǎng)頁設(shè)計(jì)中圖像的設(shè)計(jì)表現(xiàn)形式
現(xiàn)代網(wǎng)頁中的圖形語言在應(yīng)用中是多元化的，如通過攝影、手繪、電腦制作等多種方式來完成網(wǎng)頁中的圖形設(shè)計(jì)，表現(xiàn)網(wǎng)頁主題。網(wǎng)頁設(shè)計(jì)中圖形的選擇要以能夠體現(xiàn)設(shè)計(jì)者的審美性和強(qiáng)化網(wǎng)頁視覺表現(xiàn)力為主，對選擇的圖形應(yīng)該從數(shù)量、像素大小、位置及主體方面考慮，力求使畫面和諧而又有變化，這樣才能最大程度上強(qiáng)化網(wǎng)頁版面的視覺表現(xiàn)效果。在網(wǎng)頁設(shè)計(jì)中進(jìn)行圖形編排設(shè)計(jì)時(shí)，設(shè)計(jì)者要依據(jù)版式的內(nèi)容與形式找到適合版式語言的圖形，遵循審美規(guī)律，設(shè)計(jì)要人性化，這樣才能有助于信息傳達(dá)。在網(wǎng)頁設(shè)計(jì)中靜態(tài)圖像的表現(xiàn)形式主要有出血圖、方形圖和退底圖。出血圖是圖像充滿版面、無邊框、一邊或幾個(gè)邊向外擴(kuò)張和舒展的圖像，其表現(xiàn)特點(diǎn)是充滿頁面而不受邊框限制，給人的視覺感受是與人更加接近，便于情感交流。方形圖則是以直線邊框來限制和規(guī)范，是一種比較簡潔單純的形態(tài)，在網(wǎng)頁設(shè)計(jì)中比較常見，能夠使主體形象與環(huán)境共融，圖像頁面中方形圖最能體現(xiàn)靜止、嚴(yán)謹(jǐn)和莊重的視覺風(fēng)格。將精選的圖像沿邊緣裁切后保留輪廓，有選擇性地保留主題形象需要的視覺形式的圖像為退底圖。退底圖表現(xiàn)個(gè)性突出，形式更加自由，圖像在頁面中彰顯動(dòng)態(tài)、活潑和輕松的視覺風(fēng)格。在網(wǎng)頁設(shè)計(jì)中應(yīng)用退底圖可以使圖文結(jié)合自然，產(chǎn)生較強(qiáng)的親和力，容易給瀏覽者留下深刻的視覺印象。
（二）網(wǎng)頁設(shè)計(jì)中圖形的編排構(gòu)成表現(xiàn)
圖形在網(wǎng)頁設(shè)計(jì)中的引入大大美化了網(wǎng)絡(luò)頁面的美感，起到了裝飾、點(diǎn)綴頁面的效果。圖形是網(wǎng)頁設(shè)計(jì)中最直觀的傳遞信息的語言，圖形的位置、形式、方向直接關(guān)系到網(wǎng)頁的視覺傳達(dá)效果。特別是在處理和相關(guān)文字編排在一起的圖像時(shí)，更需要注意圖形的編排表現(xiàn)。在版面構(gòu)圖布局與排版中，四角與對角線共同支撐版面的結(jié)構(gòu)與形式，具有潛在的重要性。其中版面各邊界連接的四點(diǎn)構(gòu)成四角，分別經(jīng)過版面中心邊界的端點(diǎn)；連接四角的對向斜線為對角線，對角線交叉點(diǎn)就是版心。在版面設(shè)計(jì)布局時(shí)，四角與對角線可使版面的結(jié)構(gòu)形式產(chǎn)生豐富多變的構(gòu)成特點(diǎn)，可支配版面的中軸四點(diǎn)。中軸四點(diǎn)是分別經(jīng)過版式中心的水平線和垂直線的端點(diǎn)，四點(diǎn)可向上下左右移動(dòng)調(diào)節(jié)，產(chǎn)生橫、豎、居中的分布形式。四角與四點(diǎn)的合理應(yīng)用可使版面形式得到有益補(bǔ)充，同時(shí)把握好空間布局結(jié)構(gòu)與圖形的主次分布，從而使版面構(gòu)成更加豐富、完美。
（三）網(wǎng)頁設(shè)計(jì)中圖像的處理
網(wǎng)頁設(shè)計(jì)中靜態(tài)圖像的表現(xiàn)通常由表現(xiàn)內(nèi)容決定，而選用圖像的數(shù)量、形狀、大小則與網(wǎng)頁背景色面積大小在視覺上要比例協(xié)調(diào)。圖像的外形能使頁面的氛圍發(fā)生改變，一般而言，方形穩(wěn)重、嚴(yán)肅，圓形或曲線外形柔美、動(dòng)感，三角形彰顯銳利，退底圖及一些不規(guī)則或不帶邊框的圖像顯得活潑。圖像的形狀直接影響瀏覽者的興趣，圖像的大小由其需要表現(xiàn)的重要程度決定。在一個(gè)頁面中，視覺焦點(diǎn)位置的大圖像較能吸引視覺目光，更能傳達(dá)強(qiáng)烈的情感交流；小圖像既小巧精致又簡潔可愛，穿插在大量文字排版中更能呼應(yīng)主題、點(diǎn)綴頁面。圖像大小的運(yùn)用體現(xiàn)了頁面設(shè)計(jì)的和諧均衡與對比變化，也避免了因頁面中只有大圖像而顯得單調(diào)無聊和只有小圖像或文字而顯得平淡乏味。[3]65-67一般情況下，應(yīng)根據(jù)主次關(guān)系合理安排大小圖像，這樣才能使頁面主次分明、對比強(qiáng)烈、生動(dòng)活躍。這樣的設(shè)計(jì)能夠吸引人們的視線在頁面上流動(dòng)，使瀏覽者得到舒適的觀賞體驗(yàn)。因此，優(yōu)秀的網(wǎng)頁設(shè)計(jì)頁面應(yīng)該增加主體圖像所占空間，縮小次要圖形面積，使圖像主次分明，大小圖像穿插、組合合理，從而得到最佳的視覺應(yīng)用及表達(dá)效果。
三、網(wǎng)頁設(shè)計(jì)中色彩的審美性表現(xiàn)
在網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用起到至關(guān)重要的作用，而且色彩的審美性是影響瀏覽者視覺心理的有效手段。對色彩的選擇與綜合運(yùn)用能夠體現(xiàn)網(wǎng)頁的審美標(biāo)準(zhǔn)與形象內(nèi)涵。為實(shí)現(xiàn)吸引客戶和傳達(dá)信息的目的，網(wǎng)頁設(shè)計(jì)中的色彩運(yùn)用可以更加豐富但不能太多，色彩太多容易造成頁面眼花繚亂，沒有主次；純度也不能太高，否則會造成瀏覽者的視覺疲勞。色彩的運(yùn)用要恰如其分，使頁面更活潑，不能喧賓奪主。所以設(shè)計(jì)者要掌握色彩的審美原理，最大限度地發(fā)揮色彩在網(wǎng)頁設(shè)計(jì)中的作用。
（一）網(wǎng)頁設(shè)計(jì)主題色彩的確定
網(wǎng)頁設(shè)計(jì)中色彩的應(yīng)用由網(wǎng)頁主題決定，不僅要保持整個(gè)網(wǎng)頁色調(diào)的統(tǒng)一，還要運(yùn)用輔助色使內(nèi)容整體中有變化，增強(qiáng)視覺美觀性。不同的色彩搭配使瀏覽者得到不同的視覺情緒。通常狀況下網(wǎng)頁主題色彩的確定來源于企業(yè)視覺識別系統(tǒng)設(shè)計(jì)中的輔助色和標(biāo)準(zhǔn)色。標(biāo)準(zhǔn)色的確立及選用要能夠體現(xiàn)企業(yè)內(nèi)涵及形象特征，主要用于企業(yè)形象視覺識別系統(tǒng)及標(biāo)識等一切宣傳物品，網(wǎng)頁設(shè)計(jì)中主色塊和主菜單也使用標(biāo)準(zhǔn)色。輔助色則在這個(gè)系統(tǒng)中起到修飾與點(diǎn)綴的作用，網(wǎng)頁主題色彩的確定便來源于這個(gè)系統(tǒng)。[4]102因?yàn)橹黝}色彩能夠在網(wǎng)頁中最有效地傳達(dá)企業(yè)的經(jīng)營理念，不能為了網(wǎng)頁的標(biāo)新立異而輕易改變一個(gè)企業(yè)視覺識別系統(tǒng)中的標(biāo)準(zhǔn)用色。如果一個(gè)企業(yè)的標(biāo)準(zhǔn)色只限于一種顏色，運(yùn)用在網(wǎng)頁設(shè)計(jì)中就會顯得單調(diào)乏味，色彩不夠豐富。遇到這種情況可以用輔助色來點(diǎn)綴頁面，形成色彩對比效果；或者可以調(diào)和標(biāo)準(zhǔn)色的明度與純度，這樣既可以達(dá)到色調(diào)統(tǒng)一的效果，又能使頁面色彩活潑生動(dòng)。網(wǎng)頁色彩設(shè)計(jì)還需要強(qiáng)調(diào)視覺沖擊力，此外還要注意色彩的統(tǒng)一性，給人以整體統(tǒng)一的視覺感受。因此在網(wǎng)頁設(shè)計(jì)時(shí)，通過企業(yè)形象來選擇網(wǎng)頁主題色彩風(fēng)格，確定適合傳播產(chǎn)品價(jià)值的色彩，才能突出網(wǎng)頁設(shè)計(jì)的獨(dú)特個(gè)性。
（二）網(wǎng)頁設(shè)計(jì)中色彩應(yīng)用的基本方法
網(wǎng)頁設(shè)計(jì)中對于色彩的運(yùn)用并不是越多越好，一個(gè)頁面中不需要采用過多的顏色，通過調(diào)整色彩屬性，在頁面中產(chǎn)生各種變化，就能達(dá)到美化網(wǎng)頁的目的。網(wǎng)頁色彩設(shè)計(jì)的基本方法包括單一色、相鄰色和對比色的基本運(yùn)用方法。在網(wǎng)頁設(shè)計(jì)中采用單一色會造成單調(diào)乏味的視覺感受，因此盡量避免采用單一色彩，一般情況下可通過調(diào)和某種色彩的透明度或飽和度，使其在同一色系中產(chǎn)生變化。另外在所有色彩中，白色和黑色是比較特殊的顏色。白色又稱無色，如果將這兩種色彩進(jìn)行調(diào)和使用，就可以產(chǎn)生所謂的高級灰色，灰色與其他色彩搭配使用會產(chǎn)生很好的視覺效果。相反相鄰色就完全不同，相鄰色是在色彩對比中位置較近的顏色，如紅色與紫色、黃色與黃橙色互為相鄰色。采用相鄰色可以使網(wǎng)頁設(shè)計(jì)在視覺上既能達(dá)到色調(diào)和諧統(tǒng)一，又能避免色彩過于雜亂，使網(wǎng)頁色彩能夠在秩序中產(chǎn)生變化，增強(qiáng)節(jié)奏感。例如設(shè)計(jì)導(dǎo)航條的色彩時(shí)，就可以運(yùn)用紅色與黃橙色這組相鄰色來表現(xiàn)。此外還有對比色的運(yùn)用。對比色可產(chǎn)生強(qiáng)烈的色彩效果，是極富表現(xiàn)力的方法，也是重要的色彩表現(xiàn)手段，在網(wǎng)頁設(shè)計(jì)中常用色彩對比來表現(xiàn)界面，可以達(dá)到突出重點(diǎn)的目的，使網(wǎng)頁色彩鮮明，極具特色。通常狀況下設(shè)計(jì)者可選用一種顏色為主色，對比色為輔，點(diǎn)綴修改，從而起到畫龍點(diǎn)睛的效果。
四、網(wǎng)頁界面版式設(shè)計(jì)的審美性
版式設(shè)計(jì)是網(wǎng)頁界面設(shè)計(jì)的主要構(gòu)成因素，也是重要組成部分。它將文字、圖形、色彩等組合配置，使網(wǎng)頁界面視覺效果雅觀悅目，既利于閱讀者瀏覽，又便于實(shí)現(xiàn)信息傳達(dá)的絕佳視覺效應(yīng)。網(wǎng)頁版式語言體現(xiàn)頁面設(shè)計(jì)者的品味和網(wǎng)頁的內(nèi)涵，這是由其屬性決定的，版式語言的風(fēng)格與網(wǎng)頁屬性相互聯(lián)系，密不可分。頁面版式語言的差異體現(xiàn)其屬性的不同，在設(shè)計(jì)中需要將不同的表現(xiàn)形式與豐富多樣的內(nèi)涵體驗(yàn)結(jié)合起來，構(gòu)成色調(diào)統(tǒng)一、整體視覺效果良好的網(wǎng)頁界面。網(wǎng)頁設(shè)計(jì)的氣質(zhì)特征通過網(wǎng)頁界面的設(shè)計(jì)及版面風(fēng)格來表現(xiàn)。根據(jù)其所表現(xiàn)的對象，需要表達(dá)的功能與設(shè)計(jì)目標(biāo)等與版面內(nèi)容相符，通過這些屬性來表現(xiàn)版面設(shè)計(jì)的審美性特征。例如應(yīng)用商品類網(wǎng)頁的版式要接近人們的實(shí)際生活，體現(xiàn)現(xiàn)實(shí)特點(diǎn)；政府機(jī)構(gòu)的網(wǎng)頁在形式上要簡練、穩(wěn)重，體現(xiàn)行業(yè)的特點(diǎn)；科技類網(wǎng)頁版式要謹(jǐn)慎、嚴(yán)密。[5]85這些都是根據(jù)網(wǎng)頁的內(nèi)涵屬性來確定的。因而可以說文字、色彩、圖形的運(yùn)用決定網(wǎng)頁屬性。設(shè)計(jì)者必須對網(wǎng)頁內(nèi)容與主題進(jìn)行深入了解，并找到最適合該網(wǎng)頁內(nèi)容的版式設(shè)計(jì)與盡善盡美的表現(xiàn)方法，這種設(shè)計(jì)方式具有獨(dú)特性及專用性的審美特征。版式設(shè)計(jì)的界面形式是內(nèi)容的載體，但又具有獨(dú)特的藝術(shù)審美形式。形式美包含網(wǎng)頁設(shè)計(jì)的版式構(gòu)圖、整體布局和色彩等所傳達(dá)的風(fēng)格特點(diǎn)，因此網(wǎng)站的設(shè)計(jì)風(fēng)格與定位根據(jù)信息內(nèi)容的不同來決定它的屬性。網(wǎng)頁設(shè)計(jì)的特有目標(biāo)及價(jià)值不僅通過形象、直觀、便捷的瀏覽方式呈現(xiàn)，更是以美觀獨(dú)立、清新自然的界面版式來表達(dá)體現(xiàn)，這樣才能突出網(wǎng)頁設(shè)計(jì)的獨(dú)特性與審美性。
五、結(jié)語
網(wǎng)頁設(shè)計(jì)作為當(dāng)前設(shè)計(jì)領(lǐng)域中新型的設(shè)計(jì)藝術(shù)，在遵循美學(xué)原理的同時(shí)應(yīng)當(dāng)同樣重視設(shè)計(jì)中視覺語言的審美性表現(xiàn)。因此，以視覺語言在網(wǎng)頁設(shè)計(jì)中的應(yīng)用為主要研究對象，掌握網(wǎng)頁設(shè)計(jì)的表現(xiàn)精髓，加強(qiáng)審美規(guī)律的認(rèn)知和理解，總結(jié)網(wǎng)頁制作的經(jīng)驗(yàn)并將其融入到設(shè)計(jì)者的思維中來指導(dǎo)網(wǎng)頁設(shè)計(jì)，使網(wǎng)頁具有鮮明的審美價(jià)值，滿足瀏覽者的視覺審美需求。
參考文獻(xiàn)：
[1]魯?shù)婪?#8226;阿思海姆．藝術(shù)與視知覺[M]．騰守堯，朱疆源，譯．成都：四川人民出版社，2006．
[2]何蘇六．網(wǎng)絡(luò)媒體的策劃與編輯[M]．北京：北京廣播學(xué)院出版社，2001．
[3]馮暉．網(wǎng)絡(luò)廣告實(shí)務(wù)[M]．北京：中國水利水電出版社，2009．
[4]彭剛，周紹斌．網(wǎng)頁藝術(shù)設(shè)計(jì)[M]．北京：高等教育出版社，2008．
網(wǎng)頁設(shè)計(jì)作為一種網(wǎng)絡(luò)應(yīng)用程序被普遍應(yīng)用在互聯(lián)網(wǎng)上，設(shè)計(jì)開發(fā)具有創(chuàng)新風(fēng)格和專業(yè)水準(zhǔn)的網(wǎng)頁已成為高職高專院校許多學(xué)生的必備技能。因此，《網(wǎng)頁設(shè)計(jì)》成了目前高職高專院校IT類相關(guān)專業(yè)學(xué)生普遍開設(shè)的基礎(chǔ)技能課程，甚至在許多高職高專院校也是非IT類專業(yè)學(xué)生的公共選修課。網(wǎng)頁設(shè)計(jì)作為UI(UserInterface)的一種，體現(xiàn)了設(shè)計(jì)者的設(shè)計(jì)思想和專業(yè)技能，所以《網(wǎng)頁設(shè)計(jì)》相對于其他專業(yè)課程有自己的特點(diǎn)，他不僅體現(xiàn)了技術(shù)性，更體現(xiàn)了他的藝術(shù)性、個(gè)性體現(xiàn)等特點(diǎn)。
(一)技術(shù)性網(wǎng)頁
作為一種應(yīng)用程序，開發(fā)者必須具備一定的網(wǎng)絡(luò)知識和編程思維，對基礎(chǔ)的HTML語言和CSS規(guī)則以及JavaScript技術(shù)都要熟練掌握，并且對網(wǎng)頁開發(fā)軟件比如網(wǎng)頁三劍客(Dreamweaver、Flash、PhotoShopCS)也要熟練使用。隨著網(wǎng)絡(luò)技術(shù)日益發(fā)展和多媒體在網(wǎng)頁中的傳播，客戶對于網(wǎng)頁的要求也越來越高，例如，交互式動(dòng)畫、在線視頻、三維虛擬展廳、在線數(shù)據(jù)庫管理等。所以網(wǎng)頁設(shè)計(jì)課程對技術(shù)要求具備一定的知識的積累和掌握。
(二)藝術(shù)性網(wǎng)絡(luò)
已經(jīng)成為一種互動(dòng)的大眾媒體，由于其他各大媒體包裝的越來越商業(yè)化，網(wǎng)頁作為人們天天交互的界面，人們對他的外觀的要求也越來越高。既要把設(shè)計(jì)藝術(shù)中的構(gòu)成因素整合到網(wǎng)頁設(shè)計(jì)藝術(shù)中，又要集多媒體技術(shù)于一體。尤其是現(xiàn)在的客戶對網(wǎng)頁的視覺沖擊力和它的藝術(shù)感染力提出更多的要求。所以我們的網(wǎng)頁設(shè)計(jì)課程更要培養(yǎng)學(xué)生的審美情趣，在課堂上展示更多的國內(nèi)外的優(yōu)秀作品，還要學(xué)習(xí)平面設(shè)計(jì)及其色彩學(xué)等知識，吸取其他平面設(shè)計(jì)的靈感，使學(xué)生的作品不僅有可實(shí)用性，更具有可觀賞性。
(三)個(gè)性網(wǎng)頁
作為平面設(shè)計(jì)的一種，必然體現(xiàn)了設(shè)計(jì)者自己的設(shè)計(jì)理念和設(shè)計(jì)風(fēng)格，并張揚(yáng)自己新穎獨(dú)特的個(gè)性。所以在網(wǎng)頁設(shè)計(jì)課程中，要盡量調(diào)動(dòng)學(xué)生的自主性和積極性。所以教學(xué)過程中，教師不僅要重視學(xué)生對書本知識的理解，更重要的是激發(fā)學(xué)生的創(chuàng)新能力。在課程考核的時(shí)候，教師可以結(jié)合知識點(diǎn)以項(xiàng)目要求的形式布置題目，讓學(xué)生分組選擇項(xiàng)目或者自己調(diào)研確定項(xiàng)目，小組合作進(jìn)行項(xiàng)目規(guī)劃和頁面設(shè)計(jì)。
二、網(wǎng)頁設(shè)計(jì)時(shí)尚教學(xué)注意要點(diǎn)
(一)時(shí)尚的網(wǎng)頁布局
網(wǎng)頁布局是網(wǎng)頁給人的整體印象，和其他平面媒體一樣將信息分版塊清晰的呈現(xiàn)給讀者。在過去的幾年內(nèi)，網(wǎng)頁設(shè)計(jì)的布局已經(jīng)形成了幾種固定的格式，大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型。但是現(xiàn)在的客戶要求自己網(wǎng)站在美術(shù)上要符合自己企業(yè)的文化定位和企業(yè)形象，希望自己網(wǎng)頁的布局，要不拘一格地給人留下深刻的印象。當(dāng)下網(wǎng)站已經(jīng)被企業(yè)視為自己宣傳和傳播的一種重要的媒體形式，所以越來越多的視覺傳媒公司加入到網(wǎng)頁設(shè)計(jì)的行業(yè)中來，導(dǎo)致大量的美術(shù)人才參與到網(wǎng)頁創(chuàng)作中來，大大提高了網(wǎng)絡(luò)中網(wǎng)頁版面的藝術(shù)氣質(zhì)。這些人設(shè)計(jì)的網(wǎng)頁作品往往構(gòu)圖考究、精美絕倫、簡潔明快，富有時(shí)尚氣息，更重要的是他們的網(wǎng)頁的布局常常的出人意料，又顯得賞心悅目。所以在教學(xué)過程中，除了讓學(xué)生掌握幾種常見的布局形式之外，更重要的是鼓勵(lì)學(xué)生打破常規(guī)，以自己青春和具有鮮活生命力的視角，結(jié)合顏色、構(gòu)圖、和文字，去大膽地規(guī)劃網(wǎng)頁版面的布局，結(jié)果往往會有非常好的作品出現(xiàn)。
(二)時(shí)尚的網(wǎng)頁色彩搭配
色彩在網(wǎng)站信息傳達(dá)中發(fā)揮著重要作用，透露了每個(gè)企業(yè)獨(dú)特的企業(yè)文化。網(wǎng)頁的背景，文字，圖標(biāo)，邊框，超鏈接等要采用合適的顏色搭配才能準(zhǔn)確表達(dá)出設(shè)計(jì)內(nèi)涵。對于初學(xué)者來講，在設(shè)計(jì)時(shí)往往盲目的胡亂搭配顏色，給人非常紛亂的感覺。那么在教學(xué)過程中，就要向?qū)W生補(bǔ)充色彩原理的相關(guān)知識，以及網(wǎng)頁設(shè)計(jì)中顏色搭配的規(guī)則常識，比如網(wǎng)頁的顏色不能超過三種，背景和前文的對比盡量要大等等，并向保證網(wǎng)頁中的顏色的鮮明性、獨(dú)特性、合適性。網(wǎng)頁作為一種電子藝術(shù)形式，和服裝、包裝一樣都有流行的潮流，所以一個(gè)網(wǎng)站的版面往往會隨著時(shí)尚的波動(dòng)而修改，比如現(xiàn)在流行的韓國清新風(fēng)格、歐美的時(shí)尚簡約風(fēng)格、90后的非主流風(fēng)格等等。而我們的學(xué)生往往對時(shí)尚是最敏感的人群，也是互聯(lián)網(wǎng)最忠實(shí)的用戶。所以我們在教學(xué)過程中，教師要提高學(xué)生的藝術(shù)品位，準(zhǔn)備豐富的教學(xué)資源和設(shè)計(jì)資源，介紹學(xué)生使用幾種常用的網(wǎng)頁配色工具，并鼓勵(lì)學(xué)生大膽合理地使用顏色去創(chuàng)作具有視覺沖擊的優(yōu)秀作品。
(三)網(wǎng)頁主流技術(shù)的綜合應(yīng)用
網(wǎng)頁除了色彩和布局等方面的更新要求之外，網(wǎng)頁的表現(xiàn)形式也隨著使用者的要求也在更新?lián)Q代，傳統(tǒng)的網(wǎng)頁布局方式從表格布局，逐漸得被CSS+DIV布局的形式所替代，所以教師要將新技術(shù)要映射到我們的課堂上去，引導(dǎo)學(xué)生用?CSS+DIV的布局的理念充斥自己的頭腦。教師更可以設(shè)置相同的DIV內(nèi)容，讓學(xué)生去設(shè)計(jì)不同的CSS規(guī)則，這樣可以讓學(xué)生直接地體驗(yàn)到CSS+DIV的局部優(yōu)勢。除了布局的技術(shù)在更新，網(wǎng)站首頁的呈現(xiàn)形成也在發(fā)生變化，在首頁中大幅廣告的使用可以讓使用者留下深刻印象，F(xiàn)lash交互按鈕可以增強(qiáng)使用者的體驗(yàn)樂趣，這些表現(xiàn)形式要用到Flash軟件和JavaScript腳本語言，所以在我們的課堂中教師要關(guān)注技術(shù)流行趨勢，將技術(shù)代碼介紹給學(xué)生使用，并指導(dǎo)學(xué)生運(yùn)用到自己的網(wǎng)站作品中。
伴隨網(wǎng)絡(luò)技術(shù)的不斷深化發(fā)展，互聯(lián)網(wǎng)的應(yīng)用與發(fā)展已經(jīng)顯現(xiàn)出了一定的重要性和實(shí)際意義。在互聯(lián)網(wǎng)的具體應(yīng)用中，網(wǎng)頁設(shè)計(jì)是網(wǎng)絡(luò)技術(shù)應(yīng)用與發(fā)展的重要組成部分，網(wǎng)頁設(shè)計(jì)主要分為動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與靜態(tài)網(wǎng)頁設(shè)計(jì)。本文將簡要分析靜態(tài)網(wǎng)頁設(shè)計(jì)中存在的問題與相應(yīng)的解決措施。
【關(guān)鍵詞】
靜態(tài)網(wǎng)頁；設(shè)計(jì)；問題；解決措施
當(dāng)今社會是網(wǎng)絡(luò)社會，計(jì)算機(jī)技術(shù)和網(wǎng)絡(luò)技術(shù)的發(fā)展速度較快，對于從事網(wǎng)絡(luò)行業(yè)的人們來說，掌握網(wǎng)頁設(shè)計(jì)的相關(guān)要點(diǎn)就變得尤為重要。在網(wǎng)頁設(shè)計(jì)中，靜態(tài)網(wǎng)頁設(shè)計(jì)具有一定的重要性，在設(shè)計(jì)過程中經(jīng)常會出現(xiàn)一些問題。設(shè)計(jì)人員需要對相應(yīng)問題進(jìn)行分析，并采取針對性較強(qiáng)的解決措施進(jìn)行合理解決。
一、靜態(tài)網(wǎng)頁的概述
靜態(tài)網(wǎng)頁，指的是在設(shè)計(jì)過程中全部應(yīng)用HTML語言來進(jìn)行設(shè)計(jì)制作的網(wǎng)頁，靜態(tài)網(wǎng)頁在設(shè)計(jì)中，網(wǎng)頁自身的文本格式一般都帶有一定后綴，如.htm或.html等。靜態(tài)網(wǎng)頁在應(yīng)用的過程中，頁面的內(nèi)容相對變化較小，用戶在瀏覽和使用靜態(tài)網(wǎng)頁的過程中也不會與網(wǎng)絡(luò)內(nèi)部的服務(wù)器進(jìn)行一定交互。需要注意的是，與動(dòng)態(tài)網(wǎng)頁相比，靜態(tài)網(wǎng)頁的內(nèi)容并不是單純靜止的，靜態(tài)網(wǎng)頁在設(shè)計(jì)中會呈現(xiàn)出一定的動(dòng)態(tài)效果。設(shè)計(jì)人員可以在設(shè)計(jì)過程中將Flas與GIF動(dòng)畫等進(jìn)行應(yīng)用，營造一種動(dòng)態(tài)效果。靜態(tài)網(wǎng)頁在設(shè)計(jì)中主要應(yīng)用的技術(shù)主要有HTML與XML。其中，HTML的應(yīng)用相對較為廣泛，應(yīng)用效果相對顯著。XML與HTML相比，應(yīng)用的對象更為多樣，功能顯得更加強(qiáng)大。這兩種技術(shù)的應(yīng)用，對于設(shè)計(jì)靜態(tài)網(wǎng)頁有重要的作用，需要相關(guān)設(shè)計(jì)人員給予重視。
二、靜態(tài)網(wǎng)頁設(shè)計(jì)中存在的問題與解決措施
在設(shè)計(jì)靜態(tài)網(wǎng)頁的過程中，由于設(shè)計(jì)內(nèi)容相對較多，各內(nèi)容之間存在一定聯(lián)系，也有一定的難點(diǎn)。因此，靜態(tài)網(wǎng)頁的設(shè)計(jì)工作，經(jīng)常會出現(xiàn)一定問題。設(shè)計(jì)人員如果沒有解決好這些問題，就會使靜態(tài)網(wǎng)頁的設(shè)計(jì)出現(xiàn)一定缺失。
2.1靜態(tài)網(wǎng)頁設(shè)計(jì)中存在的問題
2.1.1存放文件問題在靜態(tài)網(wǎng)頁的設(shè)計(jì)過程中，文件的存放會經(jīng)常出現(xiàn)問題。很多設(shè)計(jì)者在網(wǎng)頁中插入了相應(yīng)的圖形或圖片文件，這些文件在dreamweaver軟件中可以清晰顯示出來，但是在IE瀏覽器中就無法顯示。這樣一來，文件在靜態(tài)網(wǎng)頁中無法顯示，就會造成設(shè)計(jì)工作出現(xiàn)嚴(yán)重的漏洞，對于靜態(tài)網(wǎng)頁的合理設(shè)計(jì)有阻礙作用。靜態(tài)網(wǎng)頁缺少文件，就不是完整的網(wǎng)頁設(shè)計(jì)。
2.1.2依賴、濫用Flas在靜態(tài)網(wǎng)頁的設(shè)計(jì)工作中，F(xiàn)las的應(yīng)用目前變得越來越廣泛。Flas自身的體積相對較小，具有很好的視覺效果，能增強(qiáng)靜態(tài)網(wǎng)頁的動(dòng)態(tài)性和直觀性，具有很強(qiáng)的應(yīng)用價(jià)值。但是，很多設(shè)計(jì)人員在靜態(tài)網(wǎng)頁的設(shè)計(jì)中對于Flas的認(rèn)識程度不夠，在應(yīng)用的時(shí)候?qū)ζ溥^分依賴。這樣，不僅不會提高靜態(tài)網(wǎng)頁設(shè)計(jì)的整體質(zhì)量，反而會使Flas對靜態(tài)網(wǎng)頁產(chǎn)生一定的負(fù)面影響。
2.1.3內(nèi)頁設(shè)計(jì)雜亂無序一些網(wǎng)頁設(shè)計(jì)師由于自身素質(zhì)不夠高，對于靜態(tài)網(wǎng)頁設(shè)計(jì)工作的認(rèn)識程度不夠，導(dǎo)致靜態(tài)網(wǎng)頁設(shè)計(jì)中內(nèi)頁設(shè)計(jì)出現(xiàn)雜亂無序的狀況。在靜態(tài)網(wǎng)頁設(shè)計(jì)中，內(nèi)頁設(shè)計(jì)是最為重要的一個(gè)方面，對于靜態(tài)網(wǎng)頁的整體設(shè)計(jì)有著不可替代的重要影響。但是，很多設(shè)計(jì)師在進(jìn)行設(shè)計(jì)的時(shí)候，沒有注意到網(wǎng)頁結(jié)構(gòu)，也沒有對網(wǎng)頁內(nèi)容進(jìn)行合理的編輯，造成結(jié)構(gòu)相對雜亂。此外，一些設(shè)計(jì)師在設(shè)計(jì)時(shí)沒有注意到網(wǎng)頁的色彩與圖像，使靜態(tài)網(wǎng)頁沒有呈現(xiàn)出整體性和有序性。
2.2如何解決靜態(tài)網(wǎng)頁設(shè)計(jì)存在的問題
2.2.1做好文件存放一些設(shè)計(jì)師發(fā)現(xiàn)在設(shè)計(jì)靜態(tài)網(wǎng)頁的時(shí)候，網(wǎng)頁編輯器可以顯示的圖形文件在IE瀏覽器中顯示不出來，造成這種現(xiàn)象出現(xiàn)的主要原因就是圖形文件與靜態(tài)網(wǎng)頁的文件沒有在同一個(gè)路徑之下進(jìn)行顯示。某網(wǎng)頁設(shè)計(jì)人員在設(shè)計(jì)靜態(tài)網(wǎng)頁的過程中發(fā)現(xiàn)圖形文件在IE中無法顯示，便針對這一問題進(jìn)行針對性解決。該設(shè)計(jì)人員發(fā)現(xiàn)在設(shè)計(jì)靜態(tài)網(wǎng)頁的過程中，會應(yīng)用到相對較多的文件類型，主要的有.avi文件、.htm文件、.gif文件等。該設(shè)計(jì)人員發(fā)現(xiàn)，這些文件如果沒有進(jìn)行合理的存放，就會出現(xiàn)一定的問題與漏洞。該設(shè)計(jì)師針對這一現(xiàn)象建立了一個(gè)根文件夾，設(shè)計(jì)師將設(shè)計(jì)靜態(tài)網(wǎng)頁過程中應(yīng)用的子文件都存放在這個(gè)根文件夾中。這樣一來，所有文件在相應(yīng)的代碼中就能以合適的路徑進(jìn)行保存，該設(shè)計(jì)師這樣做不僅方便管理和存放這些文件，還可以保證文件從網(wǎng)頁編輯器移植到IE的時(shí)候，可以很好地體現(xiàn)出來。該設(shè)計(jì)師這樣做，有效解決了靜態(tài)網(wǎng)頁設(shè)計(jì)中文件存放的問題。
2.2.2合理應(yīng)用FlasFlas應(yīng)用于靜態(tài)網(wǎng)頁的設(shè)計(jì)工作中，具有較好的應(yīng)用效果，可以增強(qiáng)靜態(tài)網(wǎng)頁的動(dòng)態(tài)效果，吸引網(wǎng)絡(luò)用戶。但是，在設(shè)計(jì)靜態(tài)網(wǎng)頁的過程中，不能過分使用Flas。如果靜態(tài)網(wǎng)頁在設(shè)計(jì)中應(yīng)用了較多的Flas，實(shí)用性并不會得到相應(yīng)增強(qiáng)，還會使用戶的網(wǎng)頁瀏覽速度變慢。某網(wǎng)頁設(shè)計(jì)師在設(shè)計(jì)靜態(tài)網(wǎng)頁的時(shí)候，為了合理應(yīng)用Flas且不拖慢用戶的網(wǎng)頁速度，沒有在靜態(tài)網(wǎng)頁的導(dǎo)航條位置應(yīng)用Flas，而是將Flas應(yīng)用在其它位置。這樣一來，用戶在瀏覽網(wǎng)頁的過程中不僅沒有感到速度變慢，反而感覺靜態(tài)網(wǎng)頁有了一定動(dòng)態(tài)性。該設(shè)計(jì)師在應(yīng)用Flas的時(shí)候，還注重命名的正確性，沒有將文件名設(shè)置為中文，而是以數(shù)字、字母形式命名。這樣，就很好地保證了Flas的應(yīng)用效果。
2.2.3保證內(nèi)頁設(shè)計(jì)一致性在設(shè)計(jì)靜態(tài)網(wǎng)頁的過程中，為了避免內(nèi)頁設(shè)計(jì)工作出現(xiàn)雜亂無序的情況，一定要保證內(nèi)頁設(shè)計(jì)的一致性。在進(jìn)行靜態(tài)網(wǎng)頁內(nèi)頁布局的時(shí)候，要將文字的排版、導(dǎo)航條的設(shè)置及圖片位置等進(jìn)行統(tǒng)一設(shè)計(jì)。在內(nèi)頁設(shè)計(jì)中，設(shè)計(jì)師可以在內(nèi)頁部分融入網(wǎng)站的名稱、標(biāo)志、導(dǎo)航形式等。這些內(nèi)容的設(shè)置和應(yīng)用，不僅能保證內(nèi)頁設(shè)計(jì)的一致性，還能提高靜態(tài)網(wǎng)頁設(shè)計(jì)工作的具體效率，對于網(wǎng)頁日后的應(yīng)用與維護(hù)都有一定的重要意義。保證內(nèi)頁設(shè)計(jì)工作的一致性，還要注重靜態(tài)網(wǎng)頁相應(yīng)色彩的具體使用。靜態(tài)網(wǎng)頁在設(shè)計(jì)中應(yīng)用具有一定特色的色彩，可以保證內(nèi)頁設(shè)計(jì)的一致性，滿足用戶的更高需求。用戶通過靜態(tài)網(wǎng)頁內(nèi)部的色彩，可以加深對網(wǎng)頁的印象與認(rèn)識，還能提高靜態(tài)網(wǎng)頁的應(yīng)用效果。因此，設(shè)計(jì)師在設(shè)計(jì)靜態(tài)網(wǎng)頁的過程中可以應(yīng)用網(wǎng)頁色彩。在選擇色彩的時(shí)候，可以選擇一種主要色彩，并選擇幾種次要色彩進(jìn)行輔助設(shè)計(jì)，來加強(qiáng)色彩的應(yīng)用效果。
三、結(jié)語
靜態(tài)網(wǎng)頁的設(shè)計(jì)工作，不僅能帶動(dòng)和促進(jìn)相關(guān)網(wǎng)絡(luò)技術(shù)的應(yīng)用與發(fā)展，對于提高相關(guān)從業(yè)者的技術(shù)能力也有重要作用。靜態(tài)網(wǎng)頁在設(shè)計(jì)過程中經(jīng)常會受到各方面因素的影響而出現(xiàn)一定問題，這些問題如果得不到合理解決，就會給靜態(tài)網(wǎng)頁的設(shè)計(jì)工作造成不良影響。設(shè)計(jì)人員要認(rèn)識到問題的重要性，及時(shí)進(jìn)行解決，保證靜態(tài)網(wǎng)頁設(shè)計(jì)工作的合理開展。
參考文獻(xiàn)
[1]劉永超.靜態(tài)網(wǎng)頁設(shè)計(jì)簡要分析[J].計(jì)算機(jī)光盤軟件與應(yīng)用,2013（18）.
[2]孫榮俠.靜態(tài)網(wǎng)頁設(shè)計(jì)中常見問題分析與處理[J].安徽電子信息職業(yè)技術(shù)學(xué)院學(xué)報(bào),2010（01）.
[3]吳振華.網(wǎng)頁的設(shè)計(jì)與制作[J].赤峰學(xué)院學(xué)報(bào)(自然科學(xué)版),2011（10）.
[4]韓雙旺.動(dòng)態(tài)網(wǎng)站與靜態(tài)網(wǎng)站的比較研究[J].自動(dòng)化與儀器儀表,2011（06）.
[5]劉暢.靜態(tài)網(wǎng)頁制作技術(shù)與動(dòng)態(tài)網(wǎng)頁制作技術(shù)的比較[J].科技與企業(yè),2012（20）.
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；版式設(shè)計(jì) CDIO教育模式；項(xiàng)目教學(xué)
近年來隨著經(jīng)濟(jì)的高速發(fā)展，科技的日新月異，教育領(lǐng)域同樣面臨革新。引進(jìn)新的教育理念和教學(xué)模式成為教育工作者的關(guān)注重心，此時(shí)，歐美成熟的工程教育理念慢慢地進(jìn)入我們的視野之中，CDIO的教學(xué)模式（Conceive構(gòu)思、Design設(shè)計(jì)、Implement實(shí)施、Operate運(yùn)行），符合工程人才的培養(yǎng)，提高學(xué)生的實(shí)踐能力、組織能力、創(chuàng)新能力。這一模式更適應(yīng)當(dāng)下的教育環(huán)境需求。
網(wǎng)頁設(shè)計(jì)這門課程屬于交叉學(xué)科范疇，兼顧藝術(shù)設(shè)計(jì)、計(jì)算機(jī)技術(shù)及交互設(shè)計(jì)等多門學(xué)科。另外，這門課程作為藝術(shù)與技術(shù)的結(jié)合體，要求學(xué)生具備較強(qiáng)實(shí)踐動(dòng)手能力與綜合運(yùn)用能力，因而在教學(xué)過程中我們依據(jù)CDIO的工程教育理念開展教學(xué)。
本文重點(diǎn)談到的是網(wǎng)頁設(shè)計(jì)中的版式設(shè)計(jì)過程，網(wǎng)頁中的版式設(shè)計(jì)起到信息統(tǒng)一、分割區(qū)域和交互導(dǎo)引的作用，是在有限的空間界面內(nèi)將文字、圖形、背景色彩或圖案及交互功能集成在方圓之間，根據(jù)設(shè)計(jì)的形式法則，利用藝術(shù)美學(xué)與科學(xué)技術(shù)相結(jié)合的方式來實(shí)現(xiàn)效果展示。下面以教學(xué)過程中的“xx藝術(shù)系網(wǎng)站”項(xiàng)目為例，以網(wǎng)頁設(shè)計(jì)中的版式設(shè)計(jì)為內(nèi)容，展示教學(xué)過程中的各個(gè)設(shè)計(jì)階段。
1 構(gòu)思階段
（1）確立目標(biāo)。
網(wǎng)頁設(shè)計(jì)不是盲目的行為，不是簡單使用軟件的行為，它是構(gòu)思由確立到實(shí)現(xiàn)的過程，是一種展示到體會的過程。因此，在設(shè)計(jì)之初，教師需要引導(dǎo)學(xué)生了解當(dāng)前的課題，明確網(wǎng)站要做什么，網(wǎng)站的外觀布局是什么樣子，網(wǎng)站需要營造何種氛圍。我們常見的網(wǎng)站根據(jù)用途分類為企業(yè)網(wǎng)站、電子商務(wù)網(wǎng)站、電子政務(wù)網(wǎng)站、文體娛樂網(wǎng)站、教育科學(xué)網(wǎng)站等，每種類型的網(wǎng)站都有自己需要傳播的信息，根據(jù)所需文字與圖片選擇適合的排版方式，進(jìn)而營造恰當(dāng)?shù)姆諊Ｔ凇皒x藝術(shù)系網(wǎng)站”項(xiàng)目中，學(xué)生會根據(jù)實(shí)際項(xiàng)目類型，理解項(xiàng)目設(shè)計(jì)目標(biāo)為，該學(xué)院所屬系部信息服務(wù)類網(wǎng)站，界面版式方面要求簡潔大方，色彩明快，塑造清新、愉悅的氛圍，學(xué)生可以根據(jù)以上內(nèi)容展開進(jìn)一步的設(shè)計(jì)工作。
（2）信息整理。
項(xiàng)目開展前期根據(jù)對項(xiàng)目的簡單分析，要求學(xué)生對客戶或相關(guān)人士展開訪談，對行業(yè)同類網(wǎng)站的資訊開展收集與調(diào)研。這一階段學(xué)生會接觸網(wǎng)頁設(shè)計(jì)的需求方，在本項(xiàng)目中可以設(shè)定為系內(nèi)行政人員、教師及系內(nèi)學(xué)生，根據(jù)訪談或調(diào)研可以得到網(wǎng)站相關(guān)設(shè)計(jì)信息，如對整體風(fēng)格的需求，導(dǎo)航的設(shè)計(jì)需求，網(wǎng)站類型為靜態(tài)網(wǎng)站或動(dòng)態(tài)網(wǎng)站，根據(jù)需求結(jié)果，要求學(xué)生設(shè)計(jì)多樣的版式效果，以供客戶參考。
（3）交互設(shè)計(jì)。
我們將網(wǎng)頁中的交互分為視覺上的交互和行為功能上的交互設(shè)計(jì)。在這里我們更側(cè)重說明交互在視覺上的應(yīng)用。網(wǎng)頁中我們常見的交互形態(tài)有按鈕、導(dǎo)航條、搜索欄和表單等。這些交互形態(tài)都會出現(xiàn)在版式的突出及顯著位置，這樣更引發(fā)人們的視覺關(guān)注中心，因而，在進(jìn)行版式設(shè)計(jì)時(shí)，需要考慮這些交互元素的設(shè)置，友好的版式也是一種界面與人的情感交互。在我們的項(xiàng)目中學(xué)生應(yīng)該考慮交互按鈕的外觀設(shè)計(jì)，排放位置等因素；導(dǎo)航條的設(shè)置應(yīng)在醒目位置，清晰明確發(fā)揮導(dǎo)引作用；搜索欄幫助瀏覽者快捷搜索，放置在易發(fā)現(xiàn)的位置，搜索一般出現(xiàn)在網(wǎng)頁右上角；表單設(shè)計(jì)是學(xué)生所忽略的環(huán)節(jié)，因?yàn)榭梢允褂貌寮砑樱瑢?dǎo)致學(xué)生認(rèn)為無須設(shè)計(jì)，在此建議信息表單設(shè)計(jì)時(shí)可考慮細(xì)節(jié)設(shè)計(jì)，提高友好度與舒適度等交互設(shè)計(jì)。
2 設(shè)計(jì)階段
版式設(shè)計(jì)是網(wǎng)頁設(shè)計(jì)中重要的設(shè)計(jì)引導(dǎo)規(guī)劃環(huán)節(jié)，在這個(gè)過程中學(xué)生可以根據(jù)自己的項(xiàng)目主題展開藝術(shù)美感的設(shè)計(jì)。一般進(jìn)行頁面版式設(shè)計(jì)我們從以下幾個(gè)方面入手。
（1）版式結(jié)構(gòu)設(shè)計(jì)。
網(wǎng)頁設(shè)計(jì)中的版式設(shè)計(jì)與傳統(tǒng)媒介中的版式設(shè)計(jì)略有不同，前提是他們都遵循版式設(shè)計(jì)五原則，[1]內(nèi)容與形式，簡潔與簡約，設(shè)計(jì)與藝術(shù)，趣味與獨(dú)特，局部與整體。為了設(shè)計(jì)富有形式法則和藝術(shù)美感的網(wǎng)頁作品，版式設(shè)計(jì)方面通常會采用黃金比例和三分法排列原則。黃金比例法是初學(xué)者易于掌控的方法，將視窗可用區(qū)域分成兩個(gè)部分，也可以根據(jù)設(shè)計(jì)比例需求，將數(shù)字錄入到相關(guān)計(jì)算網(wǎng)站，得出合適的黃金比例分配方案。三分法構(gòu)圖排版方式，是將排版界面分成三份，根據(jù)內(nèi)容的不同，選擇不同的三分法排列位置。
網(wǎng)頁設(shè)計(jì)中由于要考慮顯示器視窗顯示水平不同，我們的總體版式設(shè)計(jì)會采用固定格式或非固定格式兩種形式。固定格式的版面是固定的界面版式，而非固定格式的版面設(shè)計(jì)是變化的，這種變化的版式很難把握的，變化的視窗將改變既定的字體形式和圖形排列位置，這個(gè)課題也是我們今后要深入探討的方向。
（2）字體、圖像、色彩設(shè)計(jì)。
版式設(shè)計(jì)是界面設(shè)計(jì)的骨架，字體設(shè)計(jì)是界面設(shè)計(jì)的血肉，富媒體技術(shù)的全面發(fā)展，網(wǎng)站這一綜合載體也得到了極大的發(fā)展，版式與字體的結(jié)合構(gòu)成了網(wǎng)頁的不同風(fēng)貌。在網(wǎng)頁中常見字體分為中英文兩類和圖形化的藝術(shù)字體，字號一般選用12pt。在中文網(wǎng)頁常常出現(xiàn)的字體為宋體或黑體，字號為12pt/14pt的文字展示，另外也會有些超大字體以圖像的形態(tài)出現(xiàn)，并通過視覺效果的調(diào)整，創(chuàng)建三維空間的視覺展示效果。圖形化的藝術(shù)字體，在諸多網(wǎng)站中得到應(yīng)用。在設(shè)計(jì)中我們題材保有傳統(tǒng)的文化性，中國元素的運(yùn)用，如書法、圖騰、建筑等富有中國色彩的藝術(shù)形態(tài)都應(yīng)得到我們的思考與關(guān)注，中西文化的比較與融合也是我們要探索的方向。圖形與色彩部分在排版中應(yīng)適合主題，響應(yīng)設(shè)計(jì)氛圍，為整體版式服務(wù)。
（3）視頻展示設(shè)計(jì)。
網(wǎng)頁界面排版中還需考慮一種新興的展示手段，視頻信息展示，頁面中利用大量的視頻信息排版，減少文字、圖片信息的輸入，信息傳達(dá)方式由靜態(tài)轉(zhuǎn)換為動(dòng)態(tài)，提供有趣而新穎的排版展示方式。
3 技術(shù)實(shí)施
（1）界面版式視覺設(shè)計(jì)。
網(wǎng)頁設(shè)計(jì)中對靜態(tài)界面的布局，我們通常會使用Photoshop和Illustrator圖像處理軟件開展設(shè)計(jì)，首先我們會根據(jù)思維導(dǎo)圖繪制基礎(chǔ)模板，然后根據(jù)設(shè)計(jì)需求在模板中添加設(shè)計(jì)好的文字、圖形、視頻、聲音等設(shè)計(jì)元素。
（2）交互功能視覺設(shè)計(jì)。
在網(wǎng)頁設(shè)計(jì)中我們會考慮將靜態(tài)樣稿轉(zhuǎn)換為簡單的靜態(tài)網(wǎng)頁，這種轉(zhuǎn)換我們會使用Dreamweaver軟件進(jìn)行操作，由于網(wǎng)頁展示設(shè)備的不同我們也會考慮采用一些相關(guān)的模型制作軟件來處理交互設(shè)計(jì)部分。
4 運(yùn)行階段
將確定好的靜態(tài)草稿通過切圖生成為靜態(tài)網(wǎng)站，測試效果及功能，當(dāng)運(yùn)行時(shí)根據(jù)需要和視覺效果進(jìn)行調(diào)整直到理想狀態(tài)。
5 小結(jié)
網(wǎng)頁設(shè)計(jì)課程將實(shí)際項(xiàng)目導(dǎo)入課堂，根據(jù)CDIO工程教育模式教學(xué)，打造有效、有趣、實(shí)用的教學(xué)方式，使學(xué)生在學(xué)習(xí)操作中鍛煉宏觀思考的能力，獲得團(tuán)隊(duì)合作的能力，養(yǎng)成終身學(xué)習(xí)的能力。學(xué)生對設(shè)計(jì)流程的掌握就是對知識體系的掌握和運(yùn)用，達(dá)到理論與實(shí)踐相結(jié)合，通過對版面的全面掌控，更好地為靜態(tài)網(wǎng)頁設(shè)計(jì)打下堅(jiān)實(shí)的基礎(chǔ)。
參考文獻(xiàn)：
網(wǎng)頁設(shè)計(jì)要符合受眾者心理與社會心理的需求。設(shè)計(jì)者要正確分析用戶需求，注意網(wǎng)頁內(nèi)容的搭配與布局;設(shè)計(jì)主題要定位準(zhǔn)確，網(wǎng)頁下載的時(shí)間也不能過長，必須保證網(wǎng)頁對不同操作系統(tǒng)和瀏覽器的兼容性，并經(jīng)常性地進(jìn)行調(diào)試及數(shù)據(jù)更新。設(shè)計(jì)應(yīng)追求一種和諧的單純，即追求清晰的視覺沖擊力和巨大的張力，把美的形式規(guī)律同網(wǎng)頁設(shè)計(jì)結(jié)合起來。
關(guān)鍵詞:
網(wǎng)頁設(shè)計(jì);信息傳達(dá);審美設(shè)計(jì)
在因特網(wǎng)世界里，存在著各式各樣的網(wǎng)頁，它們承載著不同的目的，體現(xiàn)著設(shè)計(jì)師的想法。網(wǎng)頁通過視覺元素的引人注目，實(shí)現(xiàn)信息內(nèi)容的傳達(dá)。為了使網(wǎng)頁獲得最大的視覺傳達(dá)功能，使網(wǎng)絡(luò)真正成為可讀性強(qiáng)且新穎的媒體，網(wǎng)頁的設(shè)計(jì)必須適應(yīng)人們視覺流向的心理特點(diǎn)，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序，把各種信息以最快捷、方便的方式傳達(dá)給訪問者。當(dāng)今，面對這種新型媒體設(shè)計(jì)的挑戰(zhàn)，如何設(shè)計(jì)出吸引用戶的網(wǎng)站，已成為網(wǎng)頁設(shè)計(jì)者需迫切解決的問題。
一、網(wǎng)頁內(nèi)容的合理布局與排版
網(wǎng)頁設(shè)計(jì)既有文字、圖片、色彩，又有動(dòng)畫、聲音。文字有大有小，還有標(biāo)題和正文之分。圖片也有大小、縱橫之別。圖片和文字都需要同時(shí)展示給觀眾，但又不能簡單地羅列在一個(gè)頁面上，否則會搞得頁面雜亂無章。因此，必須根據(jù)內(nèi)容的需要，將圖片和文字按照一定的次序進(jìn)行合理編排和布局，使它們組合成一個(gè)有機(jī)的整體，展現(xiàn)給訪客。具體的頁面排版可從如下幾個(gè)方面入手:
⒈主次分明，中心突出在網(wǎng)頁界面設(shè)計(jì)中，設(shè)計(jì)者必然要考慮視覺的中心，也就是“最佳視域”，它一般位于電腦屏幕的中央，或者在屏幕中間偏上的部位。因此，一些重要的信息和圖片一般可以安排在這個(gè)部位，在視覺中心以外的地方可以安排稍微次要的內(nèi)容，這樣在頁面上就突出了重點(diǎn)，做到了主次有別。另外，人們的閱讀視線通常都是從左至右、由上往下地閱讀，因此設(shè)計(jì)者也要把握好這種視覺流程。在網(wǎng)頁中有一個(gè)7秒鐘定律，即當(dāng)用戶進(jìn)入網(wǎng)頁之后，如果在7秒之內(nèi)沒有看到特定內(nèi)容，那么這項(xiàng)內(nèi)容的設(shè)計(jì)及位置安排注定會失敗［1］。由此可見，突出重點(diǎn)是非常重要的。
⒉明確的導(dǎo)航，彰顯有價(jià)值的信息網(wǎng)站中的欄目導(dǎo)航對網(wǎng)站內(nèi)容起到提綱挈領(lǐng)的作用，引導(dǎo)著用戶瀏覽網(wǎng)站的相關(guān)信息。清晰、明確的導(dǎo)航，可以幫助網(wǎng)站用戶更方便快捷地瀏覽和找到他們所需要的信息，并給以一定的網(wǎng)站服務(wù)和在線幫助，從而避免在瀏覽網(wǎng)頁過程中找不到方向［2］。好的導(dǎo)航能夠讓用戶在打開頁面的第一時(shí)間找到，或者是讓用戶瞬間反應(yīng)出此為網(wǎng)站的導(dǎo)航。導(dǎo)航的用語選擇應(yīng)該精煉易讀，色彩搭配明確，布局妥當(dāng)，設(shè)計(jì)獨(dú)特，使用戶通過導(dǎo)航能夠快速了解整個(gè)網(wǎng)站的主要內(nèi)容［3］。
⒊圖文并茂，相輔相成文字和圖片具有一種相互補(bǔ)充的視覺關(guān)系。文字和圖片都是傳遞信息的手段，但各自的特點(diǎn)不同:文字所表達(dá)的信息量大，但顯得沉悶枯燥，缺乏生氣;圖片所傳遞的信息量小，但比較生動(dòng)活潑。文字與圖片兩者的比例不能過大，否則，頁面就會顯得單調(diào)而過于混亂。因此，最理想的效果是文字與圖片密切配合，互為襯托，既能活躍頁面，又豐富了網(wǎng)頁內(nèi)容。
⒋圖形與字體、色彩等因素協(xié)調(diào)統(tǒng)一一般而言，在所有的網(wǎng)頁動(dòng)畫設(shè)計(jì)中，圖形設(shè)計(jì)部分處于主要地位。字體和色彩諸視覺因素與圖形因素互相配合、互為補(bǔ)充地構(gòu)成了一個(gè)整體性的圖形設(shè)計(jì)。圖形、字體與色彩諸因素彼此相互作用、相互影響，共同表達(dá)出設(shè)計(jì)的中心思想內(nèi)涵。只有如此，設(shè)計(jì)所要闡發(fā)的主題思想才能更準(zhǔn)確和集中，視覺傳達(dá)才能更強(qiáng)烈和有力度。反之，則會給觀者造成一定的視覺混亂，偏離設(shè)計(jì)主題，從而達(dá)不到應(yīng)有的設(shè)計(jì)意圖。
⒌注意空白的設(shè)置和運(yùn)用空白在構(gòu)圖上有著不可忽視的作用，它是進(jìn)行藝術(shù)表現(xiàn)的重要手段。設(shè)計(jì)中把強(qiáng)調(diào)、突出、給人強(qiáng)烈印象的構(gòu)成要素周圍留下空白，能擴(kuò)大和提高視覺效果，同時(shí)利于視線流動(dòng)，破除沉悶感。著意處理的空白，能留下藝術(shù)想象的天地，增強(qiáng)畫面的靈性與氣韻。有些網(wǎng)頁設(shè)計(jì)者總想把界面“充分利用”，把文字、圖像安排得滿滿的，認(rèn)為設(shè)計(jì)畫面留有空間是一種浪費(fèi)。殊不知，這種龐雜堵塞的構(gòu)圖往往使人望而生畏，留不下一點(diǎn)印象，失去了設(shè)計(jì)的意義。
二、網(wǎng)頁設(shè)計(jì)的基本原則
⒈符合受眾心理與社會心理需求懂得不同的受眾以及不同社會層面的不同心理需求，是網(wǎng)頁設(shè)計(jì)者應(yīng)掌握的一項(xiàng)基本原則。在網(wǎng)頁設(shè)計(jì)創(chuàng)作之前，設(shè)計(jì)者要對所表達(dá)對象的文化背景、審美心理以及審美感知等作一系列相應(yīng)的了解。對不同的地方，設(shè)計(jì)者還要進(jìn)行一定區(qū)域民俗文化現(xiàn)象的了解與學(xué)習(xí)。只有這樣，設(shè)計(jì)出的網(wǎng)頁作品才能與設(shè)計(jì)對象產(chǎn)生緊密聯(lián)系，達(dá)到讀者與作品的心連心、面與面的交流。
⒉分析用戶需求，注意內(nèi)容布局設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁時(shí)應(yīng)該明確網(wǎng)站的類別，例如是企業(yè)網(wǎng)站、政府網(wǎng)站還是個(gè)人網(wǎng)頁等等。因?yàn)椴煌愋偷木W(wǎng)頁具有不同的主題與風(fēng)格，設(shè)計(jì)網(wǎng)頁時(shí)不能喧賓奪主，也不能主題與網(wǎng)站類別屬性相矛盾，在圖片、文字、色彩使用上要合理選擇。所以，網(wǎng)頁設(shè)計(jì)的第一步應(yīng)該以用戶需求和網(wǎng)站的類別為導(dǎo)向，所有的設(shè)計(jì)工作都應(yīng)該圍繞這個(gè)前提，正確定位，不能脫離主題。
⒊設(shè)計(jì)主題定位準(zhǔn)確網(wǎng)頁設(shè)計(jì)是一種按照一定需要，有目的進(jìn)行的一種計(jì)劃與預(yù)定。其突出特點(diǎn)就是具有相當(dāng)?shù)闹萍s性和約束力，即受到設(shè)計(jì)主題的限制和約束。網(wǎng)頁設(shè)計(jì)作品應(yīng)有自己鮮明主題，主題目標(biāo)的鮮明性決定了設(shè)計(jì)的鮮明個(gè)性特征。設(shè)計(jì)主題定位要求準(zhǔn)確，這是設(shè)計(jì)原則中的首要問題。網(wǎng)頁主題是設(shè)計(jì)傳遞內(nèi)容的主要信息，設(shè)計(jì)者應(yīng)該充分運(yùn)用所要傳達(dá)的特定信息，調(diào)動(dòng)畫面中所有的視覺因素，使之發(fā)揮出最大的視覺效果，設(shè)計(jì)的定位要始終牢牢地把握住設(shè)計(jì)主題。
⒋網(wǎng)頁下載的時(shí)間不能過長為了保證網(wǎng)站有不斷增長的點(diǎn)擊率，除了有吸引人的內(nèi)容之外，還要有較快的下載速度。網(wǎng)頁加載速度對于一個(gè)網(wǎng)站而言是十分重要的，它直接影響用戶的訪問體驗(yàn)和滿意度。如果2030秒還不能打開一個(gè)網(wǎng)頁，一般人就會沒有耐心。至少應(yīng)該確保主頁速度盡可能快，如沒有必要，最好不要用大的圖片，或者對圖片進(jìn)行壓縮使用。
⒌網(wǎng)頁對不同操作系統(tǒng)、瀏覽器的兼容通常情況下，人們所設(shè)計(jì)的網(wǎng)頁都在一種操作系統(tǒng)和瀏覽器中進(jìn)行調(diào)試。在互聯(lián)網(wǎng)中，有各式各樣的操作系統(tǒng)和瀏覽器，網(wǎng)頁中的一些技術(shù)、插件在不同的操作系統(tǒng)和瀏覽器中的效果是不同的，有的甚至根本無法兼容，因此要充分考慮網(wǎng)頁的兼容性。比較常見的辦法是在不同的操作系統(tǒng)和瀏覽器中做測試，保證最大的兼容性。⒍經(jīng)常進(jìn)行調(diào)試及數(shù)據(jù)更新為吸引更多用戶，網(wǎng)站中的信息必須經(jīng)常更新，如新聞、圖片資料等。同時(shí)，由于網(wǎng)站要經(jīng)常進(jìn)行修改更新，網(wǎng)頁之間的鏈接有時(shí)會出現(xiàn)斷開現(xiàn)象，因此，要經(jīng)常做網(wǎng)站的調(diào)試，檢查是否有鏈接出錯(cuò)的地方并進(jìn)行修復(fù)，以維護(hù)網(wǎng)站的正常運(yùn)行。
三、網(wǎng)頁界面設(shè)計(jì)的要求
⒈導(dǎo)航清晰，標(biāo)題具有可讀性在設(shè)計(jì)頁面時(shí)，要做一個(gè)層次分明的導(dǎo)航條，盡量使用戶知道自己所處的位置，同時(shí)，鏈接層次不要太多，盡量使用戶能夠用較短的時(shí)間找到所需的資料。一個(gè)網(wǎng)站的內(nèi)容主題要突出、明了，尤其是大段文字的使用，必須要易于用戶閱讀，在文字的安排上除了可以采用橫向分欄之外，也可將頁面縱向分割，或利用標(biāo)題和副標(biāo)題將文檔分段。為所有標(biāo)題和副標(biāo)題設(shè)置同一字體，并將標(biāo)題字體加大一號，所有標(biāo)題和副標(biāo)題都采用粗體，這樣便于識別標(biāo)題和副標(biāo)題，使用戶一眼就可以看到要點(diǎn)，以便找出并繼續(xù)閱讀有興趣的內(nèi)容［4］。另外，也可以將整句采用不同的顏色或用粗體突出主要內(nèi)容，字體的選擇上要和主題風(fēng)格相統(tǒng)一，字體和背景的顏色要能區(qū)別開，以便于識別。
⒉風(fēng)格統(tǒng)一，色彩和諧，重點(diǎn)突出網(wǎng)站中各個(gè)頁面要保持統(tǒng)一風(fēng)格，不要在不同的網(wǎng)頁中使用不同的主題風(fēng)格，風(fēng)格統(tǒng)一有助于加深用戶對網(wǎng)站的印象。要實(shí)現(xiàn)風(fēng)格的統(tǒng)一，不一定要把每個(gè)欄目做得一模一樣。例如，用戶可以嘗試讓導(dǎo)航條樣式統(tǒng)一，各個(gè)欄目采用不同的色彩搭配，在保持風(fēng)格統(tǒng)一的同時(shí)再為網(wǎng)站增加一些變化。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美觀的頁面。從設(shè)計(jì)的技法上來說，重點(diǎn)突出某個(gè)色彩因素，可以打破整體色調(diào)的單調(diào)和沉悶，再將一部分的色彩施以強(qiáng)烈醒目的色彩，能使畫面產(chǎn)生凝聚力和一張一弛的表現(xiàn)力，從而刺激視覺引起興趣，產(chǎn)生生動(dòng)的色彩形象感。在具體設(shè)計(jì)中，要注意重點(diǎn)色的作用，需要應(yīng)用巧妙而不能過度，到處重點(diǎn)就無所謂強(qiáng)調(diào)重點(diǎn)了，其結(jié)果只能導(dǎo)致整體的混亂。
⒊界面清爽，設(shè)計(jì)避免“一般化”頁面設(shè)計(jì)整潔、清爽有著不可忽視的作用，它是進(jìn)行藝術(shù)表現(xiàn)的重要手段。設(shè)計(jì)者要吸引用戶長時(shí)間停留在你的網(wǎng)站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內(nèi)容要使用和諧的背景色，前景文字和背景之間要對比鮮明。如果背景含有圖像，對比度要弱些，可把背景圖片透明度適當(dāng)降低，這樣用戶瀏覽時(shí)眼睛才不至于疲勞。設(shè)計(jì)中要把強(qiáng)調(diào)、突出、給人強(qiáng)烈印象的構(gòu)成要素的周圍留下空白，就能擴(kuò)大和提高視覺效果，同時(shí)利于視線流動(dòng)，沉悶感，著意處理的空白，能留下藝術(shù)想象的天地，增強(qiáng)畫面的靈性與氣韻。“一般化”是網(wǎng)頁設(shè)計(jì)所忌諱的問題。新穎、獨(dú)樹一幟、妙趣橫生是優(yōu)秀網(wǎng)頁設(shè)計(jì)蘊(yùn)涵潛在生命力的永恒主題，也是網(wǎng)頁設(shè)計(jì)師不斷追求和努力的方向。面對熟知的事物，人們往往總是表現(xiàn)出熟視無睹，很難引起足夠的重視。然而，美妙的設(shè)計(jì)又總是通過這些司空見慣的事物來表達(dá)出一種不尋常的藝術(shù)感覺。解決這一問題的辦法，就是藝術(shù)創(chuàng)意。運(yùn)用創(chuàng)意，就是在藝術(shù)表達(dá)這些普普通通的事物時(shí)，設(shè)計(jì)師往往運(yùn)用創(chuàng)造性思維，采取嶄新的觀察事物的方法，超越一般人的經(jīng)驗(yàn)和視覺思維，由此達(dá)到強(qiáng)烈的感染力和視覺沖擊力。
⒋技術(shù)為內(nèi)容服務(wù)一些網(wǎng)頁初學(xué)者經(jīng)常在所做的網(wǎng)頁中加入盡可能多的特效，以充實(shí)自己的頁面，這樣往往會適得其反。一定要明確技術(shù)是為內(nèi)容服務(wù)的這個(gè)前提，不要過分沉迷于技術(shù)的運(yùn)用，堅(jiān)決摒棄那些華而不實(shí)的特效。適當(dāng)?shù)膭?dòng)態(tài)效果可以起到畫龍點(diǎn)睛的作用，但過多的動(dòng)態(tài)效果會讓人眼花繚亂而抓不住主題，因此，應(yīng)用動(dòng)態(tài)效果不宜過度。在網(wǎng)頁設(shè)計(jì)過程中，設(shè)計(jì)者必須去研究、掌握并有意識地運(yùn)用這些規(guī)律，追求一種和諧的單純，即追求清晰的視覺沖擊力和巨大的張力，把美的形式規(guī)律同網(wǎng)頁設(shè)計(jì)結(jié)合起來，創(chuàng)作出好的作品。網(wǎng)頁設(shè)計(jì)沒有任何捷徑可走，只有在實(shí)踐中點(diǎn)點(diǎn)滴滴地積累。同時(shí)，要有一顆積極向上的心態(tài)，對生活充滿熱情，這樣才可能在自己的網(wǎng)頁設(shè)計(jì)中挖掘出好的東西來，同時(shí)給用戶留下深刻的印象。
參考文獻(xiàn)
［1］劉丹．網(wǎng)頁設(shè)計(jì)中的Flas視覺語言研究［D］．合肥:合肥工業(yè)大學(xué)，2006．
［2］黃燕云．淺談網(wǎng)站導(dǎo)航系統(tǒng)設(shè)計(jì)［J］．科教文匯，2009(18):268-270．
［3］劉曉知．淺談如何設(shè)計(jì)成功的網(wǎng)站導(dǎo)航［J］．電腦學(xué)習(xí)，2009(5):10-12．
