網(wǎng)頁(yè)就是電腦瀏覽器呈現(xiàn)的一個(gè)個(gè)頁(yè)面。如果把一個(gè)網(wǎng)站比作一本書(shū),那么網(wǎng)頁(yè)就是這本書(shū)中的頁(yè)。
一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁(yè)一般由四大部分組成:
網(wǎng)頁(yè)的顯示-表現(xiàn)
表現(xiàn)是使用技術(shù)隊(duì)已經(jīng)被構(gòu)化的信息進(jìn)行顯示上的控 制,例如版式、顏色小等樣式的控制。表現(xiàn)則是結(jié)構(gòu)的一種升華,僅僅只是有合理的條理是不夠的,還要做到讓人賞心悅目,讓別人更加喜歡網(wǎng)站,給人一種眼前一 亮的感覺(jué)。
網(wǎng)頁(yè)的基礎(chǔ)-內(nèi)容
內(nèi)容是網(wǎng)頁(yè)中要達(dá)的純粹的信息,例如網(wǎng)頁(yè)中所顯示的文字,數(shù)據(jù),圖片等。所以說(shuō)內(nèi)容是一個(gè)網(wǎng)頁(yè)的基本,想想看,打開(kāi)一個(gè)網(wǎng)頁(yè)如果沒(méi)有任何內(nèi)容,那我們還能稱它為網(wǎng)頁(yè)么,就像打開(kāi)一本書(shū),結(jié)果里面全都是白紙,這樣的東西一般不能稱為書(shū),而是叫做素描本吧。
網(wǎng)頁(yè)的條理-結(jié)構(gòu)
結(jié)構(gòu)就是使用結(jié)構(gòu)化的方法隊(duì)網(wǎng)頁(yè)中用到的信息進(jìn)行整理和分類,是內(nèi)容更具有條理性、邏輯性和易讀性。如果網(wǎng)頁(yè)沒(méi)有自己的結(jié)構(gòu),那么打開(kāi)的網(wǎng)頁(yè)就像一團(tuán)亂麻一樣,你很難在里面找到自己想要的信息。如同你打開(kāi)一本小說(shuō),結(jié)果發(fā)現(xiàn)里面沒(méi)有段落,沒(méi)有標(biāo)點(diǎn),字間沒(méi)有間隙,我相信不出3秒你就頭暈眼花,找不著北了。所以一個(gè)好的結(jié)構(gòu)是頁(yè)帶來(lái)好的用戶體驗(yàn)的重要的一環(huán)。
一本好書(shū)除了要有好的內(nèi)容外,還有點(diǎn)很重要的是能吸引人的眼球,別人先進(jìn)眼喜歡上了你的表現(xiàn),才能進(jìn)一步的對(duì)的內(nèi)容產(chǎn)生興趣。
網(wǎng)頁(yè)的互動(dòng)-行為
行為就是網(wǎng)頁(yè)的交互操作。前面一直以網(wǎng)頁(yè)和書(shū)來(lái)做比較,而這一點(diǎn)來(lái)說(shuō)就是網(wǎng)頁(yè)與書(shū)大的區(qū)別。一般的書(shū)籍只是書(shū)給予你的一個(gè)單向的傳輸,而網(wǎng)頁(yè)則是一種交互 式的傳輸。你既能從上面了解你所需要的信息,也能將你的信息、見(jiàn)解發(fā)送出去,讓別人知道。這就是一種“活”書(shū)的感覺(jué)了。
總之,網(wǎng)頁(yè)的4各組成部分還能形象的比喻為:內(nèi)容是人;結(jié)構(gòu)師用來(lái)表明頭、身體、四肢等各個(gè)部分;表現(xiàn)則是給各個(gè)部分加上服裝、裝飾來(lái)使得人更加漂亮;行為是四肢在特定環(huán)境下所呈現(xiàn)的交互式行為。