[程式]使用HTML5與CSS3編寫網頁

　　各位朋友好，這次小弟要分享的內容，是在中華職訓教育協會的「物聯網元件與數據分析平台設計班」所學習到的內容。此一課程開訓至結訓日期為2020/08/03~2020/10/23，因為學習題目包含廣泛，會學習並碰觸到許多不同面向的課程內容，因此希望透過公開分享上課內容，讓各位了解協會的課堂所學為何。

[[課堂講義]]

html&css3講義0901.pdf:

https://drive.google.com/file/d/1QLcbwrI0Y_ffNLYXvU7VvQVWyXBdyYDt

html&css3講義0903.pdf:
https://drive.google.com/file/d/1RdE4ruUNo38SBP3zM856cbNZgZyznE5A

html&css3講義0904.pdf:
https://drive.google.com/file/d/13nJKtaHP-g0lidlw5Lb-Ru6Co0xa0Z3K

html&css3講義0914.docx:
https://drive.google.com/file/d/1jlaFmpO3Q_BDA0QNAeKtu7Srxr_kXUMB

[[HTML5]]

01.meta使用方法

https://drive.google.com/file/d/1HaGd0r4N8JjirlJmtpEQUaXbHgMlKNIX

02.基本HTML語法

https://drive.google.com/file/d/1jKhB71HpIL3Ev3UsBMsmzv-1D9ZfjuKX

03.基本HTML語法

https://drive.google.com/file/d/1jKhB71HpIL3Ev3UsBMsmzv-1D9ZfjuKX

04.CSS入門

https://drive.google.com/file/d/19qFBvsVCyJuoEzL3vPufvJVVhvCsODRs

05.HTML5其他語法

https://drive.google.com/file/d/1R_Xqf2RguqYwHIRGUiWwvqw6VNHt6Vlu

06.基本HTML語法-多媒體

https://drive.google.com/file/d/1Ac7bmJUBdI_R8bF0iG6KrHWmQ8GjJNAy

07.基本HTML語法-表格

https://drive.google.com/file/d/1N9RUejrYVi0tCL5Mj6PhB2XVrPzoguwt

08.基本HTML語法-表單

https://drive.google.com/file/d/1_ixPlKlJVdSnTFBQ3fPIBaQt1Pj-Mcm_

09.基本HTML語法-表單

https://drive.google.com/file/d/16UV1l7MGzBNgMVds4S7onKvZtmNrZSyk

[[CSS3]]

01.CSS3語法-選擇器

https://drive.google.com/file/d/1KiSFa8wxrWFBsOBZlBVtVjAbYbPgvjHD

02.CSS3語法-屬性選擇器

https://drive.google.com/file/d/1dRBrgoOlo4vOh5FITAs2awToDC4lttmY

03.CSS3語法-選擇器

https://drive.google.com/file/d/1dRBrgoOlo4vOh5FITAs2awToDC4lttmY

04.CSS3語法-文字與顏色

https://drive.google.com/file/d/1dRBrgoOlo4vOh5FITAs2awToDC4lttmY

05.CSS3語法-選擇器

https://drive.google.com/file/d/1dRBrgoOlo4vOh5FITAs2awToDC4lttmY

06.CSS3語法-文字與顏色

https://drive.google.com/file/d/13TVRS1SP-xXlreN6eMX-s2--rb1HZklQ

07.CSS3語法-文字段落與樣式

https://drive.google.com/file/d/1yIlfjes4nP-wTDu4HJoTCydRUEz_cH8z

08.CSS3語法-文字段落與樣式

https://drive.google.com/file/d/1_j1Sn3SqMpyy9i692e1w3_Sh3Alumzld

09.CSS3語法-項目符號及編號

https://drive.google.com/file/d/1XVA6X4lQf5Bh8g6xzSbIwQRAiQyrRV3n

10.CSS3語法-文字陰影

https://drive.google.com/file/d/1x_2VdPHOzvLBVHNEgsbMumWutr0dz0lA

11.CSS3語法-背景及框線設計

https://drive.google.com/file/d/1i4ZoGWCvSzqf7RQykP0yqvGKRQY7GlNe

12.CSS3語法-背景及框線設計

https://drive.google.com/file/d/1I6S3qIQW7LvSjeRNEyjOQVdo0TpebIVO

13.CSS3語法-背景及框線設計

https://drive.google.com/file/d/1cMeD01sgmEUtO21jFWGNX0UymVMral3x

14.CSS3語法-box層級概念&顯示與否

https://drive.google.com/file/d/1gA-mnQDOXkvNedC6YV5ffzgbAvOQ45sF

15.CSS3語法-浮動視窗

https://drive.google.com/file/d/1kTbLu-ATIiO4oqiMs3gIuS6JafdfP5SF

16.CSS3語法-版型

https://drive.google.com/file/d/1ceV7JIa0lT7zgrnK8hhfPI8MRjya3Ov3

17.CSS3語法-版型

https://drive.google.com/file/d/1c_wacsvJNUmNu-XZlQnZiX8ue9Ii-xhG

18.CSS3語法-版型

https://drive.google.com/file/d/1c_wacsvJNUmNu-XZlQnZiX8ue9Ii-xhG

19.CSS3語法-float版面配置

https://drive.google.com/file/d/1Bh1_rjVYwcpT98pHVDmLTKggUtr3_v5D

20.CSS3語法-position屬性

https://drive.google.com/file/d/1iDYwVvbqkU06sGSsFs8QwURrcfMaoUg4

21.CSS3語法-position簡易模板

https://drive.google.com/file/d/1WnLhpxa17C8S4uQAZi9JTc1pHgkXg4Vf

22.CSS3語法-各種變形效果

https://drive.google.com/file/d/1Vg1dh9VyB6ZXMzxCVCS1zN258zcRE4J_

23.CSS3語法-Perspective

https://drive.google.com/file/d/1jlxkU6-t2xKcujKuOLduS8ITLh1iCMEC

24.CSS3語法-transform動態

https://drive.google.com/file/d/1v7ffD9PfxwJj7DUpQqK8RtYrKAfOnsfA

25.CSS3語法-動畫效果(hover)

https://drive.google.com/file/d/1XgbyLwZboLM3LjsFWBVO6PjHf1WHzWFT

26.CSS3語法-動畫效果(hover)

https://drive.google.com/file/d/1xnJ2lr1JBzqzUjlbHUo2iEMheD5d-LCI

27.CSS3語法-hover圖片放大

https://drive.google.com/file/d/1OUvkS6gVjJVAHoftvy1lnVS6CBcpqT1R

28.CSS3語法-animation

https://drive.google.com/file/d/1SCQ1JjfRpPOlMw_z1yV9qb2BOpexyM1x

29.CSS3語法-LOL(hover)

https://drive.google.com/file/d/1UYN4YCwB9jzKq_Y4xH7V3pS8ift03w3b

30.CSS3語法-動畫效果實例(頁面載入效果)

https://drive.google.com/file/d/1jIl5MpRsFkmpaGIXyigg7PE-Z6-3fEA5

31.CSS3語法-動畫效果(關鍵影格)

https://drive.google.com/file/d/16U8F9TDlhsnKJENVb6ccyuc_yanykQ2V

32.CSS3語法-立體方塊

https://drive.google.com/file/d/1eYgsjNzyO4NG75c8rmdgDuVajKGTRPTE

33.CSS3語法-css基本導覽列

https://drive.google.com/file/d/1TgocZ8YzjvgedsBf-3Zik8TYFkzOrpnN

34.CSS3語法-css外部匯入

https://drive.google.com/file/d/12hwlqP9BiN6k_t62PpHNYUmHr33xm1mf