網頁設計中的版塊結構

Internet中的網頁由于設計和制作的差別而千變萬化，但通常由幾大版塊組成。一般的網頁包含網站LOGO、Banner、導航條、主題部分，以及版尾等5部分。

1．網站LOGO

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

圖1-14  網站的LOGO

2．導航條

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

圖1-15  網站導航條

3．Banner

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

圖1-16  網站Banner

4．內容版塊

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

5．版尾或版權版塊

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

圖1-17  網站版塊內容

圖1-18  版尾部分的導航條

轉發請注明：丁丁貓

• 上一篇
• 下一篇