用CSS打造XOOPS佈景
人氣:979 人
課綱
- Facebook
- Google+
Pinterest
課程資訊
- 上課時間:
- 每週 四 晚上07:00~09:50(第一次上課日期:09 月 04 日)
- 開課地點:
- 台南社區大學(台南市公園路750號)
- 招生人數:
-
35 人
- 課程收費:
-
- 總學分費:3 學分 3000 元(18 週課程 / 一次上課 3 小時)
- 學期報名費:新生:200 元; 舊生:150 元
- 保證金:對於免收學費者(低收入或身心障礙)收取 1500 元
- 上機費:500 元
- 旁聽費:
每次 0 元
授課老師
- 最高學歷:
- 台南大學資訊教育研究所
- 現職:
- XOOPS正體中文延伸計畫站長
- 相關學經歷:
- 台南市教育網路中心教學資源組
教育部校園自由軟體應用諮詢中心顧問
台南社大資訊學程召集人
松崗、旗標、上奇、碁峰電腦書籍作者
關於這一門課
1.為什麼想開這門課?希望帶領學員共同學習甚麼
CSS是當今設計網站外觀必備的技術,中文常被譯為「網際排版」。不管您是要設計一般網頁、或者是要開發XOOPS佈景甚至是撰寫程式,您都無法脫離它的魔掌。
2.修此門課需具備什麼條件?
若是您有架過網站、寫過網頁,那麼,您就比較能體會為什麼要學CSS。
3.上課的方式是怎麼進行的?學生可以有什麼收穫?
說明、示範、練習、發問、示範、練習…練習…練習
4.如何取得學分?(評量方式)
作品實做
5.備註&推薦書目
《CSS網頁設計師手札》,Rachel Andrew,上奇出版
各週課程規劃
- 第 1 次課程
-
第 1 次
2008-09-01
(一)晚上07:00~09:50
電腦教室
-
認識親密戰友!
-
這次我們不用FrontPage不用Dreamweaver,我們用免費又跨平台,全中文,全功能型的編輯器:BlueFish來陪伴我們18週,這堂課,我們就來好好的認識這套編輯器。
-
吳弘凱
- 第 2 次課程
-
第 2 次
2008-09-08
(一)晚上07:00~09:50
電腦教室
-
文字的CSS外觀排版(上)
-
文字也可以換字型設顏色並不稀奇,我們還可以利用CSS來將文字加背景,設間距、設行距,更可以進行縮排、字首放大…等效果。這節課,我們就針對文字與段落來好好的惡搞一下其外觀,讓您知道怎麼把網頁文字、連結搞的和雜誌一樣夢幻…
-
吳弘凱
- 第 3 次課程
-
第 3 次
2008-09-15
(一)晚上07:00~09:50
電腦教室
-
文字的CSS外觀排版(下)
-
文字也可以換字型設顏色並不稀奇,我們還可以利用CSS來將文字加背景,設間距、設行距,更可以進行縮排、字首放大…等效果。這節課,我們就針對文字與段落來好好的惡搞一下其外觀,讓您知道怎麼把網頁文字、連結搞的和雜誌一樣夢幻…
-
吳弘凱
- 第 4 次課程
-
第 4 次
2008-09-22
(一)晚上07:00~09:50
電腦教室
-
精美的區塊與項目符號
-
區塊就是指一個小區域,區域中,您可以設計美美的內容,讓您的區塊看起來精美無比。如此,不管您是要放在網頁上或者要設計XOOPS區塊,都將能夠得心應手。
-
吳弘凱
- 第 5 次課程
-
第 5 次
2008-09-29
(一)晚上07:00~09:50
電腦教室
-
用CSS設計動態導覽列
-
要設計動態的導覽列一定要用到程式嗎?當然不…我們用CSS也可以做的嚇嚇叫,這節課就讓您看清楚如何讓清單變成動態導覽列!
-
吳弘凱
- 第 6 次課程
-
第 6 次
2008-10-06
(一)晚上07:00~09:50
電腦教室
-
用CSS來玩玩表格
-
本節課將說明如何讓滑鼠移到某一格,該格就變色?如何做像Google那樣經美的行事曆表格?
-
吳弘凱
- 第 7 次課程
-
第 7 次
2008-10-13
(一)晚上07:00~09:50
電腦教室
-
絕美的網頁表單
-
寫程式常常會用到表格與表單,醜醜的表單是否引不起您的興致呢?沒關係,我們來把表單美化ㄧ番,讓它看起來可以更為精緻美觀!
-
吳弘凱
- 第 8 次課程
-
第 8 次
2008-10-20
(一)晚上07:00~09:50
電腦教室
-
區塊的排版變化
-
以往的網頁都用表格來排版,如何做到用區塊來排版呢?如何用區塊來把畫面分為兩欄,甚至三欄?如何做出類似XP桌面的圖示效果?這一單元統統告訴您~
-
吳弘凱
- 第 9 次課程
-
第 9 次
2008-10-27
(一)晚上07:00~09:50
電腦教室
-
套用現成的CSS特效(上)
-
網路上有許多令人瞠目結舌的CSS效果,如何把這些技術用到我們的網站上?讓我們可以事半功倍,輕鬆的做出美麗的網頁呢!順便也學學人家如何把CSS用的出神入化!這將是我們這節課的重點啦!
-
吳弘凱
- 第 10 次課程
-
第 10 次
2008-11-03
(一)晚上07:00~09:50
電腦教室
-
套用現成的CSS特效(下)
-
網路上有許多令人瞠目結舌的CSS效果,如何把這些技術用到我們的網站上?讓我們可以事半功倍,輕鬆的做出美麗的網頁呢!順便也學學人家如何把CSS用的出神入化!這將是我們這節課的重點啦!
-
吳弘凱
- 第 11 次課程
-
第 11 次
2008-11-10
(一)晚上07:00~09:50
電腦教室
-
XOOPS架站機介紹
-
本單元起,我們將要開始製作XOOPS這一個相當多人使用的架站機的佈景,因此,我們先來熟悉一下這套軟體的佈景架構。
-
吳弘凱
- 第 12 次課程
-
第 12 次
2008-11-17
(一)晚上07:00~09:50
電腦教室
-
佈景整體設計
-
這一單元,我們會利用影像處理軟體來架構出網頁的初步架構,然後利用網頁編輯軟體,將之轉換為網頁檔。
-
吳弘凱
- 第 13 次課程
-
第 13 次
2008-11-24
(一)晚上07:00~09:50
電腦教室
-
將網頁轉為XOOPS佈景
-
這一單元,我們要來將上一節客座好的網頁檔,搖身一變,變成XOOPS的佈景檔!
-
吳弘凱
- 第 14 次課程
-
第 14 次
2008-12-01
(一)晚上07:00~09:50
電腦教室
-
XOOPS區塊的微調與設計
-
剛做好的佈景通常是會有很多問題的,因此,這個單元,我們就要來針對區塊做個CSS的微調,讓它看起來可以更精美,更有整體感。
-
吳弘凱
- 第 15 次課程
-
第 15 次
2008-12-08
(一)晚上07:00~09:50
電腦教室
-
徹底改造主選單
-
覺得XOOPS很醜嗎?來,我們就來大刀闊斧的把主選單的外觀給改掉!讓它改頭換面,煥然一新!
-
吳弘凱
- 第 16 次課程
-
第 16 次
2008-12-15
(一)晚上07:00~09:50
電腦教室
-
套用絢爛的動態效果到佈景
-
網路上有許多精彩的網頁特殊效果,這一單元我們就來看看,如何把它套用到網頁上!
-
吳弘凱
- 第 17 次課程
-
第 17 次
2008-12-22
(一)晚上07:00~09:50
電腦教室
-
不同頁面有不同的外觀
-
XOOPS的佈景是採用Smarty佈景引擎,這一單元我們將來看看,如何利用Smarty引擎的功能,來做到每一頁都有不同的外觀
-
吳弘凱
- 第 18 次課程
-
第 18 次
2008-12-29
(一)晚上07:00~09:50
電腦教室
-
作品分享
-
辛苦了18週,我們來看看同學們的作品吧!
-
吳弘凱