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