Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「XOOPS 新版佈景設計」目錄
MarkDown
1. 關於XOOPS佈景
1-1 安裝各種輔助工具
2. HTML5入門
2-1 HTML表單（僅參考，不上）
3. CSS3入門
3-1 常用屬性
3-2 CSS盒狀模型
3-3 版面布局設計
3-4 CSS3 新功能（僅參考，不上）
4. BootStrap入門
4-1 BootStrap的版面布局
4-2 常用BootStrap效果
5. XOOPS佈景開發
5-1 XOOPS佈景開發
5-2 關於 config.php
5-3 關於 theme_css.html（佈景CSS設定）
5-4 滑動圖文
5-5 導覽列選單
5-6 logo 設定
5-7 進階佈景設計
5-8 關於 config2.php 額外設定
5-9 xoops內建的樣板標籤
5-10 區塊標題技法
6. beauty_class 佈景素材及範例原始碼
6-1 theme.html
6-2 css/style.css
6-3 theme.ini
6-4 config.php
6-5 config2.php
6-6 上方選單設定值
6-7 language/tchinese_utf8/main.php
6-8 xotpl/templatemo_slider.html
6-9 css/nivo-slider.css
7. white 佈景素材及範例原始碼
7-1 theme.html
7-2 css/style.css
7-3 theme.ini
7-4 README
7-5 config.php
7-6 config2.php
7-7 xotpl/contentslider.html
7-8 language/tchinese_utf8/main.php
1-1 安裝各種輔助工具
XOOPS 新版佈景設計 ============ ### 一、XOOPS佈景設計須知 1. 要設計一個佈景，至少要懂HTML+CSS，有時還需要懂一些jquery，要設計一個可以再各種裝置都可以看的佈景，還需要懂得自適應設計（Responsive Web Design），要設計一個XOOPS佈景，您還得要懂smarty佈景引擎語法。 2. 正常的XOOPS佈景開發大致流程為：先做一個普通的HTML網頁，然後，套上XOOPS專屬的smarty佈景標籤，這樣就成了XOOPS佈景。 3. 可控制的XOOPS佈景則是可以讓使用者透過Tad Themes模組來針對佈景做設定，TadTools已經有內建一些共同樣板，所以，可以選用降低開發難度。 4. 佈景開發重點在於了解XOOPS的樣板結構及原理，因為XOOPS的樣板分成三大部份：主樣板、區塊樣板、模組樣板...等，尤其XOOPS2.5之後又加入了不少新功能，所以，這部份盡可能的去了解它的結構以及作用範圍，如此，日後才能隨心所欲的想改哪裡就改哪裡。 ### 二、 設計佈景的正確觀念 1. 版型不應該用Table來建立，而是應該用<div>或<span>這類本身不具意義的標籤來規劃版型。用表格會缺乏彈性，而且也不是新一代網站的正確作法，表格就應該拿來當作表格用。 2. HTML用來作為網頁結構的規劃，而非外觀的設計。外觀一律建議使用CSS來控制。 ### 三、本次研習範例 嘉義場研習範例：[http://www.templatemo.com/templates/templatemo\_062\_white](http://www.templatemo.com/templates/templatemo_062_white) 嘉義場研習範例下載：[http://www.templatemo.com/preview/templatemo\_062\_white](http://www.templatemo.com/preview/templatemo_062_white) <span style="color:#808080;">臺南場研習範例：</span>[<span style="color:#808080;">http://www.templatemo.com/templates/templatemo\_353\_beauty\_class/</span>](http://www.templatemo.com/templates/templatemo_353_beauty_class/) <span style="color:#808080;">臺南場研習範例下載: </span>[<span style="color:#808080;">http://www.templatemo.com/preview/templatemo\_353\_beauty\_class</span>](http://www.templatemo.com/preview/templatemo_353_beauty_class) ### 四、 開發工具：[Sublime ](http://www.sublimetext.com/)或 [NotePad++](http://120.115.2.90/modules/tad_uploader/index.php?op=dlfile&cfsn=29&cat_sn=7&name=npp.zip) 1. Sublime[](https://www.dropbox.com/s/wyb7ila9zye3uh0/Sublime%20Text.zip)是小弟的主力工具，大力推薦，不過不是免費軟體。 2. NotePad++解壓縮後，直接執行npp/notepad++.exe即可。
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
47
人線上 (
4
人在瀏覽
線上書籍
)
會員: 0
訪客: 47
更多…
