目前看來關(guān)于XHTML網(wǎng)頁的制作大家還存在很多的困惑，一一解答有些困難，我現(xiàn)在就XHTML網(wǎng)頁與HTML網(wǎng)頁制作技法上的不同來做一下說明。

　　首先說一下HTML網(wǎng)頁的制作方法：

　　1。拿到美工設(shè)計圖開始切圖
　　2。用表格把切的圖拼成一個網(wǎng)頁
　　3。把內(nèi)容放在已經(jīng)編排好的空白處

　　而XHTML網(wǎng)頁在制作技法與順序上是截然不同的，XHTML想要做的就是內(nèi)容與版式的分離，那么自然制作人員與設(shè)計師的工作可以做到一定程度的分離。

　　我們以我給理想做的FarideaRSS網(wǎng)頁來進行一下XHTML網(wǎng)頁制作流程的說明：

　　1．內(nèi)容劃分

　　內(nèi)容應(yīng)當就是線性的排列下來，標簽的目的僅僅是為了區(qū)分內(nèi)容的結(jié)構(gòu)，而并不用關(guān)心設(shè)計師的設(shè)計稿，忘記陰影、顏色、背景圖吧，因為你和設(shè)計師在設(shè)計前已經(jīng)商量好了網(wǎng)頁內(nèi)有哪些內(nèi)容，所以設(shè)計也是為內(nèi)容服務(wù)。

　　2．簡單排版
　　這時我們拿到了設(shè)計師的設(shè)計稿，設(shè)計師們已經(jīng)用很漂亮的顏色，很漂亮的版式為我們設(shè)計出了這個網(wǎng)頁，這時就是CSS發(fā)揮威力的時候了，我們將原來定義的內(nèi)容用CSS進行排版，用顏色塊（先不要著急切圖）對內(nèi)容進行區(qū)分，先不要著急加背景圖，因為那樣只會擾亂你自己。示例如下：
此主題相關(guān)圖片

　　這時就是對制作人員的CSS功力的考驗了，只要堅信一個信念，沒有CSS做不到的就可以了：）

　　3．細細品位

　　這是網(wǎng)頁的大體架構(gòu)已經(jīng)出來了，但是需要對設(shè)計師的頁面進行細細品位了，為了效果設(shè)計師多會加一些陰影或者好看的背景圖片，或者漸進式的圖片，此時我們可能要在原有內(nèi)容中加入一些輔助的標簽來放置這些背景或點綴圖片，但原則是盡可能的少加，能用原標簽背景做的就用背景做，此處也比較考驗制作人的CSS功力。

　　4．兼容性

　　我們還要在多款瀏覽器中做一下測試，看一下是否在每個瀏覽器中均正常，然后把代碼盡可能的向XHTML標準靠攏。咱們的FarideaRSS已經(jīng)順利通過了XHTML的檢驗。 

　　然后咱們再來回顧一下，XHTML網(wǎng)頁制作步驟：

　　1．內(nèi)容大刀闊斧劃分
　　2．簡單排版
　　3．細細品位設(shè)計
　　4．兼容性與標準

　　總體來說XHTML網(wǎng)頁制作時間要比傳統(tǒng)HTML網(wǎng)頁耗時，但出來的網(wǎng)頁容量小兼容性好，最主要的是，不知大家是否注意到了，可以脫離DW這種可視化工具依賴，只要有一個好的CSS編輯器就可以了，這種依賴的脫離是不容小視的

• HTML
• 網(wǎng)頁制作
• XHTML