1.1 網頁的基本元素

在初次設計網頁之前，首先應該認識一下構成網頁的基本元素，只有這樣，才能在設計中得心應手，根據需要合理地組織和安排網頁內容。

如圖1-1所示是夢想櫥柜網站的首頁，其中包含了常見的網頁元素，如導航欄、廣告動畫、圖片、文本、超鏈接等。

1.文本

文本一直是最重要的信息載體與交流工具。網頁中的信息也以文本為主。與圖片相比，文字雖然不如圖片那樣能夠很快引起瀏覽者的注意，但卻能準確地表達信息的內容和含義。

為了克服文本固有的缺點，人們賦予了網頁中文本更多的屬性，如字體、字號、顏色、底紋和邊框等。通過不同格式的區別，突出顯示重要的內容。此外，用戶還可以在網頁中設計各種各樣的文字列表，來清晰地表達一系列項目。這些功能都給網頁中的文本賦予了新的生命力。

2.圖片和動畫

圖片在網頁中具有提供信息、展示作品、裝飾網頁、表現個人情調和風格的作用。用戶在網頁中使用的圖片格式主要包括GIF、JPEG和PNG等，其中使用最廣泛的是GIF和JPEG兩種格式。

應當注意的是，當用戶使用“所見即所得”的網頁設計軟件在網頁上添加其他非GIF、JPEG或PNG格式的圖片并保存時，這些軟件通常會自動將少于8位顏色的圖片轉化為GIF格式，或者將多于8位顏色的圖片轉化為JPEG格式。

在網頁中，為了更有效地吸引瀏覽者的注意，許多網站的廣告都做成了動畫形式，例如，圖1-1中的廣告動畫。

3.聲音和視頻

聲音是多媒體網頁的一個重要組成部分。對于不同格式的聲音文件，需要用不同的方法將它們添加到Web頁中。在決定添加聲音之前，需要考慮的因素包括用途、格式、文件大小、聲音品質和瀏覽器差別等。不同瀏覽器對于聲音文件的處理方法是不同的，彼此之間很可能不兼容。

用于網絡的聲音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。設計者在使用這些格式的文件時，需要加以區別。很多瀏覽器不要插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的聲音文件則需要專門的瀏覽器播放。

視頻文件的格式也非常多，常見的有RealPlayer、MPEG、AVI和DivX等。視頻文件的采用會讓網頁變得精彩而有動感。

4.超鏈接

超鏈接技術是WWW流行起來的最主要的原因。它是從一個網頁指向另一個目的端的鏈接。例如，指向另一個網頁或者相同網頁上的不同位置。目的端通常是另一個網頁，也可以是一幅圖片、一個電子郵件地址、一個文件、一個程序或者本網頁中的其他位置。

熱點通常是文本、圖片或圖片中的區域，也可以是一些不可見的程序腳本。當瀏覽者單擊超鏈接熱點時，其目的端將顯示在Web瀏覽器中，并根據目的端的類型以不同方式打開。例如，當指向一個AVI文件的超鏈接被單擊后，該文件將在媒體播放軟件中打開；如果單擊的是指向一個網頁的超鏈接，則該網頁將顯示在Web瀏覽器中。在圖1-1中，“更多”鏈接的文字，就是已經建立了超鏈接的文本。

5.導航欄

導航欄的作用就是引導瀏覽者游歷站點。事實上，導航欄就是一組超鏈接，這組超鏈接的目標就是本站點的主頁及其他重要網頁。在設計站點中的網頁時，可以在站點的每個網頁上顯示一個導航欄，這樣，瀏覽者就可以既快又容易地轉向站點的其他網頁。

在一般情況下，導航欄應放在網頁中較引人注目的位置，通常是在網頁的頂部或一側。導航欄既可以是文本鏈接，也可以是一些圖形按鈕。圖1-1中的導航欄就是一組文本鏈接。

6.其他常見元素

網頁中除了以上幾種最基本的元素之外，還有一些其他的常用元素，包括懸停按鈕、JavaScript特效、ActiveX等各種特效。它們不僅能點綴網頁，使網頁更活潑有趣，而且在網上娛樂、電子商務等方面也有著不可忽視的作用。