註 1：10:40 秒簡報中的 margin 中文誤植為「內邊距」，應為「外邊距」。
註 2：06:37 img 應該是「行內元素」而非區塊元素 (感謝網友留言指出)。這個錯誤是我的疏忽，對於造成的困惑向大家說聲抱歉 ~
🔹 內容綱要
00:00 開場白
01:19 建立 HTML 文件結構
02:50 HTML 常用標籤
06:54 如何用 CSS 修改樣式
09:29 HTML5 語意標籤（Semantic Elements）
10:28 CSS 盒子模型 (Box Model)
14:08 CSS Position 佈局
16:12 CSS Class 選擇器
17:42 CSS Flexbox 佈局
22:38 HTML 表單設計
24:31 使用 CSS 固定導覽列
25:22 CSS 響應式設計 (Responsive Design)
🔹 教學資源
練習檔 (載點一) tinyurl.com/2bs8dwom
練習檔 (載點二) share.weiyun.com/JCw3NMMj
HTML & CSS 原始碼 tinyurl.com/29n9ljru
Visual Studio Code 下載：code.visualstudio.com/
🔹 小額贊助 Papaya 電腦教室
方式一：加入頻道會員 (加入後可觀看會員專區的影片喔) tinyurl.com/sxt3d2b
方式二：在 RU-vid 影片右下角點擊「超級感謝」按鈕 🎉
#HTML #CSS #網頁設計 #響應式 #教學
2 июл 2024
