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

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

1．網(wǎng)站LOGO

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

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

2．導(dǎo)航條

導(dǎo)航條是網(wǎng)頁的重要組成元素。設(shè)計的目的是將站點(diǎn)內(nèi)的信息分類處理，然后放在網(wǎng)頁中以幫助瀏覽者快速查找站內(nèi)信息。導(dǎo)航條的形式多種多樣，包括文本導(dǎo)航條、圖像導(dǎo)航條以及動畫導(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)頁中的廣告。在網(wǎng)頁布局中，大部分網(wǎng)頁將Banner放置在與導(dǎo)航條相鄰處，或者其他醒目的位置以吸引瀏覽者瀏覽，如圖1-16所示。

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

4．內(nèi)容版塊

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

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

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

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

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

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

• 上一篇
• 下一篇