1、第一章：概述概述為什么要寫這系列的文章呢？理由很簡單，這是筆者多年想寫出來的文字。那么該系列的文章是關于什么的呢，為什么標題是無基礎CMS建站之 KingCMS篇呢？本文最大的目的就是讓你什么都不用懂，只要照著步驟一步一步來操作，就能完成一個網站，甚至是一個資訊非常豐富的網站的制作。什么是CMS如果你是網站愛好者，如果你會經常研究一些網站程序，甚至，研究技術是你的愛好，不管是專業的愛好還是業余的愛好。那么你可能會知道一個名詞叫做 CMS，有了這個東西，你甚至可能會購買網站空間就會建立網站了，是不是真的這么簡單？確實如此，畢竟科技是向前的，科技的一個很重要的意義就是減少重復 的工作，在建網站也該

2、如此，把重復的動作用程序代替，就是產品了，或者簡單點來說，是工具了。CMS就是一個讓建網站和管理網站變得簡單的工具。CMS那么地好，那么它可以做什么樣子的網站呢？如果不那么限制地來說，其實現在所有的網站都是使用CMS來做的，區別是這個CMS公不公開而已， 是不是通用的而已。那不是廢話嗎？都拿不到手的程序關我什么事。這也是，在這一番自言自語當中，仿佛聽到，如果我能拿一個下載到手的網站程序，比如某個 CMS，能做個網易出來，就算不是一個網易，做1/100個網易出來也不錯，至少首頁像個門戶嘛。那么，互聯網有沒有CMS可以做一個或者1/100個網 易出來的呢？答案是，太多了。毫不夸張地說，國內的CMS

3、設計的原型多多少少都被幾大門戶影響，所以，筆者在這里可以讓你很興奮地知道，下載一個免費的程 序，也是可以做一個門戶出來的！在本文，不討論國內哪家CMS更加好，也不討論國內的CMS和國外的CMS的優劣勢，只關注究竟如何用免費能拿到手的CMS程序做個類似網易的網站 出來，而且，是沒有基礎的前提下。甚至，連什么是HTML都不去關注！如果你看完這系列的文章覺得是吹水，還是要懂得很多技術的話，那么也請你原諒，筆者 只保證你按照最表面的意思去弄懂一樣東西，照著這樣東西做就能運作起一個網站而已。關聯的知識點首先，筆者會帶著大家去觀察一些網站，從網站的地圖總結出它們的欄目，解決網站最起步的問題，其實很多人會以

4、為做網站就是先設計logo，再設計模 板，上線就行了，不然的話就是套個模板，直接上線。事實并不是如此，一個網站無論多么簡單，或者多么復雜，它的靈魂都在于它的定位和策劃。在這個環節，網 站最重要得出來的是欄目的策劃。說的直接一點，就是把目標網站的欄目復制下來而已，策劃的事情等到你自己想做個好網站的時候再慢慢想，這里只是純粹復制。其次，分析目標網站的模板結構，同樣道理，復制！在本文結束之后，你會發現，按照一步一步地操作，你竟然能完全復制一個網站下來，而且有后臺，可更新，樣子也不賴。再次，逐步“肢解”目標網站的結構，從首頁，列表頁，內容頁一個一個頁面地扒，只復制，不斷地復制，使用工具來復制。最后，完

5、善一個網站所需要的全部功能，比如會員，網站地圖等，再就是涉及到網站的優化，推廣等細節。這樣一下來，不用懂任何的知識，照做，就能搬一個網站下來，想到都興奮。行動記住，本文研究怎樣復制目標，你可以不用懂任何東西，看完之后，你再認真復習下，說不定你就很快就能復制個山寨版的網易出來。第二章：模板及欄目分析在開始第二章前，先介紹兩個關于CMS建站前的名詞和友情提示。扒模板這是一個很形象的動作詞，扒手和扒模板是一個道理，都是把東西從別的地方拿過來，是一個涉及到侵害他人利益的動作。扒模板的表面理解就是復制別的網站的模板，以達到自己用的目的。欄目策劃小型網站的策劃都歸結到欄目策劃，往往制作一個網站前都需要確定

6、要使用多少個欄目來表達網站的主題。如果說網站主題是一個人的腦袋，那么欄目就是肢體了。友情提示1、本章涉及到扒模板的技巧，不鼓勵大家去盜取別人的勞動成果，純粹技術交流。2、本系列文章以cnbeta()主題類文章作為欄目策劃參考，以下簡稱“參考網站”。3、實例網站為站之理想()，是筆者擁有版權的網站，僅用于實例教程，請勿拷貝使用，以下簡稱“現建網站”。參考網站描述cnbeta是IT類的資訊網站，所采納的新聞都是以某個主題為導向的。舉例說明，比如網站有三個主題：諾基亞，IE，索尼。網站現在有一篇關于諾基亞的新聞，一篇關于IE的新聞，索尼的暫時沒有。那么首頁發布新聞的效果如下：新聞標題處于正上方，新聞

7、的日期、閱讀次數、推薦次數等屬性在于標題的下面。新聞的主題有一個圖片，比如IE的就是IE的logo圖片，諾基亞的就 是諾基亞的logo圖片。點擊圖片之后，在打開的頁面顯示所有關于該主題的新聞，比如點擊以上的諾基亞logo圖圖片，在打開的頁面就看到所有關于諾基亞 的新聞列表。cnbeta就是以這種創新形式的主題報道新聞，受到了廣大網民的歡迎，連一些IT門戶都參考了它的形式發布IT新聞。該形式主要是主題明確，便于閱讀索引。本實例教程就是以這種形式作為出發點，舉例建立一個關于站長資訊的站點。分析參考網站的欄目結構和模板參考網站的欄目結構比較有特色，嚴格來說，整個網站只有一個新聞發布分類，眾多新聞以主

8、題形式區分開來。按照瀏覽人群來區分，網站對新聞發布還采用 了一種分類方法：DIG版，軟件版，業界版，互動版。每個主題有一個logo圖片，如果該主題沒有logo或者新聞較少的話，就使用一個通用的logo暫 時代替，等到合適的時候再放上該主題的logo。參考網站的模板也相對較簡單，只有兩個頁面。一個是列表頁（同時也充當首頁），一個是內容頁。由于頁面太長，提供以新窗口瀏覽的方式舉例：首頁、內容頁。現建網站的欄目結構和模板欄目結構策劃：· 首頁· 站友資訊· 最近動態· 服務更新· 資源推送然后每個網址以主題形式索引，參考了cnbeta的主題形式。然后

9、模板也類似cnbeta，只是多了一個子分類的列表頁模板。第三章：KingCMS企業版(PHP)的安裝分析并且制定好欄目是一個網站開始的關鍵，上一章已經定好欄目。接著就到了建站系統的安裝環節了，本實例教程采用的建站程序是KingCMS的企業版。下載程序首先聲明，KingCMS的商業用途是需要商業授權的，否則只能用于非商業用途（查看它的授權說明）。雖然說要授權，還好我們能免費下載，點擊這里到下載頁面下載。解壓上傳下載回來的是一個名為：KingCMS_6.0.813.zip的壓縮包。因為KingCMS企業版采用的是PHP語言編寫，加上支持SQLite 數據庫，所以很適合用于企業建站，相比ASP+Ac

10、cess有很大的優勢。在本章，我們不討論如何選購適合的空間，只圍繞安裝做一個簡單的安裝教程。把下載的壓縮包解壓后，上傳upload文件夾里面所有文件到FTP空間，如果是Windows NT系統的話直接上傳即可，如果是Linux的請注意使用二進制方式上傳。運行安裝如果你的FTP空間綁定的域名是：，那么安裝的路徑是：說明已經圖示了，管理員數據庫前綴在以后的運用再展開應用說明，是用于方便多站管理的。由于KingCMS企業版默認的安裝數據庫是SQLite， 則不需要另外設置MySQL的連接信息，對于企業和個人來說都是一個很好的事情，可以節約成本和備份簡單，備份只需要拷貝SQLite的數據庫文件(網站

11、根目錄的*.db3文件就是數據庫文件)即可，安裝時數據庫的名字是隨機生成的，可以不修改。設置完成之后，點擊“安裝”，有沒有注意到安裝的后面有(S)，說明該頁面支持Alt+S實現點擊安裝。登錄系統點擊安裝完畢之后，系統自動跳轉到登錄頁面輸入剛才安裝時候設置的帳號和密碼，再點擊登錄即可。初步了解KingCMS系統第一次登錄KingCMS，提示“新手上路”，里面有幾個概念和常見問題都很經典。KingCMS的基本概念主系統(System)：主系統也成為基本系統，僅提供管理員登錄、退出等基本功能。模塊(Module)：實現擴展功能的功能目錄。內容發布用的內容管理(Portal)，管理前臺用戶的用戶系統(

12、User)，定義代碼段的碎片(Block)等目錄，均為模塊。模型(Model)：內容管理可以細分為文章管理、下載管理、論壇等功能，這些在內容管理(Portal)模塊下實現具體發布功能的小功能塊稱之為模型；只有內容管理(Portal)有模型，其他模塊沒有模型。模板(Template)：模板即為網站前臺風格，默認是放在template目錄和一個圖片文件目錄images構成。KingCMS模板分成外部模板和內部模板，對內外部模板的詳細介紹請見UserGuide。模板標簽(TAG)：模板標簽是用來代替PHP腳本語言的構造語言，相似于HTML代碼，并簡單易學；無需掌握PHP卻能實現調用動態內容的目的。K

13、ingCMS的常見問題1、設置網站信息及參數2、如何添加功能模塊3、設置快捷方式4、修改使用者模式5、頁腳顯示的執行時間很短，但為什么感覺很卡？6、事件查看器中有很多錯誤該怎么辦7、啟用了偽靜態后需要注意的了解這些常見的疑問有很大的幫助，建議先認真閱讀一下新手上路。安裝模塊由于KingCMS系統采用模塊化概念開發，所以需要先安裝模塊才能進行添加欄目等操作。接著點擊“查找模塊”成功安裝之后有提示，再點擊“查找模塊”安裝另外還沒有安裝的模塊。重復“查找模塊”，點擊如圖安裝圖標，直至全部模塊安裝完畢為止。由于本教程涉及到全部模塊，所以才安裝全部日后你掌握之后，可以安裝部分需要的模塊。添加首頁添加完模

14、塊之后，筆者建議熟悉一下后臺的菜單，比如每個菜單都挨著點擊一下，以便熟悉以后的操作，也方便本教程涉及到菜單的操作，不另外作截圖說明。KingCMS系統安裝完畢之后，所有的欄目管理在“內容管理”-“欄目中心”。依次點擊“內容管理”-“欄目中心”：系統在安裝模塊的時候，默認添加了一個“單頁”的欄目，這個便是網站的首頁。我們就不需要重復添加首頁了，直接點擊“編輯”就能完成首頁的修改。安裝KingCMS企業版的就到此為止，下一章，將會講解如何添加欄目并且指定模板，欄目路徑的設定。第四章：KingCMS欄目設定網站欄目設定包括：欄目名稱確定，欄目的路徑確定，每個欄目對應的模板。按照第二章的規劃，我們制定

15、的欄目如下： 一級欄目二級欄目URL規則模板首頁 首頁模板站友資訊 頻道首頁模板 最近動態列表頁模板 服務更新列表頁模板 資源推送列表頁模板  其他頁面URL規則 名稱URL規則內容頁tag頁面圖片以當頻道的路徑作為存放路徑 別被什么URL規則嚇到，以上只是舉例讓網站的策劃更加清晰。URL就是網址的意思，一般顯示在瀏覽器地址欄上面的就是網址，比如，網易的一篇新聞 的網址是： 串這樣的網址，然后調用到某個頁面比如首頁，我們點擊的時候就去到該網址了，剛才舉例網易的網址有它的規則，比如基于二級域名下

16、的科技頻道，然后是2010年作為一個文件夾，接著到今天的日期3月17日，再接著的可能就是對應的欄目或者其他規則了，一般來說，門戶站才需要這么復雜 的URL管理，一般的企業網站只需用到二、三級目錄就足夠了，時下的SEO炒得很熱的URL寫法就是說這里。我們先構思好要顯示的地址格式，然后再通過KingCMS的設置，使用程序來輸出我要設計的地址規則。由于本教程使用了兩個域名，所以在KingCMS需要做一點另外的配置，在服務器也需要做一點另外的配置。這里只作文字的說明，關于服務器的配置， 就是需要把和綁定到該網站的主機頭。如果程序不做任何的處理，輸入兩個域名都是訪問到同 一個頁面的，KingCMS的多域

17、名管理的奧妙就在這里，綁定多個主機頭，根據不同的主機頭跳轉到不同的模板，而對于機器來說，并不是什么300之類的跳 轉，只是普通的打開頁面動作。和新建一個主機，再綁定一套程序實現的效果是一模一樣的。KingCMS也需要做一些綁定的工作。點擊“內容管理”-“域名綁定”：如果網站不需要綁定多個域名的話，就不需要關注本段。按照上圖的提示，分別點擊編輯“默認”的域名，輸入網站名稱“首頁”，綁定的域名 “”，然后再點擊“添加”，輸入網站名稱“站友資訊”，綁定的域名“http: /”。到此就完成域名的綁定操作。編輯首頁為什么不是添加首頁呢，因為首頁在添加模型的時候已經自動生成了，我們只需要做修改即可。點擊“

18、內容管理”-“欄目中心”。點擊這里看上一章的圖片說明，點擊欄目為“HOME”編輯。關于首頁的設置，請看圖片，模板的環節先不講，需要預覽效果的話，請看：就是將要做成的首頁。添加其他欄目其他欄目有一個是需要用到“單頁面”模型（站友資訊頻道），三個“文章”模型（最近動態、服務更新和資源推送欄目）。繼續在“內容管理”-“欄目中心”，點擊“添加欄目”：三個文章欄目的添加就以添加一個為例子，其他兩個類似就繼續截圖說明了。返回“欄目中心”，繼續點擊“添加欄目”：模板的選項按照默認的，關于模板的關聯在后面篇章專門介紹，這里不做展開。以上圖示為“最近動態”欄目的新建，比較關鍵和信息是選擇“模型”，設定“路徑樣式

19、”。請仔細看圖中說明。欄目的“路徑樣式”決定了生成網站的URL格式，按照圖中設定的規則，就生成了站之理想目前的URL格式，因為涉及到實例教程，所以文中會多次提交實例中的站點，請多點瀏覽看輸出的結果。剩余的兩個欄目按照同樣的道理，只需要更改欄目名稱和欄目標題，以及列表那里的路徑樣式中的數字，具體數字參考本文開頭的表格。第五章：模板概述開始本文前，引用KingCMS官方幫助文檔的一段話：模板制作是整個系統中最核心的應用部分，如果對模板制作不了解，很難做好一個優秀的 KingCMS網站。其實官方的幫助文檔對模板的描述作了非常詳細地描述，建議初學者認真閱讀，以下就官方的幫助文檔展開一個概述性的總結。模

20、板文件夾目錄是在根目錄的template，經常有朋友擔心自己的網站如果公開演示的話，別人可以輕松下載自 己的模板，KingCMS有考慮到這一步，比如只需要把template文件夾改成muban，然后到“工具”-“網站參數設置”，更改“模板文件夾”右 邊的文件夾名字為muban。接著還有會員的模板文件也需要更改，“工具”-“網站參數設置”-“用戶系統”/“內容管理”，把“登錄頁面模板”和接著的 三個選項右邊的文件夾改名為muban。主要就是這三個地方需要更改模板的目錄設置。模板的命名只能為英文和數字組合或者單純英文，數字。擴展名為html|htm|shtml，這些都是官方文檔寫得很詳細了。外部模

21、板和內部模板這個概念是KingCMS獨創的概念，可以這樣理解，所有外部模板的文件放在 template這個默認的模板文件夾里面，所有的內部模板放在template/inside這個文件夾。外部模板和內部模板一定要理解透徹，因為該概 念組成了KingCMS如此靈活的一個重要部分。舉例說明，如果一個網站有10個頁面，其中頭部和尾部都一模一樣的，這個時候手工制作的話，就需要復制十次頭部和尾部的代碼到每個頁面。其實這些頁 面的頭部和尾部的代碼是重復的，假如有某個代碼top可以代替頭部的一堆代碼，有某個代碼bottom可以代替尾部一堆代碼，這樣每個頁面的頭部 和尾部只需要填寫top和bottom就能替代

22、那一堆代碼了。這樣的好處就是重復的代碼在多處調用時候，省略重復的代碼編寫工作。KingCMS的外部模板和內部模板機制就是這樣誕生的。網頁的模板，除了代碼還有很重要甚至必不可少的元素，就是圖片文件、CSS文件及javascript文件。這 些文件KingCMS系統統一規定放到images文件夾當中，模板引擎才會對它里面的路徑產生作用。這個涉及到比較專業的路徑疑問，在以后章節當中再作 說明。很多初學者都會混淆網頁的圖片路徑等問題，另外模板的編碼也是一個需要十分注意的地方，所有的KingCMS文件包括模板文件都是采用UTF-8編 碼。UTF-8編碼是什么概念來的？形象點說吧，如果采用了UTF-8編碼

23、的話，所有語言的操作系統無論是中文還是英文，或者是阿拉伯語，都能正常瀏覽 網頁的字體，而不會出現亂碼。UTF-8編碼是一種全球統一的編碼，我們只需要了解它是什么回事即可，不需要去了解它的原理。這種編碼的缺點是如果網站是 中文網站的話，占用的數據庫空間會比采用gb2312編碼的大一倍，這個容量對于小型數據量(企業網站一般都會在一萬條記錄以下)的站點幾乎沒有影響。接著的章節會以一個一個目的網站的頁面進行扒模板操作，開始扒模板之前請仔細閱讀好KingCMS的模板機制。第六章：首頁模板頭部和尾部終于開始了扒模板的環節，首先我們需要分析首頁。一、打開的首頁，點擊右鍵，選擇“查看源文件”。第一步，當然是先

24、下載目標站點的樣式表。觀察前面的代碼：<link href="images/style.css" rel="stylesheet" type="text/css" />，需要下載的樣式表地址是：二、從網頁上來看也是大致分成三部分，從源代碼來看，我們也需要這樣分析。剛好源代碼有兩個標示符號，一個是頭部 的：<!-head->和<!-head end->，一個是尾部的：<!-bottom->和<!-bottom end->。這里我們可以使用碎片的功能來分別放置這部份的重復代碼。注

25、：這里和前一章提及的內部模板是同樣原理，只是碎片更加方便在后臺管理。況且，碎片用于管理<body>前和</body>后重復調用的代碼是十分方便的。所以，制作出來的網頁雖然相同，但不一定是使用同樣的方法。進入KingCMS的后臺，新建兩個碎片。一個建議叫做head，一個建議叫做bottom。通過觀察，頭部的菜單是通過標簽調用出來的，就是調用欄目中心的所有欄目，無需人工添加的。 head的碎片(king:block name='head' /)內容如下：<!-head-><div id="head">&#

26、160;<h1><a href="config:system.siteurl/config:system.inst/" title="config:system.sitename/">config:system.sitename/</a></h1>    <div id="nav">     <ul>        <s

27、pan id="nl"></span>        <a href="config:system.siteurl/config:system.inst/">首頁</a>  king:portal.list listid1='0' listid!='1'  |<a href="<?php if(substr('king:listpath/

28、9;,0,7)!='http:/')echo 'config:system.siteurl/'if('config:system.inst/'!='/')echo 'config:system.inst/'?>king:listpath/">king:listname/</a>  /king:portal.list        </ul>    &l

29、t;/div></div><!-head end->bottom的碎片(king:block name=bottom/)內容如下：<!-bottom-><div id="bottom"><p>&nbsp;</p><p>挖 掘 網 站 在 您 身 上 的 潛 力 </p><p><a href="#">關于本站</a> | <a href="#">廣告服務</a> | &

30、lt;a href="#">聯系我們</a> | <a href="#">友情連接</a> | <a href="#">版權聲明</a> | <a href="#">網站地圖</a> | <script src=" language="JavaScript"></script></p> <p>Copyright © 2005-2010 S

31、Incorporated. All rights reserved. </p><p>站之理想(Sitedea) 版權所有 config:system.beian/ Sitebuilding by <a href="" target="_blank">KingCMS</a></p></div><!-bottom end->到此為止，首頁的頭部和尾部代碼都已經完成。其中，網站頭部代碼里面的：  king:portal.list listid1='0

32、' listid!='1'  |<a href="<?php if(substr('king:listpath/',0,7)!='http:/')echo 'config:system.siteurl/'if('config:system.inst/'!='/')echo 'config:system.inst/'?>king:listpath/">king:listname/</a> &#

33、160;/king:portal.list是調用欄目中心所有的欄目名和鏈接，屬于自動生成的，如果欄目含有二級域名等情況，也會把完整的域名調用出來。第七章：首頁模板中部左邊上方首先看左邊的上方截圖：由兩部分組成，第一部分是頭條新聞的圖片和大標題，第二部分是調用四條新聞標題。根據前幾章的欄目制定規則，我們模板的代碼如下：第一部分king:portal.article listid="6,7,8" type="head" number='1'<a href="king:path/"><img src=&qu

34、ot; width='168' height='120' empty='fillet' empty-size='8' empty-filter='shadow' empty-filter-color='999abc' empty-r='8' empty-color='FFFFFF' /" /></a><strong><a href="king:path/">king:title size=&quo

35、t;40"/</a></strong><br />king:description size="220"/<span><a href="king:path/">點擊查看詳情</a></span> </p>/king:portal.article只調用頭條屬性的新聞，并且生成了有圓角效果的陰影圖片。第二部分king:portal.article listid="6,7,8" type="commend" numb

36、er='4'<li><a href="king:path/">king:title size="40"/</a></li>/king:portal.article只調用四條最新推薦的新聞標題。左邊下方觀察上圖，雖然下方的內容很多，但是重復的元素只有一個，就是每個新聞都有一個區域的，上圖就有兩個區域。這里主要是負責循環調用每個區域的內容出來。這個區域的代碼如下：king:portal.article listid="6,7,8" type="new" n

37、umber="10"<li><p class="lbtit"><strong><a href="king:path/">king:title/</a></strong></p> <p class="lbms">king:_author/發布于 king:DATE formatdate="Y-m-d H:i:s"/ | king:hit/ 次閱讀</p><p class="lbtxt"><span class="img">king:dbquery.select table="king_tag" where="ktag='(king:tag/)'"<a href="