第一週 | 1 | 網頁新手村開張啦 | 認識HTML,網頁的基本架構,開啟第一個HTML檔案的方式 |
第二週 | 2 | 神奇的HTML標籤探險 | 探索HTML標籤:標題、段落、連結、圖片等基本元素 |
第三週 | 3 | 撒點糖的網頁:清單與表格 | 學習製作有序與無序清單,初步接觸表格,讓網頁內容更有層次感 |
第四週 | 4 | 純文字太無聊,來點顏色吧 | 學習HTML中的顏色屬性,標籤的字體大小、字體顏色與背景色設定技巧 |
第五週 | 5 | 給網頁穿新衣:CSS入門 | 介紹CSS,學習如何讓HTML網頁「穿上」漂亮的樣式與外觀設計 |
第六週 | 6 | 讓表格說話:進階表格技巧 | 表格的邊框、合併單元格、調整對齊方式,讓表格變得專業又美觀 |
第七週 | 7 | 好友連結:跳來跳去的超連結 | 深入探討超連結的功能,包括內部連結與外部連結,並教學如何連結到指定位置 |
第八週 | 8 | 網頁地基打穩:表單初探 | 學習表單標籤,創建輸入框、按鈕及其他互動元素,提升網頁的實用性 |
第九週 | 9 | 公民素養週 | 公民素養週 |
第十週 | 10 | 圖片與影片的魔法秀 | 探索多媒體元素,將圖片、影片嵌入網頁,並學習如何調整大小與位置 |
第十一週 | 11 | 版面大師:DIV和SPAN | 使用DIV和SPAN分割與布局網頁區塊,掌握內容編排的技巧 |
第十二週 | 12 | 網頁動態術:基礎動畫 | 使用CSS製作簡單的動畫效果,讓你的網頁動起來 |
第十三週 | 13 | 讓網頁說出故事:架構設計 | 規劃完整的網站結構,從首頁到多頁設計,模擬小型網站的建構過程 |
第十四週 | 14 | 神奇按鈕:互動元素大揭秘 | 探討按鈕樣式設計與行為設定,提升使用者的互動體驗 |
第十五週 | 15 | 網頁愛裝飾:CSS大挑戰 | 高階CSS技巧,包括陰影、漸層與透明效果,讓網頁更有設計感 |
第十六週 | 16 | 打造你的個人名片:迷你網站 | 實作一個個人簡介網頁,整合學習內容,製作屬於自己的作品 |
第十七週 | 17 | 網頁加分神器:嵌入地圖與社群 | 學習將Google地圖與社群按鈕嵌入網頁,增加功能性 |
第十八週 | 18 | 結業秀:曬出你的作品集 | 每位學員展示自己的HTML網頁作品,進行講評與分享,為課程畫下完美句點 |