現(xiàn)在，“網(wǎng)站重構(gòu)”這一詞越來越流行，從字面上看，網(wǎng)站重構(gòu)就是把網(wǎng)站重新做一遍。重做的目的是什么呢？無非是就是讓網(wǎng)站更加優(yōu)化，更符合web標(biāo)準(zhǔn)。很多的網(wǎng)站設(shè)計公司的設(shè)計師，有一個觀念就是最重要的工作就是把網(wǎng)頁做漂亮，其他的問題都是次要的。所以做出來的方案變成了對“唯美”的追求，認(rèn)為做得漂亮是最重要的。

　　這不由得我想起在大學(xué)的時候?qū)W過的“美學(xué)”的概念，美學(xué)并不是單指漂亮，而更重要的是實用。是能方便用戶使用。所以，才會衍生出來人體工程學(xué)，才會有工業(yè)造型設(shè)計之類的學(xué)科，當(dāng)然，在網(wǎng)頁設(shè)計方面，早就有前輩在研究這方面的學(xué)問，比方說阿捷翻譯的一本叫做《網(wǎng)站重構(gòu)》就包含了這方面的內(nèi)容，當(dāng)然有另外非常多的前輩也在潛心研究人機(jī)界面、用戶視圖等。

　　我認(rèn)為一個好的網(wǎng)頁設(shè)計師最重要的素質(zhì)就是能夠準(zhǔn)確的對網(wǎng)站進(jìn)行分析。能準(zhǔn)確的知道客戶這個網(wǎng)站最想體現(xiàn)什么，然后用最恰當(dāng)?shù)姆绞奖磉_(dá)出來，比方說一個服裝廠的網(wǎng)站，最需要傳達(dá)給瀏覽者的可能是這個廠最新生產(chǎn)的適合當(dāng)前季節(jié)的服裝，而不太可能會是這個廠獲得的榮譽(yù)。

　　同時，網(wǎng)頁設(shè)計師在某種程度上說其責(zé)任心超過了這個項目的項目經(jīng)理，因為網(wǎng)站做出來的框架、色彩、內(nèi)容擺放，都是由網(wǎng)頁設(shè)計來具體實施。項目經(jīng)理雖然是負(fù)責(zé)整個項目，但對于細(xì)節(jié)部分的設(shè)計，他可能還沒有設(shè)計師那么清楚，所以這個時候設(shè)計師得抱著認(rèn)真負(fù)責(zé)的態(tài)度來架構(gòu)整個站點的內(nèi)容，乃至是一個小的icon的設(shè)計。

如何才能讓網(wǎng)站更優(yōu)化，更符合web標(biāo)準(zhǔn)？

　　我認(rèn)為，讓網(wǎng)站更優(yōu)化是必須遵循的，但是并不一定非要嚴(yán)格的按照標(biāo)準(zhǔn)來做。以人為本，如何做才能更人性化、更有利于瀏覽、更符合瀏覽者的習(xí)慣才是我們做網(wǎng)站、去重構(gòu)網(wǎng)站的根本指導(dǎo)思想。

　　一般瀏覽者在普通情況下不會有那么好的耐心去等30秒（甚至更短的時間）讓一個頁面打開。那么可想而知，一個頁面再炫，內(nèi)容再吸引人，瀏覽者不看的話那就完全失去了它存在的意義。這里就給我們提出一個要求，做網(wǎng)站首先一點就是如何讓頁面更快的打開。結(jié)構(gòu)、表現(xiàn)和行為的分離是讓頁面更快的很好途徑。

　　說到結(jié)構(gòu)、表現(xiàn)和行為的分離，自然讓人想到了DIV+CSS+JS（為了能更好的讓人理解，請允許我暫且這么寫），正因為如此，很多人就誤認(rèn)為只要把TABLE改DIV就是網(wǎng)站重構(gòu)，其實是不對的，是不夠的。TABLE和DIV都是HTML的標(biāo)簽都是做頁面要使用的元素，只不過各司其職罷了。如何讓標(biāo)簽?zāi)芨魉酒渎殻@就需要我們在思想上的徹底改變，在思想上做到結(jié)構(gòu)、表現(xiàn)和行為的分離。

　　結(jié)構(gòu)、表現(xiàn)和行為的分離，頁面標(biāo)簽的合理使用可以有效地精簡頁面代碼，讓頁面能在更短的時間內(nèi)加載完畢、呈現(xiàn)給瀏覽者。結(jié)構(gòu)、表現(xiàn)和行為的分離同樣有利于網(wǎng)站的改版、維護(hù)，在不動頁面結(jié)構(gòu)文件的情況下只要更改樣式，網(wǎng)站就能呈現(xiàn)給人一種完全不同的風(fēng)格。給瀏覽者一種完全不同的瀏覽感受，而做到這點所花的時間和精力要比結(jié)構(gòu)、表現(xiàn)和行為混合的頁面要少得多。而且增加了頁面的可讀性，不僅能被搜索引擎更好的抓取，更重要的是那些需要借助屏幕閱讀器瀏覽網(wǎng)頁的瀏覽者能更好，更清晰地閱讀網(wǎng)頁上的內(nèi)容，不會受到那些繁雜的樣式代碼干擾。還是要以人為本。

　　使用DIV+CSS來給頁面進(jìn)行布局，使用合適的標(biāo)簽來豐富頁面的內(nèi)容。這是目前非常流行的做頁面的方法。那如何算合理使用標(biāo)簽?zāi)?？舉個例子，頁面上經(jīng)常會出現(xiàn)一些表格，如一批不同產(chǎn)品的屬性列表，我們使用“ul”、“li”同樣可以實現(xiàn)所需要的表格樣式，但是用“table”來實現(xiàn)是不是更加直觀更加方便呢。又比如：一篇文章的標(biāo)題，用一個“div”或“p”標(biāo)簽實現(xiàn)的效果和使用“h*”標(biāo)簽是一樣的，那是不是應(yīng)該用“h*”標(biāo)簽更合理呢。等等……

　　總之，我認(rèn)為網(wǎng)站重構(gòu)是思想和觀念上的重構(gòu)，要以人為本，從瀏覽者的角度出發(fā)，遵循web標(biāo)準(zhǔn)，合理使用每個頁面標(biāo)簽，做到最大限度的頁面優(yōu)化。

　　當(dāng)然，好的設(shè)計師還不能太有個性，過于表露自己的設(shè)計風(fēng)格，我們經(jīng)?？吹接行┰O(shè)計師，他們做出來的網(wǎng)站風(fēng)格都是一樣的，或者說熟悉他的人一看到相應(yīng)的作品，就能猜出是他做的，這樣的個人主義特色對于服務(wù)于客戶的網(wǎng)頁設(shè)計來說，是不太可取的，好的設(shè)計師能在做完一個表現(xiàn)很柔美的女性化妝品網(wǎng)站之后，馬上能做出一個嚴(yán)肅莊重的政府網(wǎng)站來，并且接著還能馬上出一個簡潔大方的工業(yè)機(jī)械類的站點設(shè)計稿。

　　回到實用性方面來，熟悉這行的人都很清楚一個趣事，兩個設(shè)計師比稿，其中一個做得的確漂亮，另外一個不夠那么漂亮，但是他在頁面上放置的內(nèi)容是客戶想體現(xiàn)的，這個時候客戶往往會選擇后者。而前者肯定會說這個客戶如何如何不懂設(shè)計，不懂欣賞之類的話，他不知道，他不是輸在美觀上，而是輸在了實用性上！我們接觸的客戶往往是不懂設(shè)計的，或者說客戶在界面美觀欣賞方面沒專業(yè)設(shè)計師那么敏感。設(shè)計師往往看配色、用圖、動感，而客戶可能更關(guān)注的內(nèi)容排布，文字?jǐn)[放。所以把一個設(shè)計師的唯美的眼光糾正為既具備美感，又具備實用性的工作是非常重要的！