推薦想上 網頁開發 CSS課程的你，不曉得選擇一堂線上課程好對嗎？
現在的線上課程非常多種，多到不曉得該怎麼選以及也太多平台了
沒關係！就讓我為你推薦Udemy平台吧！
如果本文章沒有搜尋到你要的網頁開發 CSS課程的話，可以去到Udemy平台看看
為何我推薦Udemy，主要是因為此平台包含了非常多種線上課程
我介紹的線上課程主要是選擇比較熱門為主，當然的你還是可以去找找你適合的線上課程唷！
PS: 由於Udemy時常更新價格，此網站更新較慢，所以價格還是以官網為主，請見諒！
另外我推薦的課程都是以中文、英文為主，雖然很多人不太喜歡英文，但還是要介紹一下，畢竟Udemy英文課程滿多的，中文比較少。
不排斥的話，可以順便練練英文。
目錄
10堂CP值最高的網頁開發 CSS線上課程推薦給你
我分享的線上課程都是屬於比較多人推薦以及CP值我覺得滿高的，可以參考看看
可能網頁開發 CSS線上課程太多不知道怎麼選擇？
別擔心，我在最後有附上比較介紹網頁開發 CSS線上課程表格，讓你一目了然！
如果想直接到最後一頁，請點擊上方的目錄，可以快速滑動到你要的線上課程資訊喔！
可能線上課程未滿10堂，後續會慢慢補齊
① 使用 HTML、CSS 開發一個網站
為您打造就算沒有程式基礎，也能夠逐步學習獲得網頁排版技巧的紮實觀念，六角學院的講師將協助您成就更好的自己！
導師: 卡斯伯 六角學院,六角 學院,Leia Hsu,廖洧杰 liao,六角助教 六角學院
課程上次更新 3/2021
評分:4.6
學生:
3482 ↑
時長:15小時 52分
售價
5,990元
透過這堂課，你將學會👇
- 有能力排出具專業、語意化、美觀的網頁設計
- 課程結束後，我們會提供給你一個完整的網頁設計稿，當你實作出網頁來後再轉交六角學院的講師們，我們會為您進行程式碼審視，以確保你吸收的網頁排版觀念是正確的。
- 了解設計網頁的脈絡，你隨時可以在社群裡發問問題，我們永遠都會在這裡！
- 獲得持續更新的講義教材，終身複習不會脫離趨勢的現代化線上課程
② 82 折 Web前端开发 – 玩转HTML&CSS【课程以实战为基础】
零基础入门，课程以实战为基础，各种布局技巧，图文结合帮助理解，期间会建立6个真实网页。课程的学习路线是HTML、CSS、Javascript、HTML5、CSS3、移动端web开发、Bootstrap、NodeJS、Vue入门、Vue…
導師: yz z
課程上次更新 10/2019
評分:4.9
學生:
2263 ↑
時長:18小時 16分
售價
2,690 元
特價
490元
透過這堂課，你將學會👇
- HTML基础
- CSS基础
- 能够深认页面重构
- 可以进行网页制作
③ Sass 實戰全攻略 – 成為前 1% 的 CSS 頂尖好手
帶您掌握業界市佔率最高的 Sass 開發流程
導師: 廖洧杰 liao,卡斯伯 六角學院,六角 學院,六角助教 六角學院
課程上次更新 6/2019
評分:4.5
學生:
888 ↑
時長:6小時 4分
售價
3,190元
透過這堂課，你將學會👇
- 徹底學會 Sass 來管理 CSS
- 了解 CSS/Sass 設計模式(SMACSS、OOCSS、BEM)
- 懂得設計出一手好 CSS 命名
④ 從零開始用 HTML 和 CSS 打造網站
從零開始成為網頁開發人員，一切都在這門課。這門課幫助初學者完整地學習 HTML 與 CSS 等網頁開發基礎知識。
導師: 慕課 癮科技,Brad Hussey,TC Liu
課程上次更新 1/2017
評分:4.8
學生:
714 ↑
時長:8小時 3分
售價
590元
透過這堂課，你將學會👇
- 這門課結束時，你能夠完整的了解 HTML 與 CSS 的基礎知識
- 這門課程結束後，你會具備撰寫一些 HTML 與 CSS 範例的相關經驗
- 這門課的最後部份，你主要在使用 HTML 與 CSS 建造一個精美且具有意涵的網頁
- 在這門課程的最後，你會對自己感到驚訝，你能立即發揮所學技能
- 你有能力建造精美的網頁
- 你可以建造作品集網頁，強調你的網頁設計技能
- 你可以開始著手進行，發展你的網頁設計職涯
⑤ 87 折 光速駕馭 HTML / CSS
我會一步步地帶您完成兩個擬真的網頁專案，讓您自然地學會使用HTML/CSS來開發網站
導師: 蔡偉駿 Jimmy Tsai
課程上次更新 9/2020
評分:4.4
學生:
1437 ↑
時長:8小時 6分
售價
2,990 元
特價
390元
透過這堂課，你將學會👇
- 使用HTML和CSS從無到有地寫出一個網站
- 紮實、清楚、重脈絡的CSS排版技巧，讓您能以簡馭繁，在日新月異的網頁技術中，擁有持續自我進修的能力
- 目標導向式的學習，讓您從實戰中理解各種語法的使用情境，不用擔心學了一堆東西卻不知為何而戰！
- 唯快不破：使用各種輔助工具來加速開發，大幅節省您寶貴的時間！
⑥ 87 折 初级WEB前端工程师第二篇–CSS3初学者课程–成为WEB大前端工程师课程
本教程教您如何使用CSS 3 ，以更有效地创建响应Web布局
導師: Zhao Yiqiang
課程上次更新 10/2018
評分:4.4
學生:
99 ↑
時長:7小時 51分
售價
2,990 元
特價
390元
透過這堂課，你將學會👇
- 使用CSS改善页面的样式效果，完成更好的效果
- 通过使用CSS样式改变基本标签的效果，如列表、字体、背景等。
- CSS定位功能是很强大的，利用它你可以做出各种各样的网页布局。
- 了解盒子模型的概念及它是如何决定某一个元素的最终尺寸，会有助你理解一个元素如何在网页上定位。
- 通过CSS可以操作HTML中元素的位置以及对元素进行处理，这有利于对UI的优化。
- 选择器是CSS技术比不可少的一部分，掌握选择器势在必行。
- CSS3中的页面特效
- 使用HTML和CSS制作出简单的页面效果。
- 选择器是 CSS3 中一个重要的内容，使用他可以大幅度提高开发人员书写或修改样式表时的工作效率
- CSS3 文字与字体相关样式
⑦ 87 折 Build Responsive Real-World Websites with HTML and CSS
Learn modern HTML, CSS, and web design by building a stunning website for your portfolio! Includes flexbox and CSS Grid
導師: Jonas Schmedtmann
課程上次更新 7/2021
評分:4.5
學生:
238279 ↑
時長:49小時 11分
售價
2,990 元
特價
390元
透過這堂課，你將學會👇
- Become a modern and confident HTML and CSS developer, no prior knowledge needed!
- Design and build a stunning real-world project for your portfolio from scratch
- Modern, semantic and accessible HTML5
- Modern CSS (previous CSS3), including flexbox and CSS Grid for layout
- Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
- A web design framework with easy-to-use rules and guidelines to design eye-catching websites
- How to plan, sketch, design, build, test, and optimize a professional website
- How to make websites work on every possible mobile device (responsive design)
- How to use common components and layout patterns for professional website design and development
- Developer skills such as reading documentation, debugging, and using professional tools
⑧ 87 折 Advanced CSS and Sass: Flexbox, Grid, Animations and More!
The most advanced and modern CSS course on the internet: master flexbox, CSS Grid, responsive design, and so much more.
導師: Jonas Schmedtmann
課程上次更新 11/2020
評分:4.8
學生:
137230 ↑
時長:28小時 6分
售價
2,990 元
特價
390元
透過這堂課，你將學會👇
- Tons of modern CSS techniques to create stunning designs and effects
- Advanced CSS animations with @keyframes, animation and transition
- How CSS works behind the scenes: the cascade, specificity, inheritance, etc.
- CSS architecture: component-based design, BEM, writing reusable code, etc.
- Flexbox layouts: build a huge real-world project with flexbox
- CSS Grid layouts: build a huge real-world project with CSS Grid
- Using Sass in real-world projects: global variables, architecting CSS, managing media queries, etc.
- Advanced responsive design: media queries, mobile-first vs desktop-first, em vs rem units, etc.
- Responsive images in HTML and CSS for faster pageloads
- SVG images and videos in HTML and CSS: build a background video effect
⑨ 87 折 Ultimate CSS Grid Course: From Beginner to Advanced
Create CSS Grid layouts using the new grid system & use it together with CSS3 Flexbox and Sass for an amazing workflow
導師: Peter Sommerhoff
課程上次更新 11/2020
評分:4.5
學生:
3645 ↑
時長:2小時 43分
售價
2,990 元
特價
390元
透過這堂課，你將學會👇
- Know and understand the CSS Grid specification
- Create real-world grid layouts blazingly fast
- Know in how far CSS Grid complements Flexbox
- Understand even advanced concepts from the CSS Grid spec
- Use all new properties defined for CSS grid layouts
⑩ 87 折 Complete Flexbox Course: Master CSS3 Flexbox for Good
This tutorial teaches you how to use the new CSS3 Flexbox box model to create responsive web layouts more effectively!
導師: Peter Sommerhoff
課程上次更新 11/2020
評分:4.5
學生:
9487 ↑
時長:2小時 5分
售價
2,990 元
特價
390元
透過這堂課，你將學會👇
- Use CSS Flexbox confidently to create modern layouts
- Create web site designs more effectively
- Write high-quality and reusable CSS code
- Vertically align any element
- Take up the remaining space in a container
- Beautiful responsive galleries with Flexbox
- Implement the so-called Holy Grail Layout
網頁開發 CSS線上課程比較表
上面太多線上課程不曉得怎麼選嗎？參考下方表格，可以知道每個線上課程的差異
我會針對網頁開發 CSS的課程名稱、課程評價、課程學生、課程時長、課程老師、課程語言、課程更新日期、售價、折扣、特價來進行比較
表格是可以往右邊👉滑動的喲！
希望有幫助到正在猶豫不絕想學習網頁開發 CSS的你！
如果表格沒有你喜歡的線上課程可以參考Udemy
可以看到更多種類的線上課程喔！
| 課程圖片 | 課程名稱 | 課程評價 | 課程學生 | 課程時長 | 課程老師 | 課程語言 | 課程更新日期 | 售價 | 折扣 | 特價 | 課程連結 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| 使用 HTML、CSS 開發一個網站 | 4.6 | 3482 ↑ | 15小時 52分 | 卡斯伯 六角學院, 六角 學院, Leia Hsu, 廖洧杰 liao, 六角助教 六角學院 | 繁体中文 | 3/2021 | – | – | 5,990 | |
| Web前端开发 – 玩转HTML&CSS【课程以实战为基础】 | 4.9 | 2263 ↑ | 18小時 16分 | yz z | 简体中文 | 10/2019 | 490 | |||
| Sass 實戰全攻略 – 成為前 1% 的 CSS 頂尖好手 | 4.5 | 888 ↑ | 6小時 4分 | 廖洧杰 liao, 卡斯伯 六角學院, 六角 學院, 六角助教 六角學院 | 繁体中文 | 6/2019 | – | – | 3,190 | |
| 從零開始用 HTML 和 CSS 打造網站 | 4.8 | 714 ↑ | 8小時 3分 | 慕課 癮科技, Brad Hussey, TC Liu | 繁体中文 | 1/2017 | – | – | 590 | |
| 光速駕馭 HTML / CSS | 4.4 | 1437 ↑ | 8小時 6分 | 蔡偉駿 Jimmy Tsai | 繁体中文 | 9/2020 | 390 | |||
| 初级WEB前端工程师第二篇–CSS3初学者课程–成为WEB大前端工程师课程 | 4.4 | 99 ↑ | 7小時 51分 | Zhao Yiqiang | 简体中文 | 10/2018 | 390 | |||
| Build Responsive Real-World Websites with HTML and CSS | 4.5 | 238279 ↑ | 49小時 11分 | Jonas Schmedtmann | 英语 | 7/2021 | 390 | |||
| Advanced CSS and Sass: Flexbox, Grid, Animations and More! | 4.8 | 137230 ↑ | 28小時 6分 | Jonas Schmedtmann | 英语 | 11/2020 | 390 | |||
| Ultimate CSS Grid Course: From Beginner to Advanced | 4.5 | 3645 ↑ | 2小時 43分 | Peter Sommerhoff | 英语 | 11/2020 | 390 | |||
| Complete Flexbox Course: Master CSS3 Flexbox for Good | 4.5 | 9487 ↑ | 2小時 5分 | Peter Sommerhoff | 英语 | 11/2020 | 390 |
你可能會想看👇👇👇
就是愛推薦給你！
首頁提供了更多資訊給想購買又不知道買什麼的你！
不論是實體或是虛擬商品通通都有！各大商品品牌、線上課程、台灣旅遊、書籍、禮物等等
你想到的的通通都有，可以透過最上方搜尋框，可以搜尋到你想知道的資訊！
還要滑到上面嗎？太麻煩了！不如點擊下方我的首頁連結吧！更快的取得到你要的資訊
快加入我的Telegram頻道吧！免費分享廠商特賣優惠活動
怎麼會那麼好康？的確就是那麼好康！
主要是想把我學到的專業技術融合網頁的方式，透過網頁爬蟲的方式
取得再生活上人們購買商品時，都會想找尋優惠的活動
因此幫大家整理了這一篇文章
但由於優惠方案以及廠商活動都滿多的，因此開啟文章會需要等待幾秒鐘
希望本網站有幫助到想購買商品的你
商品優惠資訊通知 Q & A
就讓我來為你解答吧！如果有你沒有要的答案，歡迎留言給我，我在新增Q&A
Q1:加入需要錢嗎？
不用的！別擔心，完全免費！
Q2:何時會通知優惠活動訊息？
當天廠商優惠活動是最後一天時，我會再當天晚上10點左右通知
當天商品優惠活動是第一天，我會再當天早上9點左右通知
每天商品優惠碼資訊，我會再當天晚上8點左右通知
時間有需要更改可以留言跟我說一聲
PS:如果是過12點馬上通知可能沒辦法唷！因為需要同步商品活動資訊
Q3:發佈的格式會長怎樣？
給於當天優惠活動最後一天廠商的名稱以及優惠活動的數量有多少，最後附上文章連結，文章會再每天凌晨12點半會自動更新，因此不用擔心資訊會錯誤。
如果當天有商品優惠活動開跑也是一樣的格式喔！
Q4:為何點擊文章需要等待幾秒，才能看到頁面呢？
因為優惠活動多導致多個圖片載入時，需要一段時間等待，請見諒。
Q5:文章優惠活動內容太多，不知道怎麼找?
可以透過文章最上方的目錄連結快速找尋到你要的商品活動資訊，當然可以直接點擊目錄最後一個比較表進行查看所有的優惠活動。
Q6:為何活動優惠資訊與圖片不符合？
如果有遇到這個問題，需要詢問活動訊息的官方網站，因為我是去取得他們活動資訊內容分享給各位
以上如果還有任何問題，可以留言給我喔！
所有的優惠活動都會統一放在這篇進行更新👇👇👇
點擊上方網址需要等待幾秒鐘時間，因為優惠活動比較多，請見諒。
以上的推薦排名順序僅供參考，主要還是個人的決定為主唷！
文章內資料有錯誤，麻煩透過聯繫我們，我們會盡快修正資料，謝謝大家。
注意：商品詳細資訊、價格還是以官方網站為主，本文章無法立即更新資訊，人手不足因素。
希望大家可以透過表格的方式，選擇到自己喜歡的商品。
