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

　　首先說一下HTML網(wǎng)頁的制作方法： 
　　1.拿到美工設(shè)計(jì)圖開始切圖
　　2.用表格把切的圖拼成一個(gè)網(wǎng)頁
　　3.把內(nèi)容放在已經(jīng)編排好的空白處

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

　　我們以我給理想做的FarideaRSS網(wǎng)頁來進(jìn)行一下XHTML網(wǎng)頁制作流程的說明： 
　　1.內(nèi)容劃分 
　　將內(nèi)容大刀闊斧的進(jìn)行劃分：Logo，導(dǎo)航，文章標(biāo)題，作者，發(fā)布時(shí)間，Copyright等等，用代碼表示就是：

<div id="context">
<div id="logo"></div>
<ul>
<li>菜單1</li>
<li>菜單2</li>
</ul>
<div id="items">
<div class="item">
<span class="title"></span>
<span class="author"></span>
<span class="time"></span>
<div class="memo">
</div>
</div>

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

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

　　這時(shí)就是對(duì)制作人員的CSS功力的考驗(yàn)了，只要堅(jiān)信一個(gè)信念，沒有CSS做不到的就可以了：）

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

　　4.兼容性 
　　我們還要在多款瀏覽器中做一下測試，看一下是否在每個(gè)瀏覽器中均正常，然后把代碼盡可能的向XHTML標(biāo)準(zhǔn)靠攏。咱們的FarideaRSS已經(jīng)順利通過了XHTML的檢驗(yàn)。 

　　然后咱們?cè)賮砘仡櫼幌拢琗HTML網(wǎng)頁制作步驟：
　　1.內(nèi)容大刀闊斧劃分
　　2.簡單排版
　　3.細(xì)細(xì)品位設(shè)計(jì)
　　4.兼容性與標(biāo)準(zhǔn)

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