Tad 教材網 - 線上書籍

:::

\[1001\]XOOPS網站門面專業設計
=====================

[![](http://tad0616.net/uploads/dl.gif)](http://www.tad0616.net/uploads/tad_book3/file/1001/01.pdf)

### **一、關於講義**

1. 請安裝Dropbox（雲端磁碟機），日後一旦發布講義，您的電腦會馬上收到。若講義網站連不上時，您都可以隨時在您自己的電腦找到上課資料。
2. 您可從這裡下載Dropbox：<http://db.tt/glmS0CV> ，如此，講義可用空間會更大。
3. 您也可以直接連上<https://www.dropbox.com/> 只要有網路，都可直接下載教材。
4. 未來講義將不再列出實體紙張，講義及相關教材會盡量於星期三送到各位電腦中，同時也會發表到Tad教材網。
 
### **二、關於本課程**

1. 本課程是系列課程中的第二個學程，也是未來幾個學程的基本功夫部份。
2. 上課歡迎卯起來走動，互相交流，有任何不懂之部份，請儘管舉手或開口發問。
3. 課程分為三大主軸：HTML、CSS（含影像處理）、XOOPS佈景設計
 
### **三、關於HTML**

1. 非程式，只是一種寬鬆的標籤語法，寫錯也不會怎樣，為網頁的最基礎。
2. 開發佈景、寫程式，都會用到HTML，因此，不建議依賴所見即所得軟體。
 
### **四、關於CSS**

1. 用來控制網頁元件的外觀，也是屬於一種語法，而非程式。
2. CSS可以直接寫在HTML檔中，甚至是HTML標籤中，也可以獨立一個檔。
 
### **五、關於XOOPS佈景**

1. XOOPS的佈景有其專屬寫法，大致流程為先做好一個普通的HTML網頁，然後，套上XOOPS的專屬標籤，這樣就變成了一個樣板，所有的樣板集合起來，就成了XOOPS佈景。
2. 佈景開發重點在於了解XOOPS的樣板結構及原理，因為XOOPS的樣板分成三大部份：主樣板、區塊樣板、模組樣板...等，尤其XOOPS2.5之後又加入了不少新功能，所以，這部份盡可能的去了解它的結構以及作用範圍，如此，日後才能隨心所欲的想改哪裡就改哪裡。
 
### **六、關於編輯器**

1. 本次課程使用的預設編輯器為PSPad（<http://www.pspad.com>）或者MadEdit。這兩套都是執行快速，功能強大的免費軟體，而且都具有中文界面。當然您也可以使用自己熟悉的編輯軟體來操作。
2. CSS編輯器則推薦使用TopStyle Lite 3.x，除了可和PSPad做完美結合外，其使用上也相當簡單。在win7中若PSPad無法連結TopStyle，請解壓TopStyle\_reg.zip並執行TopStyle\_registration.reg即可。
 
### **七、關於瀏覽器**

1. 瀏覽器以FireFox為主，建議安裝web developer及FireBug套件，將對本次課程有相當大之幫助。請從「工具→附加元件」來安裝。
2. Google瀏覽器亦有web developer（請裝中文版）及FireBug套件，但功能較簡易。請從「工具→擴充功能」來安裝。
 
### **八、關於伺服器**

1. HTML及CSS部份，並不需要任何伺服器，只要有瀏覽器就可以執行。
2. XOOPS架設則需放到網頁伺服器中，同時也需要資料庫伺服器來儲存資料。期中會開帳號給學員，若想在家或離線練習，可安裝XAMPP Lite（1.7.3版相容性最好）
 
### **九、關於講師**

吳弘凱（Tad）任職於台南教網，Email為<tad0616@gmail.com>或<tad@tn.edu.tw>（發問請多利用Email）

:::