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

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

3.細(xì)細(xì)品位

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

4.兼容性

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

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

1.內(nèi)容大刀闊斧劃分 2.簡單排版 3.細(xì)細(xì)品位設(shè)計(jì) 4.兼容性與標(biāo)準(zhǔn)

總體來說XHTML網(wǎng)頁制作時間要比傳統(tǒng)HTML網(wǎng)頁耗時，但出來的網(wǎng)頁容量小兼容性好，最主要的是，不知大家是否注意到了，可以脫離DW這種可視化工具依賴，只要有一個好的CSS編輯器就可以了，這種依賴的脫離是不容小視的 本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

本文名稱：XHTML網(wǎng)頁與HTML網(wǎng)頁制作技術(shù)對比
網(wǎng)站URL：http://jinyejixie.com/news46/310196.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、網(wǎng)站設(shè)計(jì)、網(wǎng)站收錄、定制開發(fā)、全網(wǎng)營銷推廣、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)