微學分課程

互動網頁設計實務

Interactive web design practice

課程基本資料 Course Detail
課程名稱

互動網頁設計實務

Course Name

Interactive web design practice

學期別
Semester

109 - 1

類別
Type

專業微學分

課程學分
Credits

0.6

總授課時數
Lecture Hours

12

其他課程資料
通識分類

-

辦理方式

實作研習

開放網路選課

修課人數上限

60

選課起始日

2020-09-10 00:00

選課截止日

2020-09-30 00:00

課程申請教師
申請單位

創意媒體學院 資訊傳播系

申請教師

蔡哲民 [查看教師Office Hours]

教學內容 Course Outline
  • 2020-09-22(週二) 08:10 ~ 10:00
    蔡哲民
    I5504 專業證照輔導實習室

    學習建立真正的網站,瞭解帳號、傳輸軟硬體、網站設計流程
  • 2020-09-29(週二) 08:10 ~ 10:00
    蔡哲民
    I5504 專業證照輔導實習室

    透過講解BOM與DOM的基本概念,並實際撰寫、上傳互動網頁,將基本互動能力引入系統中。
  • 2020-10-06(週二) 08:10 ~ 10:00
    蔡哲民
    I5504 專業證照輔導實習室

    透過引入網頁元件的位置等屬性控制,教導事件處理原則。
  • 2020-10-13(週二) 08:10 ~ 10:00
    蔡哲民
    I5504 專業證照輔導實習室

    透過教導Canvas繪圖、影音播放控制,協助學生引入多媒體元素進入網站中。
  • 2020-10-20(週二) 08:10 ~ 10:00
    蔡哲民
    I5504 專業證照輔導實習室

    引入GPS、重力感測器、陀螺儀等手機感測器,學習手機網頁互動技術。
  • 2020-10-27(週二) 17:30 ~ 19:30
    蔡哲民
    I4502 互動式數位學習系統實驗室

    綜合實作
教學目標及該課程關聯性
  • 具體說明

    1.學習DOM與BOM觀念,並用JavaScript控制這類網頁元件。
    2.學習整合圖形、DIV等網頁元件之控制。
    3.學習鍵盤、滑鼠、時間等事件觸發方式,以製作基礎互動網頁。
    4.學習GPS、重力感測器等元件之操控方式,製作手機互動網頁。
    5.綜合上述系統,製作可整合進入專案之互動網頁,並建置於實際的網站之上。

  • 學習預計成效

    透過實際案例練習,製作動態網頁,學會怎樣利用JavaScript等動態網頁技術控制網頁,使學生可以將網頁程式技術與自己的創意結合,製作高吸引力,高互動的網頁系統。
    將提供給每位學生一個實際的網站空間,供學生可以將作業與期末project放置於上面,不但可實際展示,也可作為未來作品集使用,並讓學生可以體驗怎樣製作一公開網站,降低學用落差。