邁入網頁前端開發世界的敲門磚，HTML5 與 CSS3 靜態網站建置

建置一個網頁會需要學習 HTML5 的結構與特性，美化則需要搭配 CSS3 來進行排版與設計。從頭開始製作一個食譜靜態網頁，提升網頁設計開發實作能力

Ratings 4.66 / 5.00

What You Will Learn!

學習 HTML5 網頁設計建構
了解 UI Framework 建置靜態頁面
使用 Grid Flex 進行 CSS 排版
CSS3 標籤與使用方式

Description

說到網頁設計不得不提 HTML/CSS，你們有聽過嗎？如果聽過但尚未有足夠了解，這門課會幫助你暸解建置一個網頁時所需要用到的標籤與結構。使用 CSS3 的語法從邊距設定、Box model 邊框、列表等部分去了解網頁是如何形成的。

你為什麼需要上這堂課？

上過 Javascript 的同學一定清楚網頁互動很重要，並且若要建置網頁對於 HTML/CSS 的了解是必不可少的。在這堂課程中我們會走過一次網頁從 DOM 結構的標籤、版型、網頁內容、連結表單等，到使用 CSS 屬性概念去製作一個食譜的靜態網頁。其中對於選擇器的使用、框架的引用皆是這堂課程中重要的概念。

本課程將會包含以下內容：

這堂課程分為五個大章節。從網站的概念著手建置導覽內容與常見的版型了解網頁的呈現，第二章會講解 HTML 結構性的內容、第三第四章則重視 CSS3 的語法/選擇器的使用，最後則是套件框架的應用與說明。

關於這堂課

快樂學程式在台灣擁有超過 1000 人參與的在地社群活動。截至 2020 年我們已經舉辦超過三年的社群與活動，每個月皆有程式思維相關的聚會與交流，深耕社群並參與推廣工程思維，讓非本科系的男孩女孩皆能一窺程式的風趣與培養解決問題的能力。這次與 Glove 推出這堂「邁入網頁前端開發世界的敲門磚，HTML5 與 CSS3 靜態網站建置」內容屬於建構式網頁設計入門。做為上課學員的你可以在裡面跟著一起練習，反覆操作嘗試建立自己的靜態網頁：）