線上書籍

Home

四小時佈景開發

  1. 您可以自己設計一個靜態畫面，也可以從網路上抓取免費佈景來修改成XOOPS佈景。
  2. 本教學以 http://html5templatesdreamweaver.com/free/bootstrap-biz-1/site/about.html 此佈景為教學範例
  3. 若是下載免費佈景，請將之解壓縮後，刪除不必要檔案，並將想要拿來修改的.html 檔複製一份成theme.html
    • (1) 解壓縮，並複製裡面的 site （只有此目錄下的檔案才是佈景而已）到網站的 themes 目錄下，並更名為 bootstrap-biz
    • (2) 點擊觀看每個 html 檔，留下一個看起來比較適用或好修改的即可，例如：full.html，其餘刪除之。
    • (3) 複製 full.html，貼為新檔，並更名為 theme.html，這是我們主要的樣板檔，未來都會修改之。
    • (4) 一些不必要的資料夾也可以刪一刪，若是不確定是否會用到，可用編輯器的跨檔案搜尋（以sublime來說，就是 Ctrl+Shift+F）來搜尋一下，若查無結果就是用不到的資料夾。