互動式網頁設計

遠距課程時段及連結

(星期五) · 下午6:45 - 9:05

課程目標

本課主要目標讓學生瞭網站規劃與架構，學習網頁版面設計、互動及動態網頁設計技術，並能協作、發佈、推擴網站。

課程大綱

課程簡介

教學進度

第1週：智慧財產權觀念宣導、課程能力指標簡介，互動式網頁設計介紹，PBL及TBL教學說明，教學分組及分工。

第2-3週：使用HTML5的元素和各種表單輸入類型。

第4-5週：使用CSS3各項功能的屬性，以根據載具(PC或行動裝置)的特徵設計網頁。

第6-8週：使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。

第9週：期中考

第10-12週：使用jQuery的核心語法、事件與特效，讓網頁設計更便利快速。

第13-15週：使用Bootstrap 4開發行動優先的響應式網頁，讓網頁完整呈現在各樣載具(PC、平板、手機等裝置)，達到One Web One URL (一網站一網址) 的目標。

第16-17週：使用jQuery Mobile建立行動網頁的介面。第18週：期末考

課程用書

跨裝置網頁設計：HTML5、CSS3、JavaScript、jQuery、Bootstrap (第四版)

Page updated

Report abuse