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

網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素，不同性質(zhì)的網(wǎng)站，其頁(yè)面元素是不同的。一般網(wǎng)頁(yè)的基本元素包括Logo、Banner、導(dǎo)航欄目、文本、圖像、Flash動(dòng)畫和多媒體等。

1. 網(wǎng)站Logo

網(wǎng)站Logo，也稱“網(wǎng)站標(biāo)志”，它是一個(gè)網(wǎng)站的象征，也是一個(gè)網(wǎng)站是否正規(guī)的標(biāo)志之一。一個(gè)好的標(biāo)志可以很好地樹立網(wǎng)站形象。網(wǎng)站標(biāo)志一般放在網(wǎng)頁(yè)的左上角，瀏覽者一眼就能看到它。成功的網(wǎng)站標(biāo)志有著獨(dú)特的形象，在網(wǎng)站的推廣和宣傳中起到重要的作用。網(wǎng)站標(biāo)志應(yīng)體現(xiàn)該網(wǎng)站的特色、內(nèi)容及其內(nèi)在的文化和理念，如圖1-8所示。

Logo的設(shè)計(jì)創(chuàng)意來(lái)自網(wǎng)站的名稱和內(nèi)容，大致分以下3個(gè)方面。

·　網(wǎng)站有代表性的人物、動(dòng)物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，并加以卡通化和藝術(shù)化。

·　網(wǎng)站有專業(yè)性的，可以用本專業(yè)且代表性的物品作為標(biāo)志，如中國(guó)銀行的銅板標(biāo)志、奔馳汽車的方向盤標(biāo)志等。

·　最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作為標(biāo)志。采用不同的字體、字符的變形、字符的組合都可以很容易地制作好網(wǎng)站的標(biāo)志。

2. 網(wǎng)站Banner

網(wǎng)站Banner就是橫幅廣告，也是互聯(lián)網(wǎng)廣告中最基本的廣告形式。Banner可以位于網(wǎng)頁(yè)頂部、中部或底部，一般為橫向貫穿整個(gè)或者大半個(gè)頁(yè)面的廣告條。常見的尺寸是480像素×60像素或233像素×30像素，使用GIF格式的圖像文件，可以使用靜態(tài)圖形，也可以使用動(dòng)態(tài)圖像。除普通GIF格式外，采用Flash形式能賦予Banner更強(qiáng)的表現(xiàn)力和交互性。

網(wǎng)站Banner首先要美觀，這個(gè)小區(qū)域設(shè)計(jì)得非常漂亮，讓人看上去會(huì)很舒服，即使不是網(wǎng)民所要看的內(nèi)容，或者是一些可看不可看的內(nèi)容，網(wǎng)民也會(huì)很有興趣去看看，此時(shí)點(diǎn)擊就是順理成章的事情了。Banner還要與整個(gè)網(wǎng)頁(yè)相協(xié)調(diào)，同時(shí)又要突出、醒目，用色要與頁(yè)面的主色相搭配，如主色是淺黃，廣告條的用色就可以是一些淺色，切忌用對(duì)比色，如圖1-9所示。

3. 網(wǎng)站導(dǎo)航欄

導(dǎo)航欄既是網(wǎng)頁(yè)設(shè)計(jì)中的重要組成部分，又是整個(gè)網(wǎng)頁(yè)設(shè)計(jì)中較獨(dú)立的部分。一般來(lái)說(shuō)，網(wǎng)站中的導(dǎo)航欄在各個(gè)頁(yè)面中出現(xiàn)的位置是比較固定的，而且風(fēng)格也較為統(tǒng)一。而且導(dǎo)航欄的位置對(duì)網(wǎng)站的結(jié)構(gòu)與各個(gè)頁(yè)面的整體布局起著舉足輕重的作用。

導(dǎo)航欄的位置一般有4種：在頁(yè)面的左側(cè)、右側(cè)、頂部和底部。有的在同一個(gè)頁(yè)面中還會(huì)運(yùn)用了多種導(dǎo)航方式，如在頂部設(shè)置了主菜單，而在頁(yè)面的左側(cè)又設(shè)置了折疊式菜單，同時(shí)在頁(yè)面的底部設(shè)置了多種鏈接，這樣就會(huì)增強(qiáng)網(wǎng)站的可訪問性。當(dāng)然，并不是在頁(yè)面中導(dǎo)航欄出現(xiàn)的次數(shù)越多越好，而是要合理地運(yùn)用頁(yè)面，達(dá)到總體的協(xié)調(diào)一致，如圖1-10所示。

4. 網(wǎng)站文本

文本一直是人類最重要的信息載體與交流工具，網(wǎng)頁(yè)中展示的信息也以文本為主。與圖像相比，文字雖然不如圖像那樣易于吸引瀏覽者的注意了，但能準(zhǔn)確地表達(dá)信息的內(nèi)容和含義。

為了克服文字固有的缺點(diǎn)，人們賦予了網(wǎng)頁(yè)中文本更多的屬性，如字體、字號(hào)和顏色等，通過(guò)不同格式的區(qū)別，突出顯示重要的內(nèi)容，如圖1-11所示。

5. 網(wǎng)站圖像

圖像在網(wǎng)頁(yè)中具有提供信息、展示形象、美化網(wǎng)頁(yè)、表達(dá)個(gè)人情趣和風(fēng)格的作用。可以在網(wǎng)頁(yè)中使用GIF、JPEG和PNG等多種圖像格式，其中使用最廣泛的有GIF和JPEG兩種格式，如圖1-12所示。

6. Flash動(dòng)畫

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)頁(yè)上出現(xiàn)了越來(lái)越多的Flash動(dòng)畫。Flash動(dòng)畫已經(jīng)成為當(dāng)今網(wǎng)頁(yè)中必不可缺少的部分，美觀的動(dòng)畫能夠?yàn)榫W(wǎng)頁(yè)增色不少，從而吸引更多的瀏覽者。Flash動(dòng)畫不僅需要對(duì)動(dòng)畫制作軟件非常熟悉，更重要的是設(shè)計(jì)者獨(dú)特的創(chuàng)意，如圖1-13所示。

7. 頁(yè)腳

網(wǎng)頁(yè)的底端稱為“頁(yè)腳”，頁(yè)腳部分通常被用來(lái)介紹網(wǎng)站所有者的具體信息和聯(lián)系方式，如名稱、地址、聯(lián)系方式、版權(quán)信息等。其中一些內(nèi)容被做成標(biāo)題式的超鏈接，引導(dǎo)瀏覽者進(jìn)一步了解詳細(xì)的內(nèi)容，如圖1-14所示。

8. 廣告區(qū)

廣告區(qū)是網(wǎng)站實(shí)現(xiàn)盈利或自我展示的區(qū)域。一般位于網(wǎng)頁(yè)的頂部或右側(cè)。廣告區(qū)的內(nèi)容以文字、圖像、Flash動(dòng)畫為主，通過(guò)吸引瀏覽者點(diǎn)擊鏈接的方式達(dá)成廣告效果。廣告區(qū)要做到明顯、合理、引人注目，這對(duì)整個(gè)網(wǎng)站的布局很重要，如圖1-15所示。