週次

日     期

預  定  教  學  進  度

教學筆記

1

08/25～08/31

開學準備週

2

09/01～09/07

課程介紹

(期中30%，期末40%，日常表現30%)

ChatGPT、ChatEverywhere、Perplexity
「你是一個網頁設計專家，熟悉HTML、CSS、JavaScript、Bootstrap、JQuery等網頁前端技術，你的任務就是幫助我撰寫網頁」

HTML5提供了哪些結構元素？
提供○○元素/插入圖片...的語法與使用範例。
若要在網頁上插入圖片，可以使用哪個HTML元素？語法該怎麼寫？
使用HTML和CSS撰寫一個插入圓角邊框圖片的語法。
請推薦一些有關HTML的學習資源
這段程式碼可以做什麼？
這段程式碼有什麼錯誤？
 

3

09/08～09/14

★高三複習模擬考
網頁資源介紹

色彩學配色、色碼、素材來源
免費圖庫(圖片、icon)
背景音樂、音效
Youtube頻道(工作室/音樂庫)

4

09/15～09/21

HTML語法
ch7

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

5

09/22～09/28

HTML語法

下載youtube影片（先安裝AdBlock）
HTML4&5的差別、HTML5瀏覽器支援檢查、

6

09/29～10/05

 山陀兒颱風假

7

10/06～10/12

國慶日放假

8

10/13～10/19

9

10/20～10/26

畢業旅行

10

10/27～11/02

11

11/03～11/09

運動會

12

11/10～11/16

 範例下載、

13

11/17～11/23

14

11/24～11/30

 ChatGPT

15

12/01～12/07

第2次期中考

16

12/08～12/14

 Bootstrap、Bootstrap5(中文)、

17

12/15～12/21

 Bootstrap  練習檔 

18

12/22～12/28

19

12/29～01/04

 footer參考

20

01/05～01/11

21

01/12～01/18

期末考

 ※1/16繳交期末網頁作品，主題、內容素材自訂，需至少包含以下元件

22

01/19～01/25