網(wǎng)頁頁面版塊

目錄TOC\o"1-5"\h\z網(wǎng)頁頁面版塊 1\o"CurrentDocument"Logo和導(dǎo)航 1\o"CurrentDocument"主題版塊與Banner 2\o"CurrentDocument"版尾 4網(wǎng)頁頁面版塊網(wǎng)頁是有多個版塊組成的。大多數(shù)網(wǎng)頁都可以分為Logo、導(dǎo)航、主題版塊、Banner和版尾等5個部分。在設(shè)計網(wǎng)頁時，需要根據(jù)網(wǎng)頁各版塊的內(nèi)容，合理安排這些版塊的位置和大小，設(shè)計出符合用戶需要的網(wǎng)頁。Logo和導(dǎo)航Logo和導(dǎo)航是網(wǎng)頁的輔助部分，其可以幫助用戶快速了解網(wǎng)站的主要類型，同時還可以為用戶提供一個查找信息的橋梁。1．LogoLogo,中文稱為標識、標志等，是網(wǎng)站的商標或品牌的圖形表現(xiàn)。其通常由特定的文字、圖形編排而成。設(shè)計合理的Logo可以起到加深網(wǎng)站瀏覽著的印象，以及向瀏覽者明示網(wǎng)站的功能能作用。例如，新蛋網(wǎng)的Logo內(nèi)容與網(wǎng)站名稱緊密的結(jié)合,如圖2-1所示。newegg-s新發(fā)首頁電腦整機?手機通訊I數(shù)碼產(chǎn)品，電腦軟硬件圖2-1新蛋網(wǎng)的Logo在設(shè)計Logo時應(yīng)注意以下幾點：簡潔貼切Logo的設(shè)計應(yīng)盡量簡潔，以提高用戶記住Logo或網(wǎng)站名稱的可能性。同時還要盡量貼切網(wǎng)站的主題，例如，在Logo中添加一個手提袋,可以告訴用戶該網(wǎng)站是一個購物網(wǎng)站,而添加一個游戲手柄則可以告訴用戶該網(wǎng)站是一個游戲網(wǎng)站。適應(yīng)性強在設(shè)計Logo時，還需要考慮Logo在多種色調(diào)的網(wǎng)頁下與整個網(wǎng)頁背景色的適應(yīng)度。例如,可在適應(yīng)深色背景的同時,在淺色背景下也可以清晰地顯示。易于縮放在網(wǎng)頁設(shè)計中，Logo經(jīng)常需要根據(jù)網(wǎng)頁布局的調(diào)整而更改大小。因此，在設(shè)計Logo時還要考慮Logo的圖像即使縮小到某些程度仍然可以清晰地顯示。2．導(dǎo)航條導(dǎo)航條是幫助用戶快速訪問網(wǎng)站內(nèi)容的輔助工具。為網(wǎng)頁使用導(dǎo)航條，可以為用戶建立網(wǎng)站內(nèi)容的索引。設(shè)計合理的導(dǎo)航條可以提高用戶訪問網(wǎng)站的效率。例如，必應(yīng)搜索引擎的搜索導(dǎo)航，將用戶最常用的搜索內(nèi)容放在網(wǎng)站左側(cè)顯著位置，如圖2-2所示。圖1-3必應(yīng)搜索網(wǎng)站導(dǎo)航條的種類有很多，例如各種橫排導(dǎo)航條、縱排導(dǎo)航條等。一些導(dǎo)航內(nèi)容較多的網(wǎng)站導(dǎo)航條還擁有二級子菜單甚至三級子菜單。在設(shè)計導(dǎo)航條時，需要注意以下一些方面。位置顯著導(dǎo)航條應(yīng)放置在網(wǎng)頁的顯著位置，使用戶可以方便地使用。分類合理導(dǎo)航條中的導(dǎo)航項目分類應(yīng)依據(jù)大多數(shù)人的習(xí)慣來進行，合理地分類可以有效提高用戶訪問的效率，減少用戶點擊鼠標的次數(shù)。鏈接有效在設(shè)計網(wǎng)頁時，應(yīng)隨時保證導(dǎo)航條中的鏈接有效性，防止鏈接失效造成用戶的反感心理。主題版塊與Banner設(shè)計網(wǎng)頁的目的就是為網(wǎng)頁的用戶提供各種信息和服務(wù)。而這些信息和服務(wù)的內(nèi)容大多會被放置在網(wǎng)頁的主題版塊。對于特別重要的信息或服務(wù)項目，還可以將其放置在Banner中，為用戶訪問該項目提供最直接的導(dǎo)航。1．主題版塊主題版塊是網(wǎng)頁最主要的版塊。其可以包含網(wǎng)頁提供的所有信息和服務(wù)項目。在大多數(shù)網(wǎng)頁中，占據(jù)面積最大的版塊就是主題版塊。主題版塊的內(nèi)容既可以是圖像，也可以是文本，或圖像和文本結(jié)合的各種內(nèi)容。例如，在柯達公司的網(wǎng)站首頁中，就將一個大幅清晰的孔雀照片作為主題版塊

的背景，突出其數(shù)碼相機和專業(yè)膠卷沖印業(yè)務(wù)，如圖1-4所示。圖1-4柯達中國網(wǎng)站的主題版塊2．BannerBanner的英文原意為橫幅旗幟，在網(wǎng)頁設(shè)計領(lǐng)域，其通常被翻譯作網(wǎng)幅，即在網(wǎng)頁中的圖像或動畫廣告。在網(wǎng)頁中，Banner既可以是水平寬度大于垂直高度的橫幅，也可以是水平寬度小于垂直高度的豎幅。Banner有固定的格式大小。國際互聯(lián)網(wǎng)廣告局在2002年規(guī)范的Banner長寬標準如表1-3所示。表1-3國際標準Banner尺寸名稱摩天大樓形Banner面積120pxx600px名稱寬摩天大樓Banner面積名稱長方形Banner面積180pxx150px160pxx600px中級長方形正方形彈出300pxx250pxx250px250px大長方形336pxx280px豎長方形240pxx400px在網(wǎng)頁中預(yù)留標準Banner大小的位置，可以降低網(wǎng)站的廣告用戶Banner設(shè)計成本，使Banner廣告位的出租更加便捷。例如，微軟WindowsLive郵箱的右側(cè)，就插入了一個寬摩天大樓式的160pxX600Px大小的Banner，如圖1-5所示。圖1-5WindowsLive郵箱中的摩天大樓式Banner對于一些不依靠廣告位出租贏利的網(wǎng)站，Banner的大小則比較自由。網(wǎng)頁的設(shè)計者完全可以根據(jù)網(wǎng)站內(nèi)容以及頁面美觀的需要隨時調(diào)整Banner的大小。1.3版尾版尾是整個網(wǎng)頁的收尾部分。網(wǎng)頁版尾版塊的作用是聲明網(wǎng)站的版權(quán)、法律依據(jù)，以及為用戶訪問網(wǎng)站提供各種訪問網(wǎng)站的提示信息等。1．版權(quán)信息網(wǎng)站與書刊、報紙、雜志等都隸屬于出版發(fā)布的信息，因此都需要遵守相關(guān)的法律條文。作為出版發(fā)布信息的一種，網(wǎng)站的內(nèi)容同樣受到版權(quán)法律的保護。因此，在網(wǎng)站中應(yīng)事先聲明網(wǎng)站內(nèi)容的版權(quán)、是否允許網(wǎng)站信息被轉(zhuǎn)載等，防止他人在未知情的情況下侵犯網(wǎng)站的版權(quán)。所有在中華人民共和國境內(nèi)發(fā)布的網(wǎng)站，都需要在公安機關(guān)、工業(yè)和信息化部等有關(guān)政府部門進行非經(jīng)營性互聯(lián)網(wǎng)信息服務(wù)備案或在相應(yīng)的電信管理機關(guān)申請電信業(yè)務(wù)經(jīng)營許可。在備案或獲得許可證之后，應(yīng)將備案的ICP號碼或電信業(yè)務(wù)經(jīng)營許可證號等信息放在版尾部分，以備公安、文化等部門檢查。對于在互聯(lián)網(wǎng)中經(jīng)營其他各種業(yè)務(wù)的網(wǎng)站，同樣也需要在相關(guān)主管部門獲得申請，并將各種許可號公布在版尾版塊。例如，新浪網(wǎng)的版尾版塊就公布了其獲得的各種經(jīng)營信息許可，如圖1-6所示。

新浪簡介iAboutSina：廣告服務(wù)i聯(lián)系我們i誠聘英才i網(wǎng)站律師i s工聯(lián)English：會員注冊：產(chǎn)品答舞Copyright?1996-2009SINACorporation,AllRightsReserved制經(jīng)營性網(wǎng)站W(wǎng)備案信息妙aim*FSFSHtS/不良信息?J舉報中心北京網(wǎng)絡(luò)V行業(yè)協(xié)會陶）網(wǎng)絡(luò)11。報警服務(wù)無線互聯(lián)網(wǎng)業(yè)自律同盟?私保護新浪公司版權(quán)斫有克工CP證―客戶服務(wù)熱線：95105670文明辦網(wǎng)文明上網(wǎng)舉報電話報郵箱：jubao@“ip.sina.com文網(wǎng)文［2008］055號新出網(wǎng)訃（京）字009m網(wǎng)絡(luò)視聽許可證。1。50823互聯(lián)網(wǎng)新聞信息服務(wù)?許可

國家藥監(jiān)局（京）■經(jīng)營性-2004-0031京教研［2002］7m國家藥監(jiān)局電信業(yè)務(wù)?審批［2001］字第379m

?值電信業(yè)巖經(jīng)營許可證32-20090108電信與信息服務(wù)業(yè)務(wù)經(jīng)營許可證000007號?網(wǎng)核總第21號

廣一電視節(jié)目制作經(jīng)營許可證（克）字第828號圖1-6新浪網(wǎng)的版尾版塊2．提示信息提示信息是網(wǎng)站輔助用戶瀏覽的各種相關(guān)信息，包括可以瀏覽網(wǎng)站的