網(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)畫導(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ì)人員可以通過該頁(yè)面的欄目要求來設(shè)計(jì)不同版塊，每個(gè)版塊有一個(gè)標(biāo)題內(nèi)容，并且每個(gè)內(nè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)航條
-----------------------------------------------------------------------------------------------------
我們的與眾不同之處：
??? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷顧問：我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷顧問服務(wù)，您需要了解關(guān)于如何開展網(wǎng)絡(luò)營(yíng)銷，電子商務(wù)，網(wǎng)站設(shè)計(jì)等的事宜，歡迎隨時(shí)聯(lián)系我們。
??? seo友好的網(wǎng)站管理系統(tǒng)：除了優(yōu)質(zhì)的網(wǎng)站空間，網(wǎng)站管理系統(tǒng)，和網(wǎng)站設(shè)計(jì)外，我們的網(wǎng)站管理系統(tǒng)更是seo友好的，包括：自定義欄目名，Google Sitemap自動(dòng)生成，靜態(tài)頁(yè)面生成等等，讓您的網(wǎng)站。
???? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷培訓(xùn)：如何更好的投放網(wǎng)絡(luò)廣告，如何提高網(wǎng)絡(luò)廣告的投資回報(bào)，如何發(fā)帖子，
??? ?如何優(yōu)化網(wǎng)站，我們有豐富的經(jīng)驗(yàn)開放給您！祝君成功！
聯(lián)系我們：010-62199213 62122723-808 賈先生
北京網(wǎng)站建設(shè)公司-傳誠(chéng)信網(wǎng)站：www.94883.cn?點(diǎn)擊查看經(jīng)典網(wǎng)站案例！
