1051學期 課程基本資料/Course Information
系所 / 年級
課號 / 班別
學分數
選 / 必修
科目中文名稱
科目英文名稱
主要授課老師
開課期間
人數上限
已選人數
課程種類
課程類別
學程
全英授課
起始週 / 結束週 / 上課地點 / 上課時間
第1週 / 第18週 / I319 / 星期3第1節
第1週 / 第18週 / I319 / 星期3第2節
第1週 / 第18週 / I319 / 星期3第3節
第1週 / 第18週 / I319 / 星期3第2節
第1週 / 第18週 / I319 / 星期3第3節
請各位同學遵守智慧財產權觀念；請勿非法影印。
Please observe Intellectual Property Rights (IPR), not to make illegal copies.
教學綱要/syllabus
第一部分/Part I(※依課程委員會審議之內容決議填入)
一、教學目標所要達成之能力培養項目:
[依據課程委員會審議通過之課程與基本素養/核心能力關聯表填寫]
| Item | 基本素養/核心能力 Core Literacy/Core Competencies | 相關性 Relevance | |
| 高度相關 | 中度相關 | ||
| 1 | 創意整合 | . |
 |
| 2 | 團隊合作 | . |
. |
| 3 | 職業倫理 | . |
. |
| 4 | 軟硬體開發 | . |
. |
| 5 | 網路應用 | |
. |
| 6 | 專業技能 | |
. |
| SDGs Item | SDGs目標 SDGs goal |
SDGs描述 SDGs description |
| 無相關項目 No related items |
||
二、教學目標
(Objective)
本課程能讓學生理解網頁的運作原理
2.技能面[使學生能獲得運用與實做本課程理論與概念之技巧]：
網頁程式的設計原理與相關實作課程
3.情意面[能引發學生對本課程之興趣，激發學生學習動機，增加觸類旁通與自主學習]：
製作話面美觀與功能實用的網站
三、符合教學目標之課程內容設計
四、先修科目
(Pre Course)
第二部分/Part II
一、多元教學方法
(Teaching Method)
| 由學生自訂學習目標與抱負水準 | 案例或故事討論 | 講述 | |
| 學生課後書面報告 | 小組討論 | 學生上台報告 | 腦力激盪 |
| 學生實作 | 角色演練 | 習題練習 | 影片欣賞與討論 |
| 採訪 | e化教學 | 審議式民主 | 觀察與資料收集 |
| 一分鐘回饋 | 磨課師課程 | 翻轉教學 | 其他 |
| 企業參訪 | 與課程有關之實務學習 | 見習 | 實習 |
| 協同教學 | 服務學習課程 | 其他系課程委員會核定之實務學習項目 | 以「技能導向」的教學設計 |
| 以「病人為中心」的教學設計 | 問題導向教學法 | 設計導向教學法 | 專題導向教學法 |
| 總結性教學法 | 同步和非同步設計 | 整體課程鷹架設計 | 問題導向設計 |
| 主題或個案討論 | 數位説故事 | 引導學生有效學習策略（如，WSQ, WPAQ, SQ3R） | 群體決策（線上投票） |
| 同儕合作專題學習 | 同儕回饋 | 同儕亙評 | 同儕出題 |
| 同儕師徒制（高分和低分一組） | 同儕透過網路協作共同完成作業或專題 | 小組報告 | 小組競賽 |
| 課堂中每段落實施簡易小測驗 | 學生訂正學習策略 | 學生學習行為增強措施 | 課堂末回饋（學生回饋學習心得和疑問） |
| 學生線上學習歷程分析 | 線上搶答 | ||
二、多元教學方法與教育目標的連結
| 您所勾選之教學方法與何種基本素養/核心能力有關? | 1 | 5 | 6 |
| 1.由學生自訂學習目標與抱負水準 | 2.案例或故事討論 | 3.講述 | 4.學生實作 |
三、參考書目 (Reference)
[符合教學目標之參考書目]
| 中文參考書目 | HTML + JavaScript 網頁程式設計第 2 版 |
四、教學進度
(Syllabi)
[符合教學目標之教學進度]
| 日期 (Date) |
授課內容 (Course Contents) |
授課教師 (Teacher) |
核心能力 | 授課方式 (Teaching methods) |
||
| 1 | 5 | 6 | ||||
| 2016/9/14 | 課程介紹 Introduction |
林志豪 | ||||
| 2016/9/21 | 網頁相關原理 Principles of ebside |
林志豪 | ||||
| 2016/9/28 | html架構 HTML Architecture |
林志豪 | ||||
| 2016/10/5 | html語法一 html syntax |
林志豪 | ||||
| 2016/10/12 | html語法二 html syntax |
林志豪 | ||||
| 2016/10/19 | Html─表格 html table |
林志豪 | ||||
| 2016/10/26 | 表格的應用 table example |
林志豪 | ||||
| 2016/11/2 | 表格框架 Table frame |
林志豪 | ||||
| 2016/11/9 | 期中考 Mid term |
林志豪 | ||||
| 2016/11/16 | CSS概論 CSS |
林志豪 | ||||
| 2016/11/23 | layout design layout design |
林志豪 | ||||
| 2016/11/30 | 網頁的設計與配色 webpage color design |
林志豪 | ||||
| 2016/12/7 | HTML5+CSS3業界教師 HTML5+CSS3 |
林志豪 | ||||
| 2016/12/14 | CSS語法一 CSS Syntax |
林志豪 | ||||
| 2016/12/21 | CSS語法二 CSS Syntax |
林志豪 | ||||
| 2016/12/28 | CSS相關應用 CSS example |
林志豪 | ||||
| 2017/1/4 | Javascript介紹 Javascript |
林志豪 | ||||
| 2017/1/11 | 期末考 Final |
林志豪 | ||||
五、多元評量方法
(Evaluation)
[所勾選評量方法之評分加總為100分]
| 評量方式 | 分數 | 評量方式 | 分數 |
| 實作測驗 | 0 | 期中筆試 | 30 |
| 隨堂筆試測驗 | 0 | 期末筆試 | 0 |
| 小組作業 | 0 | 期中報告 | 0 |
| 服務日誌 | 0 | 期末報告 | 0 |
| 口試 | 0 | 專題報告 | 40 |
| 個人上台報告 | 0 | 實作作品與反思 | 0 |
| 小組上台報告 | 0 | 前後測比較進步與成長 | 0 |
| 出席狀況 | 10 | 課堂參與與表現 | 20 |
| 心得與反思報告 | 0 | 其他 | 0 |
六、多元評量方法與教育目標的連結
| 您所勾選之評量方法與何種基本素養/核心能力有關? | 1 | 5 | 6 |
| 1.期中筆試 | |||
| 2.專題報告 | |||
| 3.出席狀況 | |||
| 4.課堂參與與表現 |