編程線上教學課程內容
課程簡介
本課程是網頁前端入門的核心教學,專為初學者設計,帶你掌握 CSS 的核心理念與實作技巧。
在一小時內,你將了解如何使用 CSS 控制網頁的顏色、文字、排版與版面配置,進而建立符合現代網頁設計標準的作品。
課程採用「講解+實作」並進結合 HTML 範例,適合想要快速美化網頁的學員。
適合對象:
-
具備基本 HTML 知識的初學者
-
想進入前端開發或網頁設計領域的學員
-
想提升網站美感與佈局能力的使用者
一小時課程大綱
第一章:課程導入與環境準備(約 5 分鐘)
第二章:選擇器與基本語法(約 10 分鐘)
第三章:文字與字型樣式(約 10 分鐘)
第四章:顏色與背景(約 10 分鐘)
第五章:盒模型與排版基礎(約 10 分鐘)
-
認識「盒模型」:margin、border、padding、content
-
區塊元素(block)與行內元素(inline)差異
-
容器布局技巧:width、height、display、max-width
-
實作:打造卡片版式(含邊框、內距與陰影)
第六章:版面配置與彈性佈局(約 10 分鐘)
第七章:互動與動畫(約 10 分鐘)
第八章:課程總結與延伸學習(約 5 分鐘)