週次

日     期

預  定  教  學  進  度

教學筆記

1

08/27～09/02

課程介紹

色彩學配色、色碼、素材來源
免費圖庫(圖片、icon)

背景音樂、音效

Youtube頻道(工作室/音樂庫)、

2

09/03～09/09

HTML語法

ch7

  HTML語法練習、色碼、語法教學1、語法教學2、網站運作原理、404錯誤、

3

09/10～09/16

高三模擬考

4

09/17～09/23

HTML語法
tag

 html練習檔下載、ul語法、
下載youtube影片（先安裝AdBlock）
HTML4&5的差別、HTML5瀏覽器支援檢查、

5

09/24～09/30

CSS語法
a href、圖片

css&html、學習CSS版面配置、wibibi網頁設計教學百科、CSS3 marker
CSS語法教學、CSS語法教學、 CSS超連結樣式、OXXO、

6

10/01～10/07

CSS語法

 颱風假

7

10/08～10/14

第一次期中考

 期中考★10/12（四）要自己「借」、「還」鑰匙

8

10/15～10/21

高三教育旅行

 畢旅

9

10/22～10/28

Dreamweaver

 圖書館

10

10/29～11/04

全校運動會

 運動會

11

11/05～11/11

Dreamweaver

 圖片CSS語法

12

11/12～11/18

協作平台

 超連結語法、class設定css語法

13

11/19～11/25

協作平台

 ★繳交期中作業 ★要借電四鑰匙

14

11/26～12/02

第二次期中考

 選課說明會

15

12/03～12/09

Bootstrap

 20個Bootstrap、Bootstrap5、

導覽列NavBar實作

16

12/10～12/16

Bootstrap

輪播Carousel實作

17

12/17～12/23

Bootstrap

手風琴、卡片實作

18

12/24～12/30

期末網頁作品製作

icon的使用、icon2、footer

19

12/31～01/06

期末網頁作品製作

20

01/07～01/13

期末網頁作品繳交

※要借鑰匙※  
★繳交期末作業

21

01/14～01/20

期末考