制作好的網(wǎng)頁模板如何放入網(wǎng)站CMS中？
很多人不明白我上篇發(fā)布的“給網(wǎng)站扒皮”文章有什么用，看完這篇文章你就明白了，再“給網(wǎng)站扒皮”完成之后，你就可以在任意一個網(wǎng)站管理系統(tǒng)（CMS）中插入標(biāo)簽，與網(wǎng)站程序整合網(wǎng)頁，制作成一個完整的網(wǎng)站模板。在發(fā)布這個教程之前，盧松松要給大家講解下一個網(wǎng)站的模板制作都包含什么？
理解了前臺、后臺、標(biāo)簽三者之間的關(guān)系之后就很容易制作出一個完整的網(wǎng)站。
1：程序后臺部分。也就是通常所說的CMS程序，在上篇文章中已經(jīng)提到如何選擇一款適合我的CMS程序，大家可以看看。
2：網(wǎng)站前臺部分。前臺就是廣大網(wǎng)民所見即所得的網(wǎng)頁、風(fēng)格模板和一些前臺功能應(yīng)用，點擊這里查看如何給仿制一個網(wǎng)站模板。
3：程序標(biāo)簽部分。網(wǎng)站標(biāo)簽就是網(wǎng)站系統(tǒng)提供的專門整合網(wǎng)頁和后臺之間的代碼，把一些程序語言代碼寫入標(biāo)簽中，就可以簡潔的展示出前臺應(yīng)用部分。用不同的標(biāo)簽就可以顯示不用的文章排版格式和功能。
需要注意的是：
每個網(wǎng)站CMS系統(tǒng)提供的標(biāo)簽都各不相同，這是開發(fā)者為了區(qū)分和其他程序的不同，所以每個CMS程序都有不同的標(biāo)簽。但網(wǎng)站模板的制作道理都是一樣的，只要你把這個程序提供的標(biāo)簽放到相應(yīng)的網(wǎng)頁模版中，就可以設(shè)計一個完整的網(wǎng)站了。
三者歸納出比喻的一句話最容易理解：CMS是電腦主機，網(wǎng)頁是顯示器，標(biāo)簽就是連接主機和顯示器的一根根線。
下面盧松松就以動易CMS為例介紹一下網(wǎng)站模板制作簡單流程：
1：在制作模板之前，你先需要在Photoshop、Fireworks等設(shè)計軟件中制作網(wǎng)頁效果圖，然后在利用軟件到處HTML格式的文件，將效果圖輸出成HTML文件和圖片文件夾。
2：如果你對設(shè)計軟件不熟練，或者你是做程序的，那么請看看上一篇盧松松提供的農(nóng)村版”網(wǎng)站扒皮“法。
3：在Dreamweaver等網(wǎng)頁設(shè)計軟件中修改網(wǎng)頁模板，將需要顯示內(nèi)容的地方插入相應(yīng)的的CMS標(biāo)簽。
如圖所示：
制作好的網(wǎng)頁模板如何放入網(wǎng)站CMS中？ 網(wǎng)站設(shè)計 模板 建站教程 第1張
（點圖片即可查看大圖）
其他的標(biāo)簽添加也是一樣的方法，但你不要把動易標(biāo)簽添加到Z-blog模板中。
4：將圖片文件夾上傳至網(wǎng)站的目錄中，同時添加或修改相關(guān)類型的版式模板，將網(wǎng)頁模板文件的源代碼拷入模板中并保存。刷新前臺頁面即可看到新模板的效果。
5：給網(wǎng)頁模板添加標(biāo)簽是一件細(xì)活，需要耐心添加。首頁添加完了，接下來是欄目頁、內(nèi)頁和一些關(guān)于我們、友情鏈接等等相關(guān)頁面的制作。這樣經(jīng)過一段時間的標(biāo)簽添加，和頁面調(diào)式，一個完整的網(wǎng)站模板就制作好了。
6：也許你會說，網(wǎng)絡(luò)上有大量的網(wǎng)站模板提供下載，我直接下一個好了。但無論你下載什么樣的模板，都要經(jīng)過一番修改、并且要融入自己的理念才行。試問有哪些著名的網(wǎng)站用的別人提供的模板呢，多了解一點網(wǎng)站模板的知識沒什么壞處。
經(jīng)過以上幾個步驟，一個用動易CMS做的網(wǎng)站模板就算完成了，預(yù)覽地址：http://down.lusongsong.com/
擴展閱讀：
動易模板設(shè)計教程：http://tech.powereasy.net/Template/PE/Index.html
DEDE織夢系統(tǒng)模板設(shè)計教程：http://www.dedecms.com/html/zaixianwendang/mobanzhizuo/20080320/39446.html
Z-Blog模板制作教程:http://wiki.rainbowsoft.org/doku.php?id=themes:tips
wordpress主題制作教程:http://www.wordpress.la/cat-news-development.html
來源：盧松松博客
