:::

1. 認識HTML、CSS

一、關於講義

  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為[email protected][email protected](發問請多利用Email)


:::

搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D18%26tbdsn%3D406

書籍目錄

展開 | 闔起

線上使用者

56人線上 (11人在瀏覽線上書籍)

會員: 0

訪客: 56

更多…