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


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

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


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

  • 2024-12-09【114年第一學期,報名須知(114/3/3起開課)


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

:::

自適應網站佈景設計 ---HTML5+CSS3+Bootstrap前端開發

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