模塊1 TML5基礎與標籤——構建Web世界的基石
學習目標
學習導言
知識導圖
零號任務：磨刀不誤砍柴工——配置Web開發環境與AI助手
任務說明
知識準備
1.開發與調試的核心工具：瀏覽器
2.代碼編輯器：Visual Studio Code
3.插件與快捷鍵
任務實現
1.安裝VS Code
2.安裝插件
3.調整代碼編輯器設置
4.創建工作區
5.創建文件並利用AI助手添加內容示例
6.測試環境並查看頁面效果
一號任務：脈絡分明——構建志願服務隊招新頁面
任務說明
知識準備
1.HTML的基本概念
2.網頁語義化設計原則
3.文本內容標籤
4.表格標籤
任務實現
1.創建HTML文件並生成基礎模板
2.添加內容元素
3.組織頁面內容
4.查看效果
二號任務：圖文並茂——添加多媒體元素豐富頁面內容
任務說明
知識準備
1.多媒體標籤
2.HTML5常見的標籤屬性
3.相對路徑與絕對路徑
任務實現
技能補強：各司其職——動靜分離與圖床資源優化
技能知識
1.動靜分離原則
2.CDN技術
3.圖床服務的優勢與應用場景
技能實踐
1.實踐技能：應用圖床服務
2.從簡易到專業
思考與練習
模塊2 TML5擴展——讓正確的標籤做正確的事
學習目標
學習導言
知識導圖
零號任務：各就各位——確定HTML5文件類型和字元編碼
任務說明
知識準備
1.HTML5文件類型聲明
2.字元編碼
3.語義化標籤
任務實現
一號任務：各得其所——用語義化標籤讓網頁內容易讀、易維護
任務說明
知識準備
1.
與標籤
2.標籤
3.
[