如何打造一個優秀的網站，更適合W3C標準及具有良好的用戶體驗，這是很多網站制作人員都面臨的問題，海源川匯在長期的實踐工作中終結了下面幾點，希望能給大家帶來幫助:

　　1. 領會網站的主題，明確網站里展示的內容以及大部分瀏覽群體情況

　　想建一個網站，并且是一個對用戶有用的網站，首先就應該考慮網站的內容以及網站功能，用戶需要什么? 他們怎么快捷方便的找到想要的東西?作為一個網站設計師在整個設計的時候都應該圍繞這個方面來進行。如果用戶不能夠迅速得到他們想要的東西，或是你的網站操作不便捷，那么這個網站就是失敗的 。用戶就會失望而去，可能永遠都不會再登錄你的網站。

　　2.合理的顏色搭配

　　對于一個網頁設計師，設計的過程是痛苦的也是快樂的，明確要做一個什么樣的網站之后，要把主題更合理的體現出來都會經過一個選色和排版的過程。個人認為，如果不是做一個超弦的個性化網站，那么顏色搭配 并非是一件難事。第一，明確主色。其實顏色的行業特性并不很重，只是人們對一個行業的感知才造成了行業與顏色搭配的關聯。第二，輔色和點睛色，一個網站主體顏色確認，還須輔色和點睛色，輔色較多采用同種色彩搭配和鄰近色彩搭配。同種色彩搭配就是按主色改變其透明度、飽和度、變淡或加深頁得來，鄰近色彩搭配就是按主色取色環上相鄰的顏色，如紅色與橙色。點睛色一般與主色相差較大，一般用在網頁比較重要的內容或按鈕，其作用為吸引用戶視線、清楚網頁給人視覺的疲勞，點睛色合理使用，避免太多的出 現，否則就會適得其反。

　　3.良好的網頁布局

 　   網頁布局應該把握的要素是主次分明、協調整潔、尊重用戶的視覺習慣，合理按排內容。把用戶想要的東西 盡可能的首先展示在眼前，同時注意潛在的引導用戶行為。細節決定成敗，在設計效果圖之中，盡量少用大的色塊、突出導航、版塊分明，以達到干凈簡潔整齊協調的效果。

　　4.網頁title及meta

　　網頁的title及meta應該跟根基不出欄目及內容頁而定，切勿全站使用一種的形式，keywords可不用加，對搜索引擎作用不大，頭部標簽避免關鍵字堆切。

　　5.h1—h6標簽的使用

　　一個網頁h1標簽只能用一次。在一個網站的首頁、頻道頁、列表頁，h1標簽可以分別用于網站的名稱、頻道名稱、欄目列表名稱，但在一個網站的文章詳情頁，h1標簽一定要用在文章標題上。h2—h6標簽可以在一個頁面重復使用，依次遵守網站層次結構。

　　6.css文件

　　盡量從外部用link導入css文件。避免使用*{}。一種樣式寫在一行，減小文件大小，能用class定義的盡量使用而減少用id定義，盡量避免針對不同瀏覽器而使用的css hack技巧，萬不得己而為之。

　　7.背景圖的優化

　　除網站實際內容之外框架使用的圖片，盡量定義在css文件中，根據實際，盡可能把背景圖合并，以提高加載速度。最好不要使一張很小很小的圖片平鋪一個較大的范圍。

　　8.div+css布局，減小頁面嵌套

　　用div+css布局目的就是為了減小頁面代碼，使網站結構層次化分明，內容與表現形式能分離。減小嵌套不只對搜索引擎友好，也有利于減小頁面大小更方便后期維護修改。

　   9.優化頁面js

　　能合并的js文件合并成一個，減少大規模循環和過多的層級引用，提高提高加載和運行速度。

　　10.避免死鏈接及空連接

　　對用戶而言，如果點擊一篇他們想要的文章打開的是“該頁無法顯示”，那將是多少沮喪的事情。

　　11. 適當的文字和圖形并茂

　　不要刻意用圖片填充您的網站，搜索引擎除了能拿到alt屬性外，他們不認識圖片。在適當的位置加上圖片，有助于吸引訪問者，消除看大篇文字的疲勞。

　　12.網頁圖片的要求

　　網頁圖片加上alt屬性以及寬高屬性，不要刻意壓縮圖片，確保圖片顯示不變形。

　　13. 在不同的瀏覽器測試您的網站。

　　為了讓更多人能正常瀏覽您的網站，請用不同主流瀏覽器測試一下您的頁面，確保您的網站都能正常運行。

　　14.通過W3C驗證。