網(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è)的標志或者注冊商標。一個設(shè)計優(yōu)秀的LOGO可以給瀏覽者留下深刻的印象,為網(wǎng)站和企業(yè)形象宣傳起到十分重要的作用,如圖1-14所示。
圖1-14??網(wǎng)站的LOGO
2.導(dǎo)航條
導(dǎo)航條是網(wǎng)頁的重要組成元素。設(shè)計的目的是將站點內(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è)計不同版塊,每個版塊有一個標題內(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)航條
-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:
??? 免費網(wǎng)絡(luò)營銷顧問:我們?yōu)槟峁┟赓M的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(wù),網(wǎng)站設(shè)計等的事宜,歡迎隨時聯(lián)系我們。
??? seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動生成,靜態(tài)頁面生成等等,讓您的網(wǎng)站。
???? 免費網(wǎng)絡(luò)營銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報,如何發(fā)帖子,
??? ?如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗開放給您!祝君成功!
聯(lián)系我們:010-62199213 62122723-808 賈先生
北京網(wǎng)站建設(shè)公司-傳誠信網(wǎng)站:m.94883.cn?點擊查看經(jīng)典網(wǎng)站案例!