• 2025-06-13【114年第二學期，報名須知（114/9/1起開課）】


    ● 6/29(日)上午9:00起 新舊生 同步開放 線上報名/線上轉帳
    ● 6/30(一)起 開放 現場報名
    ● 部份課程分時段開放線上報名，請見報名須知，以取得線上...[詳全文]

  • 2024-12-26【報名需備資料】


    ● 新生報名| 請準備 一吋照片1張 、身分證件正本備查、報名註冊費200元、學分費。
    ● 舊生報名| 請準備 學員證、報名註冊費150元、學分費。
    ● 設籍...[詳全文]

  • 2024-12-26【線上報名的操作方式】


    ★ 舊學員登入系統：帳號、密碼皆為個人的「身份證字號」（英文字大寫）
    ★ 點選欲報名的課程，再點「我要線上報名」，之後再按確認繳費。
    ★ 領有身...[詳全文]

:::

XOOPS佈景設計 ---HTML5、CSS3、Bootstrap

人氣：2799 人 人氣：2799 人 下載課綱PDF 課綱
確定開課 確定開課 未開放線上報名 未開放線上報名
課程資訊 課程資訊
上課時間：
每週 六 早上9:00-12:00 下午13:30~16:30（第一次上課日期：03 月 15 日）
開課地點：
台南社區大學（台南市公園路750號）
招生人數：
20 人
課程收費：
  • 總學分費：3 學分 3000 元（9 週課程 / 一次上課 6 小時）
  • 學期報名費：新生：200 元； 舊生：150 元
  • 保證金：對於免收學費者（低收入或身心障礙）收取 1000 元
  • 教材費：0 元（使用教材：講師自製教材講義）
  • 上機費：500 元
  • 旁聽費： 本課程不開放旁聽
其他資訊：
<b>講義網站：</b>http://www.tad0616.net
<b>HTML手冊：</b>http://www.w3schools.com/html/default.asp 或 http://www.w3school.com.cn/html/index.asp
<b>CSS手冊：</b>http://www.w3schools.com/css/default.asp 或 http://www.w3school.com.cn/css/index.asp
<b>BootStrap手冊：</b>http://kkbruce.tw/
【停課公告】
103年4月4日(五)婦幼節、103年4月5日(六)、103年6月2日(一)端午節停課一堂，課程順延！
授課老師 授課老師
吳弘凱
最高學歷：
台南大學資訊教育研究所
現職：
XOOPS正體中文延伸計畫站長
相關學經歷：
台南市教育網路中心教學資源組
教育部校園自由軟體應用諮詢中心顧問
台南社大資訊學程召集人
松崗、旗標、上奇、碁峰電腦書籍作者
關於這一門課 關於這一門課
1.為什麼想開這門課？希望帶領學員共同學習甚麼
一個好的網站門面可以體現一個網站要表達的意念，是讓使用者留下深刻印象的第一步，本班將以HTML5及CSS3技術，搭配攝影班或繪本班提供的素材，以環境生態、公共議題或公民意識為主提，針對XOOPS網站來設計一個專有的風格。
XOOPS是一個專業的架站機，可以在短時間內架出一個功能強大齊全的網站，以此為主題是延續上一學期的架站課程。
HTML是網站最基本的語法，要深入網站設計就必須對它有所了解，目前HTML5雖然尚未成為正式標準，但可以利用這們課，先來一窺其奧妙之處。
CSS（串接樣式表）是當今設計網站外觀必備的技術，中文口語常被譯為「網際排版」，利用它可以控制整個網站外觀，因此，不管您是要設計一般網頁、或者是要開發XOOPS佈景甚至是撰寫程式，您都無法脫離它的魔掌。適逢CSS3開始嶄露頭角之際，我們也來了解一下CSS3有哪些過人之處以及限制。
2.修此門課需具備什麼條件？
需架設過網站（最好有使用XOOPS網站的經驗）。
對於不排斥撰寫語法（本班不使用所見即所得編輯器）。
做出的佈景作品願意釋出提供他人下載。
3.上課的方式是怎麼進行的？學生可以有什麼收穫？
上課方式：說明、示範、練習、發問、示範、練習…練習…練習
學期末將採工開票選評選出十套佈景公開於網路提供下載。
學生可以從這門課學會HTML語法、CSS用法、基本影像處理能力、XOOPS網站佈景設計方法。
4.如何取得學分？（評量方式）
作品實做（40%）、出席率（30%）、上課態度（30%）
5.備註&推薦書目
《CSS網頁設計師手札》，Rachel　Andrew，上奇出版
各週課程規劃各週課程規劃
  • 日期
  • 課程主題
  • 課程內容
  • 授課講師
  • 第 1 次課程
  • 第 1 次 2014-03-15
    （六）早上9:00-12:00 下午13:30~16:30
    延中電腦教室
  • 認識HTML、CSS與親密戰友！
  • 上課時間 早上9:00-12:00 下午13:30~16:30
    這節課我們先了解一下XOOPS、HTML、CSS這幾個名詞的意含及功用，還有在這次課程中各自扮演的角色為何。此外，這次我們不用FrontPage不用Dreamweaver，我們用免費全中文，全功能型的文字編輯器：NotePad++來陪伴我們所有課程。
    此外，我們也會開始來認識一下HTML的基本用法，包括文字、排版、圖形、連結等標籤。打造出一個網站的主要架構！
  • 吳弘凱
  • 第 2 次課程
  • 第 2 次 2014-03-22
    （六）早上9:00-12:00 下午13:30~16:30
    延中電腦教室
  • 學會HTML5
  • 上課時間 早上9:00-12:00 下午13:30~16:30
    這一節課要來了解一下HTML的新趨勢：HTML5，了解目前各家瀏覽器對於HTML5的支援程度，並體驗HTML5新標籤所帶來的全新震撼。
    此外，我們也會講述HTML表格、表單、項目符號或列表的用法，當然還有HTML可用的新標籤也會一併介紹。
  • 吳弘凱
  • 第 3 次課程
  • 第 3 次 2014-03-29
    （六）早上9:00-12:00 下午13:30~16:30
    延中電腦教室
  • 玩玩CSS3
  • 上課時間 早上9:00-12:00 下午13:30~16:30
    這節課起，我們將CSS導入網頁中，了解CSS的用法，並熟悉CSS的強大能力。我們還先利用CSS來將文字加背景，設間距、設行距，更可以進行縮排、字首放大…等效果。這節課，我們就針對文字與段落來好好的惡搞一下其外觀，讓您知道怎麼把網頁文字、連結搞的和雜誌一樣夢幻…
  • 吳弘凱
  • 第 4 次課程
  • 第 4 次 2014-04-12
    （六）早上9:00-12:00 下午13:30~16:30
    延中電腦教室
  • 認識BootStrap
  • 上課時間 早上9:00-12:00 下午13:30~16:30
    BootStrap是一套擁有自適應功能的CSS框架！可以利用最簡單的方式來讓網站變得美觀又彈性，遇到不同裝置還會自動調整版面以符合最佳視覺效果！利用他將可節省大量的時間，所以，我們就來學學如何將之應用到我們的網站佈景上！
  • 吳弘凱
  • 第 5 次課程
  • 第 5 次 2014-04-19
    （六）早上9:00-12:00 下午13:30~16:30
    延中電腦教室
  • 快速開發XOOPS佈景
  • 上課時間 早上9:00-12:00 下午13:30~16:30
    這一單元，我們利用現成的免費佈景，改成XOOPS可以套用的佈景，讓您快速的可以開發出自己想要的佈景。
  • 吳弘凱
  • 第 6 次課程
  • 第 6 次 2014-04-26
    （六）早上9:00-12:00 下午13:30~16:30
    延中電腦教室
  • 建構可控製XOOPS佈景（一）
  • 上課時間 早上9:00-12:00 下午13:30~16:30
    這一單元起，我們會利用四天的時間，來建構一個可以搭配 Tad Themes佈景裡模組來管理我們的自製佈景，讓您的佈景可以從後台來做控制，例如切換布局、調整底圖底色、或者加入選單等。
  • 吳弘凱
  • 第 7 次課程
  • 第 7 次 2014-05-03
    （六）早上9:00-12:00 下午13:30~16:30
    延中電腦教室
  • 建構可控製XOOPS佈景（二）
  • 上課時間 早上9:00-12:00 下午13:30~16:30
    這一單元起，我們會利用四天的時間，來建構一個可以搭配 Tad Themes佈景裡模組來管理我們的自製佈景，讓您的佈景可以從後台來做控制，例如切換布局、調整底圖底色、或者加入選單等。
  • 吳弘凱
  • 第 8 次課程
  • 第 8 次 2014-05-10
    （六）早上9:00-12:00 下午13:30~16:30
    延中電腦教室
  • 建構可控製XOOPS佈景（三）
  • 上課時間 早上9:00-12:00 下午13:30~16:30
    這一單元起，我們會利用四天的時間，來建構一個可以搭配 Tad Themes佈景裡模組來管理我們的自製佈景，讓您的佈景可以從後台來做控制，例如切換布局、調整底圖底色、或者加入選單等。
  • 吳弘凱
  • 第 9 次課程
  • 第 9 次 2014-05-17
    （六）早上9:00-12:00 下午13:30~16:30
    延中電腦教室
  • 建構可控製XOOPS佈景（四）
  • 上課時間 早上9:00-12:00 下午13:30~16:30
    這一單元起，我們會利用四天的時間，來建構一個可以搭配 Tad Themes佈景裡模組來管理我們的自製佈景，讓您的佈景可以從後台來做控制，例如切換布局、調整底圖底色、或者加入選單等。
  • 吳弘凱