工作坊介紹
本工作坊專為中學生設計,透過互動式學習體驗引導學生進入網頁開發的世界。學生將從最基礎的HTML標籤開始,逐步學習如何建立結構完整的網頁,並使用CSS進行美化,最後加入JavaScript實現互動功能。
工作坊特色
- 實作導向的學習方式
- 小組合作完成專案
- 即時回饋與指導
- 適合零基礎學習者
- 結業作品展示與分享
學習目標
- 了解網頁基本結構與HTML語法
- 掌握CSS選擇器與樣式設計技巧
- 學習JavaScript基礎互動功能
- 培養團隊合作與問題解決能力
- 完成個人網頁作品集
課程內容
第 1 天:HTML基礎
1.1 網頁結構與HTML語法
1.2 常用標籤與表單元素
1.3 建立第一個網頁
第 2 天:CSS設計
2.1 CSS選擇器與樣式
2.2 盒模型與布局
2.3 響應式設計基礎
第 3 天:JavaScript互動
3.1 JavaScript基礎語法
3.2 DOM操作與事件處理
3.3 簡單互動功能實作
第 4 天:專案實作
4.1 專題規劃與設計
4.2 小組實作與輔導
4.3 作品展示與回顧