2012-01-24 來源:www.0579es.com 作者:友機宇訊(xùn)科(kē)技 閱讀 1561地城
網頁布局大(dà)緻可分為(wèi)“國”字型、拐角型、标題正文型、左右框架型吧工、上下框架型、綜合框架型、封面型、Flash型、變化型,下面分别論述區習。
1.“國”字型:也可以稱為(wèi)“同”字型,是一(yī)些大(訊看dà)型網站所喜歡的類型,即最上面是網站的标題以及橫幅廣告條,接下來裡行就是網站的主要内容,左右分列一(yī)些兩小(xiǎo)條内容,子暗中間是主要部分,與左右一(yī)起羅列到底,最下面是網站的一(y和間ī)些基本信息、聯系方式、版權聲明等。這間路種結構是我們(men)在網上見到的差不(bù)多是最多的一(yī)種結構類型。微了/
2.拐角型:這種結構與上一(yī)種其文人實隻是形式上的區别,其實是很相近的,上面是标題及廣告橫幅,接下來的左側是一火雜(yī)窄列鍊接等,右列是很寬的正文,下面也是一(yī間他)些網站的輔助信息。在這種類型中,一(yī)種很常見歌國的類型是最上面是标題及廣告,左側是導航鍊接。http://w拍光ww.0579es.com
3.标題正文型:這種類型即最上面是标題或類似的一(yī)些東她了西,下面是正文,比如(rú)一(yī)些文章頁面或注冊頁面等老市就是這種類。
4.左右框架型:這是一(yī)種左右為(章能wèi)分别兩頁的框架結構,一(yī)般左面是導從關航鍊接,有時(shí)最上面會(huì)有一(yī)個小做們(xiǎo)的标題或标緻,右面是正文。我們(m制也en)見到的大(dà)部分的大(dà)型時他論壇都是這種結構的,有一(yī)些企業網站也喜歡采用。這種類型結構非常清晰,靜信一(yī)目了然。http://www.0579es.com算火/ www.0579es懂現.com
5.上下框架型:與上面類似,區别僅僅在于是一生答(yī)種上下分為(wèi)兩頁的框架。
6.綜合框架型:上頁兩種結構的結合,相對複雜的一(yī)種框架在哥結構,較為(wèi)常見的是類似于“拐角型”結構的,隻是采用了框架結師跳構。 www.0579es.com
7.封面型:這種類型基本上是出現在一(yī)弟內些網站的首頁,大(dà)部分為(wèi)一(yī)些精美的平面設計結合一(y弟水ī)些小(xiǎo)的動畫(huà),放上幾個簡單來南的鍊接或者僅是一(yī)個“進入”的鍊接甚至直接在首湖城頁的圖片上做鍊接而沒有任何提示。這種類型大(dà)部生車分出現在企業網站和個人主頁,如(rú)果說(shuō員知)處理的好(hǎo),會(huì)給人帶來賞心答線悅目的感覺。http://www.0579es.c爸家om
8. Flash型:其實這與封面型結構是類似的,隻是這種類型司短采用了目前非常遊戲行的Flash,與封面型我請不(bù)同的是,由于Flash強大(dà)的功能,頁面所表達的信站妹息更豐富,其視覺效果及聽覺效果如(rú)果處理得(de)當,絕不(b購黃ù)差于傳統的多媒體。http://www.0579es.co頻師m
9.變化型:即上面幾種類型的結合與變化,比如(rú黑錯)本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上錢冷、左、右結構的綜合框架型。
關于第一(yī)屏
所謂第一(yī)屏,是指我們(men)到達一(yī)個網站在不(黃間bù)拖動滾動條時(shí)能夠看到的部分。那身理麼第一(yī)屏有多“大(dà)”呢?其實這是未知的。一(yī)般來講,在80的高0×600的屏幕顯示模式(這也是最常用的)下,在IE安裝後默書作認的狀态(即工(gōng)具欄地址欄等沒有改變)下,IE們舞窗口内能看到的部分為(wèi)778px×435px,一(yī)般來講,我制店們(men)以這個大(dà)小(xiǎo)為(wèi)标準就行了,畢竟,匠行在無法适合所有人的情況下,我們(men)隻能為(wèi)大(dà那空)多數考慮了。
第一(yī)屏當然要放最主要的内容,關鍵要知道的是,我們(men)要對第一草們(yī)屏能顯示的面積要有個估計,而不(b要兵ù)要僅僅以自己的機器(qì)為(wèi)準。其實網頁制作的一(yī)個很麻坐有煩的地方就是浏覽者的機器(qì)是未知的。
有關導航欄的位置
導航欄能讓我們(men)在浏覽時(shí)容易的到達不(bù)同的秒火頁面,是網頁元素非常重要的部分,所以導航欄一(yī)定要清晰、醒目,一(yī)喝道般來講,導航欄要在“第一(yī)屏”能顯示出來,但是有時(shí)第一(yī雨雨)屏可能會(huì)小(xiǎo)于上面所說(shuō木和)的435px,基于這點考慮,那種橫向放置的導航欄要優于縱制男向的導航欄考慮,原因很簡單:如(rú)果浏覽者的第一(yī)屏購姐很矮,橫向的仍能全部看到,而縱向的就很難說(shuō)了,因為用鄉(wèi)窗口的寬度一(yī)般是不(bù樹如)會(huì)受浏覽器(qì)設置影響的,而縱向的則不(bù)确朋風定性要大(dà)的多。
什麼樣的布局是最好(hǎo)的
這是初學者可能會(huì)問的問題。其實這要具體情況具坐水體分析的:比如(rú)如(rú)果内容非常多,會影就要考慮用“國字型”或拐角型;而如(rú)果内容不(bù)算行動太多而一(yī)些說(shuō)明性的東西比較多,則可以考慮标題正文型;那幾通很種框架結構的一(yī)個共同特點就是浏覽方便,速度快,民內但結構變化不(bù)靈活;而如(rú)果是一(yī)個企業下資網站想展示一(yī)下企業形象或個人主頁匠森想展示個人風采,封面性是首選;Flash型更靈視綠活一(yī)些,好(hǎo)的Flash大(dà樹火)大(dà)豐富了網頁,但是它不(bù)能表達鐵書過多的文字信息。