網頁設計實用技術研究

【摘要】在信息技術飛速發展的今天，人們獲取信息的方式更多是來源于互聯網。而吸引瀏覽用戶的則是視覺效果出色、信息量豐富、使用起來便捷的網頁，所以網頁設計尤為重要。本文從網頁設計的角度出發，介紹一些設計中要素和技巧，例如框架、CSS樣式的使用等等。

【關鍵詞】網頁設計 要素 框架

互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。網頁設計伴隨著網絡的快速發展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常的重要。網頁講究的是排版布局，其功能主要就是提供一種形式給每個上網者，讓他們能夠了解網站提供的信息。

一、網頁設計的要素

在一個網站中，最重要的頁面當屬主頁，所以在此以主頁為例，說明在網頁制作中版面設計的問題。從版面設計來講，一個有特色的主頁，必須包含有四個要素：文字，圖片，布局和主色調，這四者相輔相成，缺一不可。

1.圖片要素。要設計出漂亮的主頁，首先要成為計算機圖形高手，僅這一點就可以讓初學者花上一年半載的時間。圖片的要求與頁面的內容有關，一些較隨意的主頁像股票、醫藥站點等，來訪者并不在乎你能否做出精彩的圖片，有些時候他們反而覺得放置圖象后影響了訪問速度，他們關心的只是頁面內容；相反像一些需要靠圖象來吸引訪客的主頁，如游戲介紹、影視介紹、風光名勝等站點，圖象是一個極為重要的要素，在這里缺少了恰當的圖象，整個頁面就會黯然失色、就是一個不完整的主頁。這需要去學習像photoshop這樣的圖形圖像處理軟件，還要有一定的美術基礎，如審美觀、創意技巧等。

2.網頁布局要素。主頁的第二個要素是排列方法，即網頁布局。網頁作為一種版面，既有文字，又有圖片；文字有大有小，還有標題和正文之分；圖片頁有大小而且有橫豎之別。圖片和文字都需要同時展示給觀眾，不能簡單地將其羅列在一個頁面上，否則會搞得雜亂無章。關于具體的網頁布局，常見的有“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，關于它們，在網頁設計的相關書籍中或者在網絡上都可以看到詳細的敘述。

3.色彩要素。色彩在網頁所占比重很大。有了合理清新的色調，會彌補主頁上的其它不足。頁面的色彩搭配是與網站的主題分不開的，一個網站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調乏味。一般來說，頁面的主體文字應盡量使用黑色等較深的顏色，與背景對比明顯，按鈕、邊框等使用彩色。例如教育類網站使用藍色為主題色，再用其他顏色作為配色，就能表達出嚴肅、穩重的效果。

二、網頁設計技巧

一張完美的主頁設計需要積累豐富的知識以及掌握大量的技巧。在這里筆者從框架和CSS樣式的運用兩方面來介紹網頁設計的技巧。

1.框架的使用。FRAME（框架）是Web上經常會看到的頁面結構。框架的最常見用途就是導航。一組框架通常包括一個含有導航條的框架和另一個要顯示主要內容頁面的框架。

使用框架具有以下優點：訪問者的瀏覽器不需要為每個頁面重新加載與導航相關的圖形；每個框架都具有自己的滾動條（如果內容太大，在窗口中顯示不下），因此訪問者可以獨立滾動這些框架。例如，當框架中的內容頁面較長時，如果導航條位于不同的框架中，那么向下滾動到頁面底部的訪問者就不需要再滾動回頂部來使用導航條。

使用框架具有以下缺點：可能難以實現不同框架中各元素的精確圖形對齊；對導航進行測試可能很耗時間。

2.CSS樣式的使用。CSS（層疊樣式表）是一種制作網頁的新技術，它的全稱是級聯樣式表，即Cascading StyleSheets的縮寫，又稱之為風格樣式表單。CSS是在網頁制作過程中普遍用到的技術。采用了CSS技術控制的網頁，設計者會更輕松、有效地對頁面的整體布局、顏色、字體、鏈接、背景以及同一頁面的不同部分、不同頁面的外觀和格式等效果實現更加精確地控制。

三、網頁設計經驗談

一般的來說，絕大多數普通受眾圖形，插件，applets和其它有關的高級Web瀏覽器特性。對我們來說，頁面的實用可能比漂亮更重要，對于用戶來說，沒有什么比頁面能夠快速下載更重要了，簡而言之，精簡你的站點，這是一條最佳的捷徑。

另外還要注意，不要依賴圖形。就站點設計而言，的確能夠通過成功的圖形設計招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片，某些人為了加快存取網絡的速度已經關閉了瀏覽器端的圖形。簡而言之，圖形并不能正確的在客戶端加載。然而，圖形經常被用來作為導航按鈕。

網頁設計涉及到對多種軟件、多種知識的學習和應用，以及個人的審美觀等等。所以要想制作出漂亮的網頁，需要一個逐步學習和經驗積累的過程。網頁設計還有更多的技巧，有待于我們去挖掘和研究。

參考文獻：

[1]袁自海.CSS在網頁設計中的應用[J].電腦知識與技術.2008.