在 2015 年 4 月至元智大學資訊傳播約系舉辦網站製作工作坊，讓參與的學員在 4 週內學會 HTML/CSS 基礎，並運用 Bootstrap 建置靜態網站。

1. 網站製作⼯工作坊
⼯工作坊簡介
2015/04/11 元智⼤大學資訊傳播學系 范聖佑

2. ⼯工作坊簡介
• 預定透過 8 個主題單元的學習與實作，讓學
員精實地在 4 週內從完全無基礎到成果上線
部署
• ⼯工作坊共計 4 ⽇日 (4/11、4/18、4/25、5/2)，
每⽇日 4 個⼩小時 (PM 1:00 ~ 5:00)，總計 16 個
⼩小時
• ⼯工作坊結束前將進⾏行成果發表活動，由學員
展⽰示學習與實作成果

3. 各單元主題
⼯工作坊各單元主題如下：
• 網站製作基礎概念
• 開發⼯工具與環境建置
• HTML 語法教學
• CSS 語法教學
• 網站設計與前端框架
• Bootstrap 元件介紹
• 設計樣板套⽤用
• 網站部署與第三⽅方服務

4. ⽇日程表
4/11 (六) 4/18 (六) 4/25 (六) 5/2 (六)
網站製作基礎概念 HTML 語法教學
網站設計與
前端框架
設計樣板套⽤用
中場休息
開發⼯工具與
環境建置
CSS 語法教學
Twitter Bootstrap
元件介紹
網站部署與
第三⽅方服務整合
每⽇日總結與問答 成果發表

5. 課程節奏
• ⼯工作坊每⼀一天預定進⾏行 2 個單元，每⼀一個單
元約 105 分鐘，每⼀一個單元結束時，休息 15
分鐘
• 每⼀一個單元內會先講解該單元主題概念，並
由講師⽰示範；接著由學員依⽰示範⾃自⾏行練習，
完成後進⼊入下⼀一個單元
• ⼯工作坊每⼀一天結束前會留 15 分鐘做當⽇日總
結，並由學員提問互動

6. 實作內容
• 配合江⽼老師的網站設計課程內容，本⼯工作坊
將完成：
• 依據企劃內容完成個⼈人網站，並實際部署⾄至
線上環境，取得⼀一獨⽴立對外網址
• 該網站需有對應的 Facebook 粉絲團，並在
網站上也要有對應的 Facebook 粉絲團外掛
套件
• 若能整合 Facebook 留⾔言框、按讚按鈕、
Youtube 影⽚片更佳

7. 講師簡介
• 本⼯工作坊將採雙講師制，依課程主題內容由
兩位講師分別講授：
Nelson ChenShengyou Fan
范聖佑 陳俊安

8. 參與要求
• 請⾃自⾏行準備⼀一個容量 2GB 以上的 USB 隨⾝身
碟，並於每次參與⼯工作坊時帶⾄至課堂上來使
⽤用。每次課程練習、課後任務請統⼀一儲存在
USB 隨⾝身碟裡
• 本⼯工作坊每⼀一週都會有對應的課後任務，請
依課程⽰示範、講義及提⽰示完成該任務
• 在⼯工作坊結束前請依課堂進度完成專案網站
並部署⾄至線上環境，做為⼯工作坊成果發表內
容

9. ⼯工作坊教學資源
• 本次⼯工作坊相關教學資源已發佈⾄至
-­‐ http://bit.ly/1DQllRz

10. 準備好了嗎？
讓我們開始吧！