網(wǎng)頁設(shè)計(jì)中的版塊結(jié)構(gòu)
Internet中的網(wǎng)頁由于設(shè)計(jì)和制作的差別而千變?nèi)f化,但通常由幾大版塊組成。一般的網(wǎng)頁包含網(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)志或者注冊商標(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)頁的重要組成元素。設(shè)計(jì)的目的是將站點(diǎn)內(nèi)的信息分類處理,然后放在網(wǎng)頁中以幫助瀏覽者快速查找站內(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)頁中的廣告。在網(wǎng)頁布局中,大部分網(wǎng)頁將Banner放置在與導(dǎo)航條相鄰處,或者其他醒目的位置以吸引瀏覽者瀏覽,如圖1-16所示。
圖1-16??網(wǎng)站Banner
4.內(nèi)容版塊
網(wǎng)頁的內(nèi)容版塊是整個(gè)頁面的組成部分。設(shè)計(jì)人員可以通過該頁面的欄目要求來設(shè)計(jì)不同版塊,每個(gè)版塊有一個(gè)標(biāo)題內(nèi)容,并且每個(gè)內(nèi)容版塊主要來顯示不同文本信息,如作品、動(dòng)態(tài)、客戶、域名空間、網(wǎng)站建設(shè)等,如圖1-17所示。
5.版尾或版權(quán)版塊
版尾,即頁面最底端的版塊。這部分位置通常放置網(wǎng)頁的版權(quán)信息,以及網(wǎng)頁所有者、設(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ōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(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)頁面生成等等,讓您的網(wǎng)站。
???? 免費(fèi)網(wǎng)絡(luò)營銷培訓(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è)公司-傳誠信網(wǎng)站:js-hbsb.cn?點(diǎn)擊查看經(jīng)典網(wǎng)站案例!
北京傳誠信網(wǎng)站建設(shè)2010年建站套餐及優(yōu)惠!點(diǎn)擊查看!