本課程為推動大學程式設計教學計畫-Web領域分項所開設之示範課程,定位為網頁程式設計的入門,包含HTML/CSS的基本語法介紹、文件物件模型(DOM)與基本的Bootstrap應用。本課程假設學習者已有部份程式設計經驗,並未包含JavaScript教學。
本課程教學對象為非資訊科系學生,課程包含HTML5、CSS語法的介紹與功能應用,以及目前廣泛應用之響應式網頁設計,期能協助學生了解網頁程式設計基礎,練習實作個人網頁作品。
具有一定程式設計經驗的學習者
應用數位工具/技術:HTML5、CSS、jQuery、BootStrap
課程領域:網頁程式設計
第一講 HTML/CSS
單元一、HTML/CSS(一)
單元二、HTML/CSS(二)
單元三、HTML/CSS(三)
單元四、HTML/CSS(四)
單元五、HTML/CSS(五)
單元六、HTML/CSS(六)
第二講 網頁文件結構(DOM)
單元一、DOM操作
單元二、jQuery基礎操作DOM
單元三、使用jQuery事件方法
單元四、jQuery事件實作
第三講 響應式網頁設計(Bootstrap)
單元一、Grid-System
單元二、Themes & Templates