| 課程與核心能力關聯配比(%) |
課程目標之教學方法與評量方法 |
| 課程目標 |
核心能力 |
配比(%) |
教學方法 |
評量方法 |
1.了解當代響應式網站設計的發展趨勢
2.養成網站設計的基礎概念與技能
3.具備數位人文的網頁設計應用知能 |
|
|
|
|
| 授課內容(單元名稱與內容、習作/每週授課、考試進度-共18週) |
| 週次 |
授課內容 |
| 第1週 |
課程介紹與網頁設計概論 |
| 第2週 |
HTML基礎入門與結構 |
| 第3週 |
圖文編輯、超連結、音效與影片 |
| 第4週 |
表格與表單 |
| 第5週 |
CSS基礎入門 |
| 第6週 |
顏色與文字設定 |
| 第7週 |
段落與表列設定 |
| 第8週 |
網頁專題進度報告 |
| 第9週 |
盒子模型與版面定位（1） |
| 第10週 |
盒子模型與版面定位（2） |
| 第11週 |
CSS3變形、轉換與動畫（1） |
| 第12週 |
CSS3變形、轉換與動畫（2） |
| 第13週 |
jQuery基礎入門 |
| 第14週 |
jQuery的事件與特效 |
| 第15週 |
網頁專題實作與討論 |
| 第16週 |
期末專題發表 |
| 第17週 |
自主學習 |
| 第18週 |
自主學習 |
|
| 學習評量方式 |
1.平時作業 30%
2.網頁專題進度報告10%
3.期末網頁專題 60% |
| 教科書＆參考書目(書名、作者、書局、代理商、說明) |
【學好跨平台網頁設計：HTML5、CSS3、JavaScript、jQuery與Bootstrap 4超完美特訓班】，鄧文淵著，碁峰。
【跟著實務學習HTML5、CSS3、JavaScript、jQuery、jQuery Mobile、Bootstrap 4&Cordova 增訂版】，蔡文龍、蔡捷雲、歐志信、曾芷琳著，碁峰。
【設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座】，許郁文譯，博碩。 |
| 課程教材（教師個人網址請列在本校內之網址） |
| iLearning |
| 課程輔導時間 |
| 請與授課教師聯繫 |
| 聯合國全球永續發展目標 |
|
|