線上課程 / 網站開發

網頁設計入門必修

零基礎入門:HTML 語意與 CSS 語法的觀念指南

本課程將從零基礎開始,循序漸進帶領你踏入網頁設計的世界。內容分為兩大部分: 第一部分聚焦 HTML,你將學會如何把腦海中的網頁構想,轉換成瀏覽器能理解的語意化標籤,建立出清晰的結構與內容。 第二部分則專注於 CSS,帶你掌握如何為這些語意化標籤增添風格與美感,讓你的網頁不僅能運作,更能令人眼前一亮。 無論你是完全的新手,還是曾經接觸過網頁製作,這門課都能讓你快速上手,打好設計與開發的基礎。

4.3 小時
2 章節
17 單元
講師:
使用者大頭貼
孫于婷 aka Cat
最後更新:2025 年 12 月

你將學到什麼

課程大綱

2 章節 · 17 單元 · 4.3 小時
1. 什麼是前端和前端工作內容
3 分鐘
2. 安裝編輯器
7 分鐘
3. 什麼是 HTML
4 分鐘
4. 什麼是標籤(tag)
5 分鐘
5. 介紹 H 標籤
14 分鐘
6. 介紹image 標籤
10 分鐘
7. 介紹表格和清單標籤
15 分鐘
8. 介紹超連結標籤
10 分鐘
9. 什麼是區塊元素
16 分鐘
10. 介紹表單標籤
32 分鐘
11. 什麼是 CSS
14 分鐘
12. CSS CLASS 和 ID的介紹
11 分鐘
13. CSS 的選取器介紹
29 分鐘
14. CSS 的常見屬性介紹
28 分鐘
15. CSS 的內距和外距
8 分鐘
16. CSS 的 Display 屬性介紹
29 分鐘
17. CSS 的 Postion 屬性介紹
16 分鐘

講師介紹

使用者大頭貼

孫于婷 aka Cat

網頁設計師及前端工程師,是個喜歡在詩句內抒發感性也喜歡在懸疑小說裡推理找犯人的女子,著迷於利用 CSS code 寫出設計作品,認為能將感性的影像以理性的程式碼撰寫出來是一件很迷人的事情。

推薦課程

你可能也會喜歡的學習內容

瀏覽全部