從零開始用 HTML 和 CSS 打造網站 (Udemy.com)
從零開始成為網頁開發人員,一切都在這門課。這門課幫助初學者完整地學習 HTML 與 CSS 等網頁開發基礎知識。
Last updated January 2017
What you will learn
- 這門課結束時,你能夠完整的了解 HTML 與 CSS 的基礎知識
- 這門課程結束後,你會具備撰寫一些 HTML 與 CSS 範例的相關經驗
- 這門課的最後部份,你主要在使用 HTML 與 CSS 建造一個精美且具有意涵的網頁
- 在這門課程的最後,你會對自己感到驚訝,你能立即發揮所學技能
- 你有能力建造精美的網頁
- 你可以建造作品集網頁,強調你的網頁設計技能
- 你可以開始著手進行,發展你的網頁設計職涯
How it compares
Against the other 110 rated Udemy courses in CSS on CourseDuck:
- Rating4.6 out of 5higher than 76% of them
- Reviews171#87 of 111 by number of reviews
- Length8.1 hourslonger than 61% of them
- Last updatedJanuary 2017earlier than 87% of them
Course Description
對於新接觸網頁開發的人來說,HTML 與 CSS 是兩個最重要的網頁開發語言。這兩個語言也是最簡單的網頁開發語言。如果你一直都想要有設計網頁的經驗但害怕接觸程式,這門課程會用快速且簡單的方法讓你學會這兩個語言。
這門課程採用做中學的方式,一步步引導你從零開始完成迷你網頁。
這門課讓你用快速且簡單的方法學會網頁設計領域中最重要的兩個語言。
- HTML 基礎
- HTML 父子結構
- CSS 基礎
- ID 選擇器
- 撰寫代碼與設計網頁樣式
- 了解網頁的組成
網路上每一個網頁都是由程式語言代碼來完成。有許多程式語言都可以讓你的網站有各種應用,但其中最重要的兩個程式語言就是 HTML 與 CSS 。實際上,即使是聘請其他廠商設計網頁的人,對於這兩種語言也該具備基本的了解。有了這兩種語言的基本知識,你就可以不用仰賴其他人,對網頁的格式做一些調校。
課程內容與課程概要
這一門課程包含 77 個講座、講座影片總共有 8 個小時。這一門課會讓你對於 HTML 與 CSS 有基本的了解。這一門課會引導你直接撰寫代碼,從實作中學習,並且在課程的尾聲會利用 HTML 與 CSS 完成屬於你自己的網頁。
課程一開始你會知道 HTML 與 CSS 是什麼,並了解這兩種語言的用途。這一門課程中,你會建造數個迷你網頁,藉此複習學習到的知識。課程中的應用練習也能幫助磨練你的技能
不論你是熱情的網頁設計者、部落客、程式開發員或是企業主,你都可以從學習 HTML 與 CSS 中得益。你可以建造自己的動態網頁,或是管理你已經擁有的網頁。如果你計畫要成為一個網頁開發者或是設計者,HTML 與 CSS 是最基本的兩個語言。實際上,任何人、從任何角度學習網頁開發,都需要學會 HTML 語言。同時學習 HTML 與 CSS 讓你能立刻開始設計網頁。
More CSS courses
Build Responsive Real-World Websites with HTML and CSS (2024)
4.8 (119,018 Reviews)
Provider: Udemy
Time: 37.5h
$174.99
Advanced CSS and Sass: Flexbox, Grid, Animations and More! (2024)
4.8 (46,326 Reviews)
Provider: Udemy
Time: 28.1h
$149.99
Modern HTML & CSS From The Beginning 2.0 (2025)
4.8 (28,669 Reviews)
Provider: Udemy
Time: 24.3h
$129.99
How to Create A Website: An HTML Tutorial and CSS Tutorial (2025)
4.7 (2,057 Reviews)
Provider: Udemy
Time: 31.9h
$10.99
Ultimate CSS Grid Course: From Beginner to Advanced (2021)
4.7 (1,039 Reviews)
Provider: Udemy
Time: 2.7h
$13.99
Reviews
By Muki on 4/2/2019
步驟解析詳盡,非常適合新手學習!
By 大爲 林 on 1/17/2018
Easy to understand.
By RexLin on 5/9/2017
float的部份應該也是教學的一部份,但其選擇不解釋而叫我們去看其他網頁的解說,這點點讓我很不能理解,尤其是該網頁解說是英文的,完全沒有中文的說明,使中文學習者在float的知識完全沒有學習到,而後面的所有設計,會大量使用到float的使用。
By Enzo J on 4/12/2017
easy to follow, great tutorial!
By Zi zi on 2/8/2017
講解的很清楚,跟著教學步驟一步步執行,實際操作也確保自己真的學會了
By Eden Liu on 11/30/2016
教的很棒,適合無相關HTML與CSS基礎的人!
By Caspar Hung on 11/10/2016
講解峽係步驟清晰分明,學習無負擔!
By Ting Kang on 9/23/2023
By EllenHou on 2/14/2017
By Ivan Ke on 11/25/2016
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 92 / 100






