網(wǎng)頁(yè)設(shè)計(jì)中的版塊結(jié)構(gòu)

Internet中的網(wǎng)頁(yè)由于設(shè)計(jì)和制作的差別而千變?nèi)f化，但通常由幾大版塊組成。一般的網(wǎng)頁(yè)包含網(wǎng)站LOGO、Banner、導(dǎo)航條、主題部分，以及版尾等5部分。

1．網(wǎng)站LOGO

通常網(wǎng)站為體現(xiàn)其特色與內(nèi)涵，設(shè)計(jì)并制作一個(gè)LOGO圖像放置在網(wǎng)站的左上角或其他醒目的位置。企業(yè)網(wǎng)站常常使用企業(yè)的標(biāo)志或者注冊(cè)商標(biāo)。一個(gè)設(shè)計(jì)優(yōu)秀的LOGO可以給瀏覽者留下深刻的印象，為網(wǎng)站和企業(yè)形象宣傳起到十分重要的作用，如圖1-14所示。

圖1-14  網(wǎng)站的LOGO

2．導(dǎo)航條

導(dǎo)航條是網(wǎng)頁(yè)的重要組成元素。設(shè)計(jì)的目的是將站點(diǎn)內(nèi)的信息分類處理，然后放在網(wǎng)頁(yè)中以幫助瀏覽者快速查找站內(nèi)信息。導(dǎo)航條的形式多種多樣，包括文本導(dǎo)航條、圖像導(dǎo)航條以及動(dòng)畫(huà)導(dǎo)航條等。有些使用特殊技術(shù)（例如Flash技術(shù)、JavaScript技術(shù)和CSS樣式）制作的導(dǎo)航條還可以具有下拉菜單功能，如圖1-15所示。

圖1-15  網(wǎng)站導(dǎo)航條

3．Banner

Banner中文意思是橫幅或者網(wǎng)幅。Banner的內(nèi)容通常為網(wǎng)頁(yè)中的廣告。在網(wǎng)頁(yè)布局中，大部分網(wǎng)頁(yè)將Banner放置在與導(dǎo)航條相鄰處，或者其他醒目的位置以吸引瀏覽者瀏覽，如圖1-16所示。

圖1-16  網(wǎng)站Banner

4．內(nèi)容版塊

網(wǎng)頁(yè)的內(nèi)容版塊是整個(gè)頁(yè)面的組成部分。設(shè)計(jì)人員可以通過(guò)該頁(yè)面的欄目要求來(lái)設(shè)計(jì)不同版塊，每個(gè)版塊有一個(gè)標(biāo)題內(nèi)容，并且每個(gè)內(nèi)容版塊主要來(lái)顯示不同文本信息，如作品、動(dòng)態(tài)、客戶、域名空間、網(wǎng)站建設(shè)等，如圖1-17所示。

5．版尾或版權(quán)版塊

版尾，即頁(yè)面最底端的版塊。這部分位置通常放置網(wǎng)頁(yè)的版權(quán)信息，以及網(wǎng)頁(yè)所有者、設(shè)計(jì)者的聯(lián)系方式等。有的網(wǎng)站也將網(wǎng)站的友情鏈接以及一些附屬的導(dǎo)航條放置在這里，如圖1-18所示。

圖1-17  網(wǎng)站版塊內(nèi)容

圖1-18  版尾部分的導(dǎo)航條

轉(zhuǎn)發(fā)請(qǐng)注明：丁丁貓

• 上一篇
• 下一篇