WEB101

HTML/CSS 入門

針對網頁開發初學者的前端基礎課程

對於程式開發完全沒概念，想要用最白話的方式搞懂網頁開發原理！ 跨入程式開發的第一步就從 HTML / CSS 開始。 若你沒有任何程式背景與基礎，那麼 HTML、CSS 便是你的網頁開發起始點。 課程講師透過生活化的舉例方式和輕鬆的教學口吻，由淺入深帶你認識 HTML 結構與標籤、搭配大量實際案例讓你學會 CSS 選取器及 Grid 排版應用。 程式新手，也能具備做出一個網頁作品的能力！ 你會學到如何從無到有，架構出一個網站的基本網頁排版。 在課程最後更帶你運用所學知識，實作出屬於自己的個人 Blog！讓我們一起開始開發網頁吧！

現在報名只要 NT$1,200
直接購買 加入購物車
  • 終身存取權
  • 可行動裝置使用
  • 課程時長：4.6 小時
  • 結業證書

講師介紹

使用者大頭貼

Lin

五倍學院 前端工程師

課程特色

第一階段：HTML 基礎觀念建立
想學程式語言卻不知要從何下手嗎？
在第一階段中講師 Lin 將會解釋 HTML 的結構與元素，建立網頁語意與各個網頁標籤的重要基礎觀念並搭配實作讓你融會貫通。

第二階段：CSS 入門與應用
了解完 HTML 結構後，接著透過 CSS 讓網頁有更多不同的變化！
包含文字顏色、樣式甚至是網頁版面的配置等等，讓你的網頁依照自己心中的理想樣式呈現在眼前。

第三階段：實作個人網站
完整建立好 HTML、CSS 的基礎結構、標籤特性後，講師將帶你製作屬於自己的個人網站！讓你運用程式碼的語法和元素，透過版面配置、圖片呈現與各種視覺效果並搭配響應式設計，打造出獨一無二的個人網站。

課程章節

HTML

00 : 46 : 25

HTML 簡介

04 : 02

你的第一個網頁

05 : 42

HTML 標籤結構

04 : 19

標籤與元素

05 : 09

標題與連結

04 : 45

按鈕、容器、段落

05 : 56

圖片

03 : 10

清單

01 : 45

表單與輸入

09 : 01

語意化標籤

02 : 36

CSS

01 : 12 : 19

建立 CSS 檔案

03 : 29

什麼是 CSS

02 : 02

CSS選取器 id, class, attribute

02 : 26

Box Model

05 : 55

CSS 文字效果

04 : 09

偽類別與偽元素

05 : 24

CSS 權重

03 : 58

更精準的 CSS 選取器

09 : 25

Inline 與 Block

04 : 41

Flexbox

07 : 09

Grid 格線系統 part1

試看影片

08 : 41

Grid 格線系統 part2

07 : 45

Grid 格線系統 part3

07 : 15

個人網站

02 : 42 : 17

成品簡介

試看影片

01 : 59

建立專案

07 : 51

導覽列

14 : 56

使用 CSS 變數

04 : 26

主頁橫幅 part1

11 : 16

主頁橫幅part2

14 : 42

關於我 part1

13 : 54

關於我 part2

17 : 29

作品集

15 : 21

聯絡我

08 : 56

捲到最上方

05 : 26

響應式設計 part1

13 : 08

36-個人網站-響應式設計-漢堡選單

15 : 01

響應式設計 part2

16 : 50

小結

01 : 02

WEB101

HTML/CSS 入門

現在報名只要 NT$1,200
直接購買 加入購物車
  • 終身存取權
  • 可行動裝置使用
  • 課程時長：4.6 小時
  • 結業證書

其他課程推薦