---
# System prepended metadata

title: HTML 課程筆記與心得

---

# HTML 課程筆記與心得
## 筆記
### [**Week 1(9/11)：html**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/Sk_Z9vzfp)
### [**Week 2(9/18)：Java Script(1)**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/By9McvfG6)
### [**Week 3(9/25)：CSS tools(1)**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/H1pxJOGGp)
### [**Week 4(10/2)：CSS tools(2)+模仿GOMAJI**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/rJ_sluGzp)
### [**Week 6(10/16)：Java Script(2)**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/Byv82qzf6)
### [**Week 7(10/23)：用Google Chart讀取Google試算表**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/BJhXoffr6)
### [**Week 9(11/6)：HTML form & 用Google Spreadsheet做雲端資料庫**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/rJnajAZI6)
### [**Week 10(11/13)：Data Table**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/r1YvIyzU6)
### [**Week 11(11/20)：實用網頁設計技巧(1)**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/SJGKWJmIp)
包含內容：parallex、圖片點按放大、跳出文字窗格、可折疊列表。
### [**Week 12(11/27)：實用網頁設計技巧(2)**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/HkWsHkXIa)
包含內容：圖片自動橫向捲動、一頁式網頁設計。
### [**Week 13(12/4)：實用網頁設計技巧(3)**](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/ryK_tkQIT)
包含內容：如何從網站中取得資料(以痞客幫為例)。
    
## 作業
### [HW1](https://hackmd.io/@fnj0oaYzS8ylynXUeFWM_A/ByP2ydffp)

## 參考網址
老師(陳育毅)教學網址：https://nchu-mis-html5.blogspot.com/
