國立中興大學教學大綱

課程名稱	(中) HTML5 WEB APP程式設計(1093)
	(Eng.) HTML5 WEB APP Development
開課單位	資管系
課程類別	選修			學分	3	授課教師	陳育毅
選課單位	資管系 / 學士班			授課使用語言	中文	開課學期	1151
課程簡述	HTML5、CSS、JavaScript、各種平台API
先修課程名稱

課程與核心能力關聯配比(%)			課程目標之教學方法與評量方法
課程目標	核心能力	配比(%)	教學方法	評量方法
具HTML5 Web App開發能力	1.專業知識與應用 3.創意	80 20	專題探討/製作 網路/遠距教學 習作 討論 講授	作品 作業 書面報告 出席狀況 口頭報告
授課內容(單元名稱與內容、習作/每週授課、考試進度-共16週加自主學習)
週次 授課內容 第1週 此課程開始之前，大一新生應建立正確使用AI的觀念，請參閱：https://tinyurl.com/ysm2tnhk 第2週 第2週開始，如此安排教學進度：https://sites.google.com/email.nchu.edu.tw/ai4us/vibe-coding 第3週 第4週 第5週 第6週 第7週 第8週 期中考週 第9週 第10週 第11週 第12週 第13週 第14週 第15週 第16週 期末考週 自主學習 內容    03.製作專題報告
學習評量方式
作業100%
教科書＆參考書目(書名、作者、書局、代理商、說明)
無
課程教材（教師個人網址請列在本校內之網址）
1. 簡介 2. 最先需要認識的HTML Tags & Functions https://nchu-mis-html5.blogspot.com/2013/12/html-tags-functions.html 3. 第一個練習 - 模擬網路相簿 4. 第一個練習 - 進階檢討 5. Materialize SCC介面設計 http://nchu-mis-html5.blogspot.com/2016/09/MaterializeCSS.html 6. JavaScript基礎練習 http://nchu-mis-html5.blogspot.com/2013/12/javascript.html 7. Tabletop.js存取試算表練習(後續改用Google Chart) http://nchu-mis-html5.blogspot.com/2017/07/tabletopjs.html 8. 表單語法 http://nchu-mis-html5.blogspot.com/2013/06/google-spreadsheet.html 9. Google Maps語法 http://nchu-mis-html5.blogspot.com/2013/05/google-maps-api.html 10. 以模板範本建立網站架構 11. AR.js練習 https://nchu-mis-html5.blogspot.com/2018/12/ar-vr.html 12. JSON Parsing及Pixnet API練習 http://nchu-mis-html5.blogspot.com/2016/06/json-parsing.html http://nchu-mis-html5.blogspot.com/2012/10/api.html 13. Facebook Graph API練習 http://nchu-mis-html5.blogspot.com/2012/10/graph-api.html 14. Mapbox API練習 https://nchu-mis-html5.blogspot.com/2019/05/mapbox.html 15. 網站作品觀摩學習
課程輔導時間
週一下午

請尊重智慧財產權及性別平等意識，不得非法影印他人著作及受保護的電子檔案。
更新日期 西元年/月/日：2026/09/06 14:15:15	列印日期 西元年/月/日：2026 / 9 / 18
MyTB教科書訂購平台：http://www.mytb.com.tw/