網站的基本元素是網頁,一個個的網頁構成了一個完整的網站,網頁也是可分的,構成網頁的基本元素包括標題、網站LOGO、頁眉、頁腳、主體內容、功能區、導航區、廣告欄等。這些元素在網頁的位置安排,就是網頁的整體布局。
標題
每個網頁的最頂端都有一條信息,這條信息往往出現在浏覽器的標題欄,而非網頁中,但是這條信息也是網頁布局中的一部分。這條信息是對這個網頁中主要內容的提示,即標題。
網站LOGO
LOGO是網站所有者對外宣傳自身形象的工具。LOGO集中體現了這個網站的文化內涵和內容定位。可以說,LOGO是一個網站的最為吸引人、最容易被人記住的標志。LOGO在網站中的位置都比較醒目,目的是要使其突出,容易被人識別與記憶。在二級網頁中,頁眉位置一般都留給LOGO。另外,LOGO往往被設計成為一種可以回到首頁的超鏈接。
頁眉
網頁的上端即是這個頁面的頁眉。頁眉並不是在所有的網頁中都有,一些特殊的網頁就沒有明確劃分出頁眉。頁眉往往在一個頁面中相當重要的位置,容易引起浏覽者的注意,所以很多網站都會在頁眉中設置宣傳本網站的內容,如網站宗旨、網站LOGO等,也有一些網站將這個“黃金地段”作為廣告位出租。
主體內容
主體內容是網頁中的最重要的元素。主體內容並不完整,往往由下一級內容的標題、內容提要、內容摘編的超鏈接構成。主體內容借助超鏈接,可以利用一個頁面,高度概括幾個頁面所表達的內容,而首頁的主體內容甚至能在一個頁面中高度概括整個網站的內容。
主體內容一般均有圖片和文檔構成,現在的一些網站的主體內容中還加入了視頻、音頻等多媒體文件。由於人們的閱讀習慣是由上至下、由左至右,所以主體內容的內容分布也是按照這個規律,依照重要到不重要的順序安排內容,所以在主體內容中,左上方的內容是最重要的。
頁腳
網頁的最底端部分被稱為頁腳,頁腳部分通常被用來介紹網站所有者的具體信息和聯絡方式,如名稱、地址、聯系方式、版權信息等。其中一些內容被做成標題式的超鏈接,引導浏覽者進一步了解詳細的內容。
功能區
功能區是網站主要功能的集中表現。一般位於網頁的右上方或右側邊欄。功能區包括:電子郵件、信息發布、用戶名注冊、登陸網站等內容。有些網站使用了IP定位功能,定位浏覽者所在地,然後可在功能區顯示當地的天氣、新聞等個性化信息。
導航區
如果說主體內容部分重要的話,導航區的重要性與其不相上下,甚至導航區的設計可以成為一種獨立的設計,與網頁布局設計分庭抗禮。之所以說導航區重要,是因為其所在位置左右著整個網頁布局的設計。導航區一般分為4種位置,分別是左側、右側、頂部和底部。一般網站使用的導航區都是單一的,但是也有一些網站為了使網頁更便於浏覽者操作,增加可訪問性,往往采用了多導航技術。
廣告區
廣告區是網站實現贏利或自我展示的區域。一般位於網頁的頁眉、右側和底部。廣告區內容以文字、圖像、Flash動畫為主。通過吸引浏覽者點擊鏈接的方式達成廣告效果。廣告區設置要達到明顯、合理、引人注目,這對整個網站的布局很重要。