:::
1. 認識HTML、CSS
一、關於講義
- 請安裝Dropbox（雲端磁碟機），日後一旦發布講義，您的電腦會馬上收到。若講義網站連不上時，您都可以隨時在您自己的電腦找到上課資料。
- 您可從這裡下載Dropbox：http://db.tt/glmS0CV ，如此，講義可用空間會更大。
- 您也可以直接連上https://www.dropbox.com/ 只要有網路，都可直接下載教材。
- 未來講義將不再列出實體紙張，講義及相關教材會盡量於星期三送到各位電腦中，同時也會發表到Tad教材網。
二、關於本課程
- 本課程是系列課程中的第二個學程，也是未來幾個學程的基本功夫部份。
- 上課歡迎卯起來走動，互相交流，有任何不懂之部份，請儘管舉手或開口發問。
- 課程分為三大主軸：HTML、CSS（含影像處理）、XOOPS佈景設計
三、關於HTML
- 非程式，只是一種寬鬆的標籤語法，寫錯也不會怎樣，為網頁的最基礎。
- 開發佈景、寫程式，都會用到HTML，因此，不建議依賴所見即所得軟體。
四、關於CSS
- 用來控制網頁元件的外觀，也是屬於一種語法，而非程式。
- CSS可以直接寫在HTML檔中，甚至是HTML標籤中，也可以獨立一個檔。
五、關於XOOPS佈景
- 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）
