線上網頁設計課程提供未來想就讀相關科系，或想成為網頁設計師、前端開發人員等職業的學生需要的知識跟技能。但是網路上提供相關課程的網站有很多，每門課程都有不同的主題、費用跟教學方式，要怎麼找到好的課程呢？
這篇文章整理出 10 個最好的線上網頁設計課程，有些是免費，有些需要花一些錢，希望對你有幫助。
1. Coursera – Web Design for Everybody
- 費用：每月 $49 美元
- 課程時間： 6個月
- 課程條件：無
- 彈性的上課時間：是
- 課程證書：有
Web Design for Everybody 是由 University of Michigan 提供的課程，就像名字取的那樣，這門課程適合所有對網頁設計感興趣的人。在這門課程中，你可以學到 HTML、CSS、JavaScript 及 RWD 等基礎知識，也可以在課程中累積一些專業作品集，對於申請大學或未來求職都有相當大的幫助。課程結束後，參加者都會獲得一份證書，可以放在履歷表中與大學或企業分享自己的經歷。在註冊成為付費會員前，你也有 7 天的免費試用期，以確定這門課真的適合自己。
誰適合這門課程？
這門課程適合任何對網頁設計感興趣的人，就算完全沒有經驗也沒關係，課程將會從頭開始教你所有必須知道的知識。
| 課程優點 | 課程缺點 |
| • 知名大學教授開課 • 提供 7 天免費試用 • 提供網頁設計實用知識 | • 沒有提供就業指導或輔助 |
2. Webflow University – Ultimate Web Design Course
- 費用：免費
- 課程時間：5 小時
- 課程條件：無
- 彈性的上課時間：是
- 課程證書：無
Webflow University 是一個完全免費的平台，提供全面的網頁設計課程。Ultimate Web Design 課程提供全面的課程，包含從基本的 HTML、CSS、網頁排版和 SEO 的所有內容。課程長度只有 5 小時，讓參加者可以快速建立網頁設計基礎，但如果你希望更深入的學習所有技能，可能就要透過其他課程或學習資源進修。
誰適合這門課程？
本課程非常適合希望使用 Webflow 平台了解網頁設計的人。
| 課程優點 | 課程缺點 |
| • 課程完全免費 • 課程長度只有 5 小時 | • 沒有結業證書 • 只提供基礎網頁設計知識 |
3. edX – W3Cx Frontend Developer Program
- 費用： $895.50 美元
- 課程時間：7 個月
- 課程條件：無
- 彈性的上課時間：是
- 課程證書：有
這項課程與這篇文章中其他課程不太相同，主要是針對網頁前端設計提供一系列的教學，包含 HTML、CSS 和 JavaScript 等知識，透過學習如何開發網站、應用程式和遊戲來提高學員的網頁設計能力。課程費用將近 $900 美元雖然比較貴，但是每週提供 5-8 小時的課程內容，連續上 7 個月才能結業，換算下來還是有其性價比存在的。
誰適合這門課程？
本課程適合希望學習網頁開發所需額外技能的網頁設計師。
| 課程優點 | 課程缺點 |
| • 有教授網路開發等知識 • 紮實的課程內容 | • 課程費用較昂貴 |
4. Don’t Fear the Internet – Basic HTML & CSS for Non-Web Designers
- 費用：免費
- 課程時間：自訂
- 課程條件：無
- 彈性的上課時間：是
- 課程證書：無
Don’t Fear the Internet 是為那些想開發個人網站的設計的免費課程，網站中只有簡單的 8 個小短片，進行 HTML、CSS、排版和網頁佈局等基礎知識，幫助個人創立作品集。該課程是完全免費跟自訂進度的，對於課業工作繁忙的人來說是一個很好的選擇。
誰適合這門課程？
本課程專為不想從事網頁設計工作，但想學習如何架設基礎網站的個人而設計。
| 課程優點 | 課程缺點 |
| • 涵蓋網頁設計的基礎知識 • 適合想要架設基礎網站或作品集的個人 | • 只有簡單的基礎知識，沒有更進階的內容 |
5. Udacity – Front End Development Nanodegree
- 費用：$1,356 美元
- 課程時間：4 個月
- 課程條件：須具備基礎 HTML、CSS 和 JavaScript 知識
- 彈性的上課時間：是
- 課程證書：有
Udacity 的課程旨在透過以快節奏、流線型的方式向個人教授他們需要了解有關網頁設計和前端開發的所有知識，它不需要花費四年的時間攻讀學位，只需要四個月的時間就可以完成網頁設計入門職業需要會的所有技能，學生也可以透過課程建立自己的作品集。
另外與這篇文章中其他課程不同的地方，在於本課程包含就職服務，幫助學員在完成課程後建立簡歷表並獲得高薪職位。學員也可以與老師交談，提出問題並從經驗豐富的網頁開發人員那裡獲得更好的建議。
誰適合這門課程？
如果你需要就業輔導，或者是希望跟講師直接互動的話，這是一個不錯的選擇。除此之外，如果你希望增加自己的作品集，這也是你值得參加的課程。
| 課程優點 | 課程缺點 |
| • 提供就業輔導服務 • 可以跟講師一對一對談 • 有機會建立大量且專業的作品集 | • 比其他課程價格都高出許多 • 須具備基礎網頁設計知識 |
6. Udemy – Web Design for Beginners: Real World Coding in HTML & CSS
- 費用：$124.99 美元
- 課程時間：11 小時
- 課程條件：無
- 彈性的上課時間：是
- 課程證書：有
由專業的網絡開發人員和教育家 Brad Schiff 教授，初學者網頁設計旨在通過 11 小時的課程，讓學員了解如何使用 HTML、CSS、Sass 和 Bootstrap 建構 RWD 網站。你還將學習如何建構表單、使用 JavaScript 增加互動性，以及使用 GitHub Pages 啟動網站。
購買課程後，你將擁有終身上課的權限，因此你可以隨時回到網站重新上課。除此之外，課程也會提供 51 種可下載資源，幫助學員發展自己的技能。
誰適合這門課程？
本課程不需要任何經驗，只要你對網頁設計有興趣都可以購買課程。
| 課程優點 | 課程缺點 |
| • 涵蓋網頁設計的基礎知識 • 使用多種符合趨勢的網頁設計工具 • 課程終身有效 | • 沒有就業輔導或講師互動 |
7. Alison – How to Create Your First Website
- 費用：免費
- 課程時間：3 小時
- 課程條件：無
- 彈性的上課時間：是
- 課程證書：是
Alison 是一個免費的線上學習平台，擁有 2,000 萬名學習者、350 萬畢業生和 3,000 門課程。這門課程的重點是教參與者如何建立他們的第一個網站。雖然課程可能沒辦法提供就業所需的所有技能，但是它可以快速讓初學者學會怎麼架設網站。
這個線上課程只有 3 小時，非常精簡，只專注在網頁設計的核心。除了學習如何架設自己的第一個網站外，你還可以了解如何取得網域跟虛擬主機，這是這篇文章中唯一一個提供完整教學，且雖然免費卻可以獲得證書的課程。
誰適合這門課程？
Alison 這門課程適合那些無法投入大量時間學習網頁設計，且將來不一定要從事相關職業的人學習。
| 課程優點 | 課程缺點 |
| • 課程免費且有證書 • 可以了解如何取得網域跟虛擬主機 | • 課程時數較短，能學習的內容有限 |
8. BrainStation – UX Design Course Online
- 費用：$3,250 美元
- 課程時間： 5-10 天
- 課程條件：無
- 彈性的上課時間：是
- 課程證書：有
BrainStation 的 UX 設計課程教授學生通過專業級 UX 設計改進他們的網站和應用程式。在課程中，學生將掌握 Figma 和 InVision 等 UX 工具，並學習執行高級用戶研究、開發功能原型和創建直觀的網頁體驗。要獲得 UX 設計認證，學生必須開發和設計功能齊全的數位體驗。雖然該課程相當昂貴，為 $3,250 美元，但有多種投資方案可供選擇，包括分期付款、雇主贊助和獎學金。
誰適合這門課程？
本課程適合希望專注於提高用戶體驗設計能力的網頁設計師、開發人員，以及那些重視交互式環境的人。
| 課程優點 | 課程缺點 |
| • 提供互動講座 • 多種付款方案 | • 課程售價昂貴 |
9. Channel 9 – HTML5 & CSS3 Fundamentals
- 費用：免費
- 課程時間：共 21 集、自定進度
- 課程條件：無
- 彈性的上課時間：是
- 課程證書：無
Channel 9 為初學者提供完整的免費網頁設計課程，這個課程包含 21 部影片，內容包含 HTML 5 和 CSS 3 的基礎知識。每節課都可以按照自己的進度完成，在課程結束時，你將學會如何建構頁面、處理圖像、建立和驗證表單、嵌入影片，以及在 HTML5 中處理 SVG 文件等技能。
誰適合這門課程？
Channel 9 的課程適合所有負擔不起線上課程學費的人。
| 課程優點 | 課程缺點 |
| • 完全免費 • 可以自訂上課進度 | • 沒有結業證書 • 沒有較高階的課程 |
10. Design+Code – UI Design for Developers
- 費用：每月 $19 美元
- 課程時間：111 小時
- 課程條件：建議要有一定網頁設計基礎
- 彈性的上課時間：是
- 課程證書：有
Design+Code 的 UI 設計課程旨在幫助有經驗的開發人員提高他們的視覺設計能力，學員將學習設計系統和現代設計技術，包含用 Figma 加強網頁直覺體驗、如何建立線框、架構應用程式模型等。此外，學員還將學習如何使用各種網頁開發工具，包括 Sketch、Framer X、Swift 和 React。
與這篇文章中其他課程不同，這門課程雖然有提供證書，但是需要通過考試才能獲得。另外，雖然這門課程需要每月收費 $19 美元，但是可以免費試用，讓學員了解這門課程適不適合自己。
誰適合這門課程？
本課程專為需要提高網頁設計技能的開發人員而設計，因此它不太適合初學者，比較適合經驗豐富的網頁和應用程式開發人員。
| 課程優點 | 課程缺點 |
| • 提供免費試用 • 教授多種符合趨勢的網頁設計工具 | • 不太適合新手 |