在網站設計里面，最重要的一個方面就是網頁的風格。網頁的風格包含很多內容，主要包括色彩、網頁排版、網頁的文互、多媒體的形式、內容架構及網頁內容等。下面分別對這些方面進行介紹。
1、色彩
色彩包括網頁的底色、文字的色彩、圖片的色系、顏色等。
2、排版
主要是網頁的整體結構、各個組成部分內容的展示形式、表格、框架的應用、文字縮排、段落等。
在開始編寫文字、尋找圖像和進行正式網頁設計之前應該先把基本的網頁結構組織好。要是開始的時候在腦子里沒有一個相當明確的結構，那幾乎肯定會以一團糟而告終。參考一些用戶喜歡的頁面，研究它們的布局和風格，看它們是如何表現內容的。整頁地復制別人的東西是剽竊行為，但是向別人學習則是研究過程。
對要設計的網頁有了初步的思考之后，就可以把思考的結果以草圖的形式表示出來。這樣做的目的有二：
其一是把大腦中的東西變成一個實實在在的圖片，這樣自己可以驗證實際效果如何。
其二是可以把設計草圖發給別人，讓別人提一下意見。
草圖的設計可以使用Photoshop或者其他的圖像設計軟件，主要內容是對網頁的整體結構做個規劃。例如網頁整體分為幾個大的部分，每個部分應該放什么內容，內容的展現形式如何，是圖片、動畫還是文字。如圖1-22所示即為一個網頁的草圖。
3、網頁的交互
主要是網頁的交互形式，客戶端及服務器端的程序，例如在客戶端是否采用JavaScript的框架來增強用戶體驗，服務器端的程序是如何實現的，例如ASP, PHP, XML, CGI等。
4、其他的媒體形式
這部分主要是讓網頁看起來生動活潑的各種內容形式，如Flash動畫、Silverlight程序等。
5、內容架構
主要是指網站的目錄規劃、網站及網頁內容的層次性要明確。如圖1-23所示是網易的一篇新聞。這個網頁的內容架構就非常有代表性。首先是一個非常醒目的標題，一目了然。下面就是內容的發布時間和來源，因為這個內容不是重點，但是又不能缺少，所以采用較小的字號來展示。再接下來是一段摘要，用戶只要閱讀這幾行字就可以了解這篇文章的內容。最后就是正文，圖文并茂。
這種結構非常值得借鑒。當用戶設計一個展示產品的網頁的時候，同樣也應該把產品的名稱放在網頁的最上面，讓用戶一看就知道是什么東西。如果介紹產品的內容較多，也應該放一個摘要在正文前面，簡單地介紹產品的性能及一些指標。最后把產品詳細地介紹給用戶。初學者往往在這個方面犯錯。例如經常會把產品的名稱與產品介紹混在一起，或者產品介紹得非常詳細，但是卻沒有提供一個簡介。這樣的話用戶要了解網頁的內容就非常困難。
6、網頁內容
主要是指網站是否主題明確、網站的整體實用性如何、網站內文件之間的關聯性如何、網頁內容與主題切合度如何、是否有不必要的檔案等。
1、色彩
色彩包括網頁的底色、文字的色彩、圖片的色系、顏色等。
2、排版
主要是網頁的整體結構、各個組成部分內容的展示形式、表格、框架的應用、文字縮排、段落等。
在開始編寫文字、尋找圖像和進行正式網頁設計之前應該先把基本的網頁結構組織好。要是開始的時候在腦子里沒有一個相當明確的結構，那幾乎肯定會以一團糟而告終。參考一些用戶喜歡的頁面，研究它們的布局和風格，看它們是如何表現內容的。整頁地復制別人的東西是剽竊行為，但是向別人學習則是研究過程。
對要設計的網頁有了初步的思考之后，就可以把思考的結果以草圖的形式表示出來。這樣做的目的有二：
其一是把大腦中的東西變成一個實實在在的圖片，這樣自己可以驗證實際效果如何。
其二是可以把設計草圖發給別人，讓別人提一下意見。
草圖的設計可以使用Photoshop或者其他的圖像設計軟件，主要內容是對網頁的整體結構做個規劃。例如網頁整體分為幾個大的部分，每個部分應該放什么內容，內容的展現形式如何，是圖片、動畫還是文字。如圖1-22所示即為一個網頁的草圖。
3、網頁的交互
主要是網頁的交互形式，客戶端及服務器端的程序，例如在客戶端是否采用JavaScript的框架來增強用戶體驗，服務器端的程序是如何實現的，例如ASP, PHP, XML, CGI等。
4、其他的媒體形式
這部分主要是讓網頁看起來生動活潑的各種內容形式，如Flash動畫、Silverlight程序等。
5、內容架構
主要是指網站的目錄規劃、網站及網頁內容的層次性要明確。如圖1-23所示是網易的一篇新聞。這個網頁的內容架構就非常有代表性。首先是一個非常醒目的標題，一目了然。下面就是內容的發布時間和來源，因為這個內容不是重點，但是又不能缺少，所以采用較小的字號來展示。再接下來是一段摘要，用戶只要閱讀這幾行字就可以了解這篇文章的內容。最后就是正文，圖文并茂。
這種結構非常值得借鑒。當用戶設計一個展示產品的網頁的時候，同樣也應該把產品的名稱放在網頁的最上面，讓用戶一看就知道是什么東西。如果介紹產品的內容較多，也應該放一個摘要在正文前面，簡單地介紹產品的性能及一些指標。最后把產品詳細地介紹給用戶。初學者往往在這個方面犯錯。例如經常會把產品的名稱與產品介紹混在一起，或者產品介紹得非常詳細，但是卻沒有提供一個簡介。這樣的話用戶要了解網頁的內容就非常困難。
6、網頁內容
主要是指網站是否主題明確、網站的整體實用性如何、網站內文件之間的關聯性如何、網頁內容與主題切合度如何、是否有不必要的檔案等。