在信息技術(shù)飛速發(fā)展的今天，人們獲取信息的方式更多是來源于互聯(lián)網(wǎng)。而吸引瀏覽用戶的則是視覺效果出色、信息量豐富、使用起來便捷的網(wǎng)頁，所以網(wǎng)頁設(shè)計尤為重要。本文從網(wǎng)頁設(shè)計的角度出發(fā)，介紹一些設(shè)計中要素和技巧，例如框架、CSS樣式的使用等等。
  
  互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。

設(shè)計經(jīng)驗

  一、 網(wǎng)頁設(shè)計的要素
  
  在一個網(wǎng)站中，最重要的頁面當(dāng)屬主頁，所以在此以主頁為例，說明在網(wǎng)頁制作中版面設(shè)計的問題。從版面設(shè)計來講,一個有特色的主頁,必須包含有四個要素：文字，圖片，排列方式和主色調(diào)，這四者相輔相成，缺一不可。
  
  1.圖片要素
  
  要設(shè)計出漂亮的主頁，首先要成為計算機圖形高手，僅這一點就可以讓初學(xué)者花上一年半載的時間。圖片的要求與頁面的內(nèi)容有關(guān)，一些較隨意的主頁像股票、醫(yī)藥站點等，來訪者并不在乎你能否做出精彩的圖片，有些時候他們反而覺得放置圖象后影響了訪問速度，他們關(guān)心的只是頁面內(nèi)容；相反像一些需要靠圖象來吸引訪客的主頁，如游戲介紹、影視介紹、風(fēng)光名勝等站點，圖象是一個極為重要的要素，在這里缺少了恰當(dāng)?shù)膱D象，整個頁面就會黯然失色、就是一個不完整的主頁。這需要去學(xué)習(xí)像photoshop這樣的圖形圖像處理軟件，還要有一定的美術(shù)基礎(chǔ)，如審美觀、創(chuàng)意技巧等，
  
  2.排列方法要素
  
  主頁的第二個要素是排列方法，即網(wǎng)頁布局。網(wǎng)頁作為一種版面，既有文字，又有圖片；文字有大有小，還有標(biāo)題和正文之分；圖片頁有大小而且有橫豎之別。圖片和文字都需要同時展示給觀眾，不能簡單地將其羅列在一個頁面上，否則會搞得雜亂無章。關(guān)于具體的網(wǎng)頁布局，常見的有“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，關(guān)于它們，在網(wǎng)頁設(shè)計的相關(guān)書籍中或者在網(wǎng)絡(luò)上都可以看到詳細的敘述。比如如果內(nèi)容非常多，就要考慮用“國字型”或拐角型；而如果內(nèi)容不算太多而一些說明性的東西比較多，則可以考慮標(biāo)題正文型；而如果是一個企業(yè)網(wǎng)站想展示一下企業(yè)形象或個人主頁想展示個人風(fēng)采，封面性是首選；Flash型更靈活一些，好的Flash大大豐富了網(wǎng)頁，但是它不能表達過多的文字信息。還沒有提到的就是變化型了，只有不斷的變化才會提高，才會不斷豐富我們的網(wǎng)頁。
  
  3.色彩要素
  
  色彩在網(wǎng)頁所占比重很大。有了合理清新的色調(diào)，會彌補主頁上的其它不足。頁面的色彩搭配是與網(wǎng)站的主題分不開的，一個網(wǎng)站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調(diào)乏味。一般來說，頁面的主體文字應(yīng)盡量使用黑色等較深的顏色，與背景對比明顯，按鈕、邊框等使用彩色。例如教育類網(wǎng)站使用藍色為主題色，再用紅色和黑色作為配色，就能表達出嚴(yán)肅、穩(wěn)重的效果。
  
  二、 網(wǎng)頁設(shè)計技巧
  
  一張完美的主頁設(shè)計需要積累豐富的知識以及掌握大量的技巧。在這里筆者從框架和CSS樣式的運用兩方面來介紹網(wǎng)頁設(shè)計的技巧。
  
  1.框架的使用
  
  FRAME（框架）是Web上經(jīng)常會看到的頁面結(jié)構(gòu)?？蚣艿淖畛Ｒ娪猛揪褪菍?dǎo)航。一組框架通常包括一個含有導(dǎo)航條的框架和另一個要顯示主要內(nèi)容頁面的框架。
  
  使用框架具有以下優(yōu)點：訪問者的瀏覽器不需要為每個頁面重新加載與導(dǎo)航相關(guān)的圖形；每個框架都具有自己的滾動條(如果內(nèi)容太大，在窗口中顯示不下)，因此訪問者可以獨立滾動這些框架。例如，當(dāng)框架中的內(nèi)容頁面較長時，如果導(dǎo)航條位于不同的框架中，那么向下滾動到頁面底部的訪問者就不需要再滾動回頂部來使用導(dǎo)航條。
  
  使用框架具有以下缺點：可能難以實現(xiàn)不同框架中各元素的精確圖形對齊；對導(dǎo)航進行測試可能很耗時間。
  
  許多專業(yè) Web 設(shè)計人員不喜歡使用框架，并且許多瀏覽 Web 的人也不喜歡框架。在大多數(shù)情況下，這種反感是因為遇到了那些使用框架效果不佳或不必要地使用框架的站點(例如，每當(dāng)訪問者單擊導(dǎo)航按鈕時就重新加載導(dǎo)航框架內(nèi)容的框架集)。如果框架使用得法(例如，在允許其他框架的內(nèi)容發(fā)生更改的同時，使一個框架中的導(dǎo)航控件保持靜態(tài))，則這些框架對于某些站點可能非常有用。
  
  2. CSS樣式的使用
  
  CSS(層疊樣式表)是一種制作網(wǎng)頁的新技術(shù),它的全稱是級聯(lián)樣式表,即Cascading StyleSheets的縮寫，又稱之為風(fēng)格樣式表單。CSS是在網(wǎng)頁制作過程中普遍用到的技術(shù)。采用了CSS技術(shù)控制的網(wǎng)頁，設(shè)計者會更輕松、有效地對頁面的整體布局、顏色、字體、鏈接、背景以及同一頁面的不同部分、不同頁面的外觀和格式等效果實現(xiàn)更加精確地控制。
  
  三、網(wǎng)頁設(shè)計經(jīng)驗談
  
  一般的來說，絕大多數(shù)普通受眾圖形，插件，applets和其它有關(guān)的高級Web瀏覽器特性。對我們來說，頁面的實用可能比漂亮更重要，對于用戶來說，沒有什么比頁面能夠快速下載更重要了，簡而言之，精簡你的站點，這是一條最佳的捷徑。
  
  另外還要注意，不要依賴圖形。就站點設(shè)計而言，的確能夠通過成功的圖形設(shè)計招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片，某些人為了加快存取網(wǎng)絡(luò)的速度已經(jīng)關(guān)閉了瀏覽器端的圖形。簡而言之，圖形并不能正確的在客戶端加載。然而，圖形經(jīng)常被用來作為導(dǎo)航按鈕。
  
  第三要注意，僅僅在需要的時候使用幀(FRAME)。 使用幀可以把一個瀏覽器分成幾個不同的窗口，對于站點的結(jié)構(gòu)的把握是一個不錯的方法。但是，你還是必須知道，還是有人在使用不支持幀的瀏覽器。在你開始打算設(shè)計一個幀的時候，你該仔細的考慮考慮你是否的確真的需要。經(jīng)常，你這樣的需求可以通過表格來組織站點的結(jié)構(gòu)。
  
  網(wǎng)頁設(shè)計涉及到對多種軟件、多種知識的學(xué)習(xí)和應(yīng)用，以及個人的審美觀等等。所以要想制作出漂亮的網(wǎng)頁，需要一個逐步學(xué)習(xí)和經(jīng)驗積累的過程。網(wǎng)頁設(shè)計還有更多的技巧，有待于我們?nèi)ネ诰蚝脱芯俊?