1.2 網(wǎng)頁(yè)的基本構(gòu)成元素

網(wǎng)頁(yè)的構(gòu)成元素眾多，下面就來(lái)介紹網(wǎng)頁(yè)的基本構(gòu)成元素。在網(wǎng)頁(yè)中，文本和圖像起著不可或缺的作用，圖文并茂的網(wǎng)頁(yè)傳遞著豐富的信息，讓網(wǎng)頁(yè)的制作者和瀏覽者之間能有一個(gè)良好的溝通。

1.網(wǎng)站Logo

Logo就是網(wǎng)站的標(biāo)志，它的設(shè)計(jì)要能夠充分體現(xiàn)該網(wǎng)站的核心理念，并且設(shè)計(jì)要求動(dòng)感、簡(jiǎn)約、大氣、高品位、色彩搭配合理、美觀、印象深刻。

完整的Logo設(shè)計(jì)，一般都應(yīng)考慮至少有中英文雙語(yǔ)的形式，要考慮中英文字的比例搭配。一般要有中文圖案、英文圖案、中文、英文的組合形式。有的還要考慮繁體、其他特定語(yǔ)言版本等，另外還要兼顧標(biāo)識(shí)或文字展開(kāi)后的應(yīng)用是否美觀。如圖1-5所示為網(wǎng)站Logo。

2.網(wǎng)站Banner

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

3.導(dǎo)航欄

導(dǎo)航欄是瀏覽者瀏覽網(wǎng)頁(yè)時(shí)有效的指向標(biāo)志。導(dǎo)航欄可分為框架導(dǎo)航、文本導(dǎo)航和圖片導(dǎo)航等，根據(jù)導(dǎo)航欄放置的位置可分為橫排導(dǎo)航欄和豎排導(dǎo)航欄。導(dǎo)航欄的使用原則如下：

● 對(duì)于內(nèi)容豐富的網(wǎng)站，可以使用框架導(dǎo)航，以便瀏覽者在任何頁(yè)面都可快速切換到另一個(gè)欄目。

● 若利用JavaScript、DHTML等動(dòng)態(tài)隱藏層技術(shù)實(shí)現(xiàn)導(dǎo)航欄，需注意瀏覽器是否支持。

● 圖片導(dǎo)航雖很美觀，但占用的空間較大，會(huì)影響網(wǎng)頁(yè)打開(kāi)的速度，不應(yīng)多用。

● 多排導(dǎo)航條應(yīng)在導(dǎo)航欄目很多的情況下使用。

● 導(dǎo)航欄目超過(guò)8個(gè)可分兩行進(jìn)行排列，如果欄目過(guò)多可以多行排列。

4.文本

文本是網(wǎng)頁(yè)傳遞信息的主要載體，如圖1-7所示。文本傳輸速度快，而且網(wǎng)頁(yè)中的文本可以設(shè)置其大小、顏色、段落、層次等屬性，風(fēng)格獨(dú)特的網(wǎng)頁(yè)文本設(shè)置會(huì)給瀏覽者賞心悅目的感覺(jué)。

5.圖像

相對(duì)于文字來(lái)說(shuō)，圖像更加生動(dòng)直觀，可以給人較強(qiáng)的視覺(jué)沖擊，因此使用圖像可使網(wǎng)頁(yè)更具吸引力。

圖像在網(wǎng)頁(yè)中充當(dāng)著各種角色，網(wǎng)站標(biāo)識(shí)、網(wǎng)頁(yè)背景和鏈接等都可以使用圖像，而且圖像可以傳遞一些文字較難表達(dá)的信息，如圖1-8所示。

6.動(dòng)畫(huà)

在網(wǎng)頁(yè)中加入動(dòng)畫(huà)，可使網(wǎng)頁(yè)更具動(dòng)感，更能吸引瀏覽者的眼球，一般有GIF格式和Flash動(dòng)畫(huà)等。如圖1-9所示為網(wǎng)頁(yè)中的Flash動(dòng)畫(huà)。