經(jīng)驗(yàn)豐富的Web設(shè)計(jì)師，諸如才華橫溢的報(bào)紙藝術(shù)總監(jiān)，能欣然接受自己從事的項(xiàng)目帶有標(biāo)題、欄和頁(yè)腳的事實(shí)。她的工作不是抱怨這些新興的共性，而是使用它們來(lái)創(chuàng)建獨(dú)特的、渾然天成的、符合品牌定位的有些許紀(jì)念意義的、 嫻靜而又明艷動(dòng)人的頁(yè)面.

 圖書(shū)設(shè)計(jì)和印刷工藝是古老的、值得尊敬的設(shè)計(jì)學(xué)科。它們都有一個(gè)悠久的創(chuàng)造性歷史，這個(gè)歷史與我們對(duì)“圖書(shū)形式、頁(yè)面布局、字體設(shè)計(jì)、版面設(shè)計(jì)，以及那些構(gòu)成*佳印刷設(shè)計(jì)的視覺(jué)設(shè)計(jì)和內(nèi)容的完美融合的期盼是緊密相關(guān)的。這些富有創(chuàng)造力和聰明才智要求的手藝沒(méi)有受到《芝加哥格式手冊(cè)》書(shū)中長(zhǎng)達(dá)950頁(yè)的規(guī)則和慣例的約束。圖書(shū)設(shè)計(jì)、版面設(shè)計(jì)以及印刷出版行業(yè)都是由創(chuàng)建好的印刷出版慣例和標(biāo)準(zhǔn)引導(dǎo)的。如今，有了創(chuàng)建網(wǎng)站的Web標(biāo)準(zhǔn)”方法，有經(jīng)過(guò)仔細(xì)驗(yàn)證、能為人們廣泛訪問(wèn)的XHTML和CSS，我們擁有了很多出色技術(shù)標(biāo)準(zhǔn)。遺憾的是，我們?nèi)蕴幱赪eb發(fā)布、編輯和設(shè)計(jì)標(biāo)準(zhǔn)的這樣一個(gè)尷尬不成熟的階段，讓人欣慰的是混亂中還浮現(xiàn)了明確的樣式以及用戶期望。關(guān)于設(shè)計(jì)，采用對(duì)標(biāo)準(zhǔn)、規(guī)則和慣例的訴求作為開(kāi)頭看起來(lái)很有些奇怪，不過(guò)，網(wǎng)站項(xiàng)目通常會(huì)在設(shè)計(jì)階段受挫，這是因?yàn)楹雎粤撕芏嚓P(guān)于傳統(tǒng)出版、編輯標(biāo)準(zhǔn)以及規(guī)范，而過(guò)多地追求圖形、技術(shù)的手法而導(dǎo)致的。寧可循規(guī)蹈矩不得標(biāo)新立異。
1.結(jié)合環(huán)境進(jìn)行網(wǎng)站設(shè)計(jì)

網(wǎng)站由眾多元素層級(jí)組成，這些元素作為一個(gè)整體共同協(xié)作來(lái)滿足用戶的期望。你將基于網(wǎng)站設(shè)計(jì)這個(gè)起點(diǎn)，規(guī)劃網(wǎng)站的信息架構(gòu)、導(dǎo)航元素以及用戶界面框架，并且著手采用HTML和Css來(lái)構(gòu)建一個(gè)真實(shí)的網(wǎng)站。不過(guò)，在開(kāi)始這個(gè)過(guò)程之前，需要讓網(wǎng)站適合Web環(huán)境和企業(yè)環(huán)境。

1.1萬(wàn)維網(wǎng)

更大的Web環(huán)境造就了用戶對(duì)所有網(wǎng)站的期望。你的調(diào)看者的要時(shí)間都花費(fèi)在(你網(wǎng)站之外的)其他網(wǎng)站之中。所有的網(wǎng)站設(shè)計(jì)都應(yīng)當(dāng)考慮大量的設(shè)計(jì)規(guī)范以及用戶對(duì)Web的期望，避免在界面和設(shè)計(jì)創(chuàng)新上進(jìn)行太多自我的嘗試。如果網(wǎng)站提供了大量的內(nèi)容和服務(wù)，自然會(huì)成功，也自然會(huì)吸引訪問(wèn)者和顧客。沒(méi)有哪個(gè)網(wǎng)站會(huì)因?yàn)樽约呵罢叩闹黜?yè)面成功的。如果你忽略了用戶的期望，為內(nèi)容創(chuàng)建了一個(gè)奇特的與眾不同的框架，網(wǎng)站很容易失敗。

1.2企業(yè)Web標(biāo)識(shí)

如果你在某個(gè)大型企業(yè)就職，通常，明確與該大型企業(yè)的關(guān)系是網(wǎng)鈷設(shè)計(jì)中的一個(gè)清晰而有意義的部分。如果機(jī)構(gòu)對(duì)標(biāo)識(shí)程序或者Web模板體系進(jìn)行了規(guī)定，則請(qǐng)使用之。采納大型企業(yè)的設(shè)計(jì)標(biāo)準(zhǔn)不但可以省時(shí)還可以省錢。通常，因?yàn)樽玖庸芾矶暡患训臋C(jī)構(gòu)(大學(xué)、政府機(jī)關(guān)以及大型非盈利機(jī)構(gòu))，其網(wǎng)站也會(huì)十分混亂不堪。有時(shí)候，大型公司也存在同樣的問(wèn)題，但是商界針對(duì)企業(yè)標(biāo)識(shí)程序的標(biāo)準(zhǔn)和規(guī)范做出了良好的規(guī)定，大多數(shù)企業(yè)網(wǎng)站的初衷都是讓所有人共享個(gè) 共同的外觀、感覺(jué)和用戶界面，每一個(gè)子公司網(wǎng)站都要反映出與母公司的清晰的關(guān)系。

2.頁(yè)面結(jié)構(gòu)和網(wǎng)站設(shè)計(jì)

網(wǎng)站是完全抽象的一它們只存在于你頭腦之中。 在定義這樣的網(wǎng)站時(shí)，我們真正描述的是共享著相同圖形、導(dǎo)航外觀和感覺(jué)的多個(gè)鏈接頁(yè)面的集合。頁(yè)面共同的設(shè)計(jì)特征使得整個(gè)“網(wǎng)站”看似相當(dāng)連貫。單個(gè)HTML頁(yè)面以及頁(yè)面設(shè)計(jì)和鏈接原理是網(wǎng)站的基本構(gòu)成元素，所有用來(lái)描述網(wǎng)站架構(gòu)特征的元素都應(yīng)該在頁(yè)面模板中出現(xiàn)。經(jīng)歷了十幾年的發(fā)展后，Web已經(jīng)逐步成熟，在以文本信息為主的網(wǎng)站中，Web頁(yè)面結(jié)構(gòu)已經(jīng)變得相當(dāng)規(guī)范。盡管不是所有的Web頁(yè)面都采用了與此處描述的完全相同的布局和功能，但是大多數(shù)Web網(wǎng)頁(yè)都已經(jīng)在Web用戶熟悉的頁(yè)面位置采用了此處列舉的部分或者全部的基本元素。

2.1頁(yè)眉

頁(yè)眉就像是那些位于各個(gè)頁(yè)面頂部的微縮版主頁(yè)，它的很多功能都與主頁(yè)相似，*一不同的就是空間更小。頁(yè)眉為網(wǎng)站設(shè)計(jì)提供了標(biāo)識(shí)和全局導(dǎo)航，以及搜索成者其他工具。雖然這些組件的準(zhǔn)確位和排列方式因網(wǎng)站而異，但整體樣式已經(jīng)相當(dāng)趨同。頁(yè)眉是網(wǎng)站標(biāo)識(shí)中可見(jiàn)性*好的部分。眼見(jiàn)為實(shí):那些共享頁(yè)眉的頁(yè)面集都被認(rèn)為是一個(gè)網(wǎng)站，即便這此頁(yè)面采用不同的技術(shù)材作面成.