[1001]XOOPS網站門面專業設計
一、關於講義
- 請安裝Dropbox(雲端磁碟機),日後一旦發布講義,您的電腦會馬上收到。若講義網站連不上時,您都可以隨時在您自己的電腦找到上課資料。
- 您可從這裡下載Dropbox:http://db.tt/glmS0CV ,如此,講義可用空間會更大。
- 您也可以直接連上https://www.dropbox.com/ 只要有網路,都可直接下載教材。
- 未來講義將不再列出實體紙張,講義及相關教材會盡量於星期三送到各位電腦中,同時也會發表到Tad教材網。
- 本課程是系列課程中的第二個學程,也是未來幾個學程的基本功夫部份。
- 上課歡迎卯起來走動,互相交流,有任何不懂之部份,請儘管舉手或開口發問。
- 課程分為三大主軸:HTML、CSS(含影像處理)、XOOPS佈景設計
- 非程式,只是一種寬鬆的標籤語法,寫錯也不會怎樣,為網頁的最基礎。
- 開發佈景、寫程式,都會用到HTML,因此,不建議依賴所見即所得軟體。
- 用來控制網頁元件的外觀,也是屬於一種語法,而非程式。
- CSS可以直接寫在HTML檔中,甚至是HTML標籤中,也可以獨立一個檔。
- XOOPS的佈景有其專屬寫法,大致流程為先做好一個普通的HTML網頁,然後,套上XOOPS的專屬標籤,這樣就變成了一個樣板,所有的樣板集合起來,就成了XOOPS佈景。
- 佈景開發重點在於了解XOOPS的樣板結構及原理,因為XOOPS的樣板分成三大部份:主樣板、區塊樣板、模組樣板...等,尤其XOOPS2.5之後又加入了不少新功能,所以,這部份盡可能的去了解它的結構以及作用範圍,如此,日後才能隨心所欲的想改哪裡就改哪裡。
- 本次課程使用的預設編輯器為PSPad(http://www.pspad.com)或者MadEdit。這兩套都是執行快速,功能強大的免費軟體,而且都具有中文界面。當然您也可以使用自己熟悉的編輯軟體來操作。
- CSS編輯器則推薦使用TopStyle Lite 3.x,除了可和PSPad做完美結合外,其使用上也相當簡單。在win7中若PSPad無法連結TopStyle,請解壓TopStyle_reg.zip並執行TopStyle_registration.reg即可。
- 瀏覽器以FireFox為主,建議安裝web developer及FireBug套件,將對本次課程有相當大之幫助。請從「工具→附加元件」來安裝。
- Google瀏覽器亦有web developer(請裝中文版)及FireBug套件,但功能較簡易。請從「工具→擴充功能」來安裝。
- HTML及CSS部份,並不需要任何伺服器,只要有瀏覽器就可以執行。
- XOOPS架設則需放到網頁伺服器中,同時也需要資料庫伺服器來儲存資料。期中會開帳號給學員,若想在家或離線練習,可安裝XAMPP Lite(1.7.3版相容性最好)
吳弘凱(Tad)任職於台南教網,Email為[email protected]或[email protected](發問請多利用Email)