★線上課程代碼:qxy3oz6
週次 | 日期 | 預定教學進度 | 教學活動&輔助媒體 | 教學筆記 |
1 | 08/30 | 課程準備 | ||
2 | 09/06 09/11 | 認識HTML、HTML基本寫法 HTML 5文字與排版(標題、段落、項目符號) | [參考]安全衛生講習活動、 | [缺席] 09/11-08 [進度] 加入線上課程、html語法介紹(head、title、meta、註解) [進度] 標題、項目符號&編號 |
3 | 09/13 | HTML 5文字與排版(超連結、圖片) | [進度] 文字超連結 | |
4 | 09/20 | 09/20中秋節彈性放假 | ||
5 | 09/27 | HTML 5文字與排版(表格) | [參考] 圖片網址:http://192.168.0.96/dp/dp108/web/00.png | [缺席] 08 [進度] 圖片與說明及超連結 |
6 | 10/04 | HTML 5文字與排版(表單) | [進度] 表格 | |
7 | 10/11 | 10/11國慶日補假 10/13-15期中考01 | ||
8 | 10/18 | HTML 5多媒體 | [參考] video controls、source src [參考] 001.mp4、文字檔 | [進度] 多媒體 |
9 | 10/25 | CSS基本語法結構(文字樣式) | [參考] codepen | [進度] CSS語法-color |
10 | 11/01 | CSS基本語法結構(段落) | [進度] CSS語法-font-size、font-family、text-shadow | |
11 | 11/08 | CSS基本語法結構(背景色彩&圖片) | [參考] evens design、pakutsao、 | [進度] CSS語法-背景 |
12 | 11/15 | CSS基本語法結構(網頁布局排版) | [參考] margin、padding | [缺席] 08 [進度] CSS語法-盒子模型 |
13 | 11/22 | Bootstrap介紹 | ||
14 | 11/29 | 11/29高三選課說明會 11/30-12/02期中考02 | ||
15 | 12/06 | 網頁模板比較 | [內容] 1.關於我、2.學習歷程/作品、3.未來規畫 | [進度] 選擇網頁模版 |
16 | 12/13 | 製作個人網頁1 | [進度] 個人網頁製作 | |
17 | 12/20 | 製作個人網頁2 | [進度] 個人網頁製作 | |
18 | 12/27 | 製作個人網頁3 | [進度] 個人網頁製作 | |
19 | 01/03 | 製作個人網頁4 | [進度] 個人網頁製作 | |
20 | 01/10 | 公開發表個人作品 | [進度] 個人網頁發表 | |
21 | 01/17 | 01/18-20期末考 | 將所有網頁相關檔案,壓縮成7z檔(檔名為:學號.7z),至classroom繳交作業 | [進度] 個人網頁調整與上傳 |