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


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

1.結(jié)合環(huán)境進(jìn)行網(wǎng)站設(shè)計

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

1.1萬維網(wǎng)

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

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

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

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

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

2.1頁眉

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