為了方便演示，以下的教程中，我們使用“[雅風設計]稻殼cms X1.0紅色企業通用模板”的靜態頁面為例進行講解。
模板代碼編輯軟件，雅風推薦使用Dreamweaver，這里順便啰嗦幾句：如果想從事這個行業，或者認真的搞稻殼CMS模板，雅風建議您不要用那些旁門左道的軟件，Dreamweaver或者其他常用的代碼編輯器才是正道。
登錄稻殼CMS后臺，進入構建網站，選擇模板管理，選擇使用950d這個模板，然后選擇[預覽網站]，打開網站首頁界面。
這時候我們看到的網頁界面應該是深喉嚨默認模板，因為我們目前制作的模板是直接復制默認模板的，如下圖：
處理模板之前，我們先把第二節中提到的靜態HTML頁面中所涉及到的CSS、JS、圖片等文件復制到模板目錄。目錄關系不要搞錯，例如原來的css文件存儲在css目錄名為css.css，那么復制后的位置相對于模板目錄，也是css目錄名為css.css，其他文件同理。
啟動Dreamweaver軟件，打開第二節中準備好的index首頁html頁面，再打開模板中的index.php首頁模板文件。
保留index.php中的head部分中編碼描述的meta代碼、title和keywords以及description的代碼，刪除原有JS和css調用代碼，處理完之后head部分的代碼應該如下：
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>php echo $tag['seo.title']; ?>title>
- <meta name="keywords" content="" />
- <meta name="description" content="" />
- head>
上面代碼中的等表示動態調用站點標題，關鍵字和摘要的意思，是屬于稻殼CMS的系統標簽。
然后我們把靜態首頁html頁面中的js和css調用代碼復制過來，復制后的head部分代碼如下：
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>php echo $tag['seo.title']; ?>title>
- <meta name="keywords" content="" />
- <meta name="description" content="" />
- <link href="css/css.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript" src="js/jquery.min.js">script>
- <script type="text/javascript" src="js/functions.js">script>
接下來，我們要手動的修改一下JS和CSS鏈接路徑，需要在JS和CSS文件路徑前添加當前模板目錄的稻殼標簽，當前模板目錄的稻殼標簽是：
- echo $tag['path.skin'];?>
我們把當前模板目錄的稻殼標簽放到JS和CSS路徑前，注意尾部無需添加反斜杠“/”，手動添加好之后head部分代碼如下：
