1.2 網頁的基本構成元素

網頁的構成元素眾多，下面就來介紹網頁的基本構成元素。在網頁中，文本和圖像起著不可或缺的作用，圖文并茂的網頁傳遞著豐富的信息，為網頁的制作者和瀏覽者之間提供一種良好的溝通方式。

1．網站Logo

Logo就是網站的標志，它的設計要能夠充分體現該網站的核心理念，并且設計要求動感、簡約、大氣、高品位、色彩搭配合理、美觀、印象深刻。

完整的Logo設計，一般都應考慮至少有中、英文雙語的形式，要考慮中文字和英文字的比例搭配。一般是中文圖案、英文圖案、中文、英文的組合形式，有的還要考慮繁體、其他特定語言版本等。另外，還要兼顧標識或文字展開后的應用的美觀。如圖1-5所示，為網站的Logo。

2．網站Banner

Banner是橫幅廣告，是互聯網廣告中最基本的廣告形式。Banner可以位于網頁頂部、中部或底部任意一處，一般橫向貫穿整個或者大半個頁面。Banner的尺寸有許多，如468×60像素、392×60像素、234×60像素、125×125像素、120×90像素等。常見的尺寸是480×60像素，使用GIF格式的圖像文件，可以使用靜態圖像，也可以使用動畫。除GIF格式外，還可以使用Flash動畫。如圖1-6所示，為GIF格式的Banner。

3．導航欄

導航欄是瀏覽者瀏覽網頁時有效的指向標志。導航欄可分為框架導航、文本導航和圖片導航等，根據導航欄放置的位置，可分為橫排導航欄和豎排導航欄。導航欄的使用原則如下：

? 對于內容豐富的網站，可以使用框架導航，以便瀏覽者在任何頁面上時，都可快速切換到另一個欄目。

? 若利用JavaScript、DHTML等動態隱藏層技術實現導航欄，需要注意瀏覽器是否支持。

? 圖片導航雖然很美觀，但占用的空間較大，會影響網頁打開的速度，不應多用。

? 多排導航條應在導航欄目很多的情況下使用。

? 導航欄目超過8個，可分兩行進行排列，如果欄目過多，可以采用多行排列的方式。

4．文本

文本是網頁傳遞信息的主要載體，如圖1-7所示。文本傳輸速度快，而且設計者可以對網頁中的文本進行大小、顏色、段落、層次等屬性方面的設置，風格獨特的網頁文本設置會給瀏覽者帶來賞心悅目的感覺。

5．圖像

相對于文字來說，圖像更加直觀生動，可以帶給人較強的視覺沖擊，因此，使用圖像可使網頁更具吸引力。

圖像在網頁中充當著各種各樣的角色，網站標識、網頁背景和超鏈接等都可以使用圖像，而且圖像可以傳遞一些文字較難表達的信息，如圖1-8所示。

6．動畫

在網頁中加入動畫，可使網頁更具動感，更能吸引瀏覽者的眼球，一般有GIF格式動畫和Flash動畫等。如圖1-9所示，為網頁中的Flash動畫。