0. Introduction

• 隨著新聞越來越倚賴網路技術，本課程第一年開設的目標在於與所上既有的相關課程做配合，挑選案例並帶學生實作。
• 本年度挑選的主題以捲軸敘事為主，地圖敘事為彈性選項，授課內容包含 HTML5+CSS3 基礎、Bootstrap 運用、架設 WordPress 新聞台、JavaScript、以及捲軸敘事相關 JS 函式庫如 ScrollMonitor.js 與 Waypoints.js 等。
• 課堂期間會討論以下主題：
  • 如何因應多螢環境設計網頁→響應式網頁設計
  • 如何因應手持載具（包含平板與手機）的介面互動設計網頁？如何因應互動而改變敘事方式？和過去傳統超鏈結點選或以滑鼠為互動媒介的敘事有何差異？→捲軸式網頁
• 預期學生在修完本課程後，能對 HTML+CSS 實作有信心、捲軸效果，並 對JavaScript 有初步的認識，並能夠自行在伺服器上建立單頁式網頁。
• 在長久經營下，本課程亦希望能夠形成本所學生在製作線上新聞的資料輔助，與修課同學共同產製資料新聞可能會需要用到的地圖區域圖庫、人物圖像、或者政治人物的背景資料庫等。
• 估計每週工作時數約2小時，期末專題工作時數每人約72~128小時不等。

Grading

• Assignments 40% - 5%*4 + 10%*2 (or 20%*1)
• Personal portfolio 20%
  • 技術正確：響應式網頁、捲動正常、超鏈結正常
  • 清楚、明瞭、網頁結構乾淨
  • 專家評分
• Group final project 40% - Scroll-based webpage
  • 多媒體互動敘事報導（必須要以捲軸為基礎，用點選的都不算在技術分數內，響應式加分）
  • 多媒體材料必須自行準備與製作，為評分項目之一。
  • 專家評分（含 Usability 專家、媒體業網頁設計師）

Calender Overview