一、教學目標：
本課程目標主要針對資料視覺化設計與製作，規劃數位輔助教材，提供學生從基礎網頁設計、互動語言設計、視覺化基本設計、資料來源格式處理與資料視覺化設計學習參考，以提升學生資料視覺化的設計與製作能力。

二、課程重點：(參考網址:http://itech.ntcu.edu.tw/教學研習區)
主要課程重點為基本 網頁設計，CSS網頁格式應用、Javascript基本設計應用，網頁SVG繪圖基本設計，d3.js資料圖形化處理，資料格式處理應用，資料視覺化設計製作，以提升 將文字資料視覺化處理的製作與應用能力。

三、課程大綱：
  1.HTML5基本網頁設計應用
  2.CSS網頁格式設計應用
  3.Javascript 基本設計應用
  4.HTML5 SVG繪圖基本設計應用
  5.d3.js資料圖型化設計應用
  6.Excel資料格式處理應用
  7.Google sheet資料處理應用
  8.資料視覺化設計應用

四、教材參考：
  1.網路教材自編。
  2.參考教材
    (1)線上學習網站:https://www.w3schools.com/
    (2)HTML5線上學習教材: https://www.w3schools.com/html/default.asp
    (3)Javascript線上學習教材: https://www.w3schools.com/js/default.asp
    (4)Google Apps Script: https://developers.google.com/apps-script/reference/spreadsheet
    (5)d3.js官網: https://d3js.org/

五、教學進度：

主題	課程主題	課程影音教材與作業	學生學習成果參考
1	單元課程1：HTML5基本網頁設計應用	01_1_基本介紹.mp4 01_2_加入文字.mp4 01_3_加入image.mp4 01_4_加入video.mp4 01_5_web4_個人網頁介紹.mp4 單元課程01作業	ADT105130_陳俊維_個人網頁介紹.html ADT108107_張益維_個人網頁介紹 ADT108108_施瑀辰.html
2	單元課程2：CSS網頁格式設計應用	02_1_CSS基本介紹.mp4 02_2_CSS外掛檔案介紹.mp4 02_3_框架式網頁.mp4 02_4_框架式網頁測式.mp4 單元課程02作業	ADT108137_陳佳龍_個人網頁CSS.html ADT108132_王紘洋_個人網頁CSS.html ADT108123_張筠絹_個人網頁CSS.html
3	單元課程3：Javascript基本設計應用	03_1_javascript基本介紹.mp4 03_2_javascript語法及互動介紹.mp4 03_3_javascript函數基本介紹.mp4 單元課程03作業	ADT108125_王禮絜_javascript_images.htm ADT108112_林品文_javascript_images.html ADT108127_廖晨睎_javascript_images.html
4	單元課程4：HTML5 SVG繪圖基本設計應用	04_1_SVG_line_circle.mp4 04_2_SVG_矩形_多邊形.mp4 04_3_SVG_path_綜合應用.mp4 單元課程04作業
5	單元課程5：D3.js資料圖形化設計應用	05_1_D3js_circle_demo.mp4 05_2_D3js_line_demo.mp4 05_3_D3js_長條圖.mp4 05_4_D3js_path_text.mp4 05_5_D3js_資料導向圓形_demo.mp4 單元課程05作業
6	單元課程6：Excel_d3js資料視覺化設計應用	06_Excel_D3js_長條圖_demo.mp4 單元課程06作業
7	單元課程7：Google sheet_chart_資料視覺化設計應用	07_1_google Chart基本應用介紹.mp4 07_2_氣泡圖設計應用.mp4 07_3_組合圖設計應用.mp4 單元課程07作業
8	單元課程8：物聯網資料_google sheet視覺化設計應用	08_Webduino_smart_google_demo.mp4 單元課程08作業	BIT107104_謝宜珍_Smart_google試算表應用.mp4 BIR106104_潘誌煌_14_2_Smart_google試算表應用.mp4 BIT108102_楊旻錦_14_2_Smart_google試算表應用.mp4