網頁設計自學路線圖：從零開始到接案，重新學習的策略大公開

網頁設計自學路線圖：觀念到上線的完整順序

網頁設計自學要排順序，最該先做的功課是把觀念、工具、實作、追蹤四層分清楚，每層都要有可以拿出來給別人看的產出。把自學抓成 3 到 6 個月的循環，每週穩定投入時數，比起一次買十套課程亂啃有效得多。根據網頁設計從零到一的完整指南的整理，多數人卡關的真正原因是跳過觀念直接套版，工具選錯只排在後面。

5 個階段，每階段都要拿出明確產出

把整段過程拆成「找資源、建觀念、練工具、做實作、持續追蹤」五個階段，每個階段設一個可驗收的產出。這條路是循環疊加，可以一直回頭補強：觀念沒打通，工具學再熟也只是代工排版。時程抓得比較鬆，因為每個人每週能投入的時數差很多，有人每天兩小時，有人只有週末能擠出來，硬給一個數字反而誤導。

階段	主要任務	預期投入	可驗收產出
1 找資源	篩選免費教學與付費課程，建立清單	3 到 7 天	一份整理過的學習清單
2 建觀念	弄懂 UI 與 UX、網頁基本結構	1 到 2 週	一份觀念筆記
3 練工具	Figma 加一套視覺化編輯器	3 到 6 週	一個切版練習
4 做實作	把觀念做成迷你專案並上線	4 到 8 週	一個公開連結網站
5 持續追蹤	訂閱設計資源、關注趨勢	長期	個人素材庫

這五個階段裡最容易讓人放棄的，其實是第一階段的「找資源」。資源太多，你會陷入一種假性進度：今天收藏明天收藏，感覺很充實，其實什麼都沒動手。破解方法很土但有效：把找資源的時間硬性限縮在一週內，時間一到就強制進入下一階段，不管清單完不完整。如果你正在找網頁設計必備的關鍵元素，先看那份就夠開工了。

第一步是建立 UI、UX 與網頁基礎觀念

把軟體放一邊，先弄懂 UI 與 UX 的差別、網頁的基本組成，後面學任何工具都快上一倍，因為你看得懂工具到底在改什麼。UI 是介面視覺，處理的是按鈕長怎樣、顏色用什麼、字要多大；UX 是使用體驗，處理的是使用者點下去之後能不能順利完成他想做的事。這兩件事常被搞混，其實分屬不同層次：你會看到有人做出很漂亮的網站，點三下就迷路，那就是 UI 很強、UX 很弱的典型。先把這條界線畫出來，後面分工才不會打架。

把 UI 與 UX 拆開看，可以用一個檢查法：面對任何畫面，先問「這個按鈕好不好看、顏色協不協調」（UI 的問題），再問「使用者點下去之後下一步會發生什麼、他想完成的事辦到了沒」（UX 的問題）。兩個問題分開問，就會發現很多網站視覺漂亮、流程卻卡住，或流程順暢、視覺卻廉價。新手常把心力全壓在 UI，因為畫面美醜比較快有成就感；但真正決定網站有沒有用的，多半是 UX。練習時強迫自己每個畫面都回答這兩組問題，判斷力才會均衡長出來。想深入可以參考免費 UIUX 自學資源清單與UI 原型設計與 Wireframe 觀念。

觀念階段要同時理解網頁的三層結構：HTML 是骨架，標籤決定哪一段是標題、哪一段是內文；CSS 是骨架的皮，控制顏色、字體、間距、排版；瀏覽器渲染則是把這些程式碼畫成你看得到的畫面。就算你最後全程用視覺化編輯器做網站，也建議至少理解 HTML 標籤與 CSS 選擇器的原理，因為當編輯器出問題、畫面跑掉時，你才看得懂是哪一層壞掉；完全不碰程式碼的人，遇到這種情況只能整套重做，時間成本很高。把CSS Box Model 觀念圖解和CSS 入門基礎語法教學排進第一週，看懂就好，想再進階才碰 SASS。

觀念階段還要把「內容先於設計」這條原則放進腦袋。一個網站存在的理由是承載內容或功能，設計是為了讓內容被看懂、被用好。所以動手做畫面之前，先把這個網站要放哪些文字、哪些圖、哪些功能列清楚，再決定版面怎麼排。先有內容再有版型的網站，結構通常比較清楚；先排版面再硬塞內容的網站，常常出現欄位空著不知道填什麼、或文字被迫截斷的尷尬。第一週再把三個觀念排進去：RWD 響應式決定網站在手機上會不會崩掉，網站導覽結構決定使用者找不找得到東西，版面層次決定眼睛先看哪裡，這三項是後面所有設計判斷的基礎。響應式可先讀響應式網頁設計 RWD 入門打底。

有個反直覺的建議：第一週完全不要打開任何架站工具。你會忍不住想動手，但觀念還沒通就動手，做出來的東西連自己都說不清楚為什麼這樣排。忍一週，後面速度反而快。這也是為什麼網頁版面設計與 RWD 排版的觀念要先建立，留到實作階段再用。

挑一套主力工具，別同時學五六套

網頁設計必學的工具不必全部學，貪多反而拖垮進度。設計階段以 Figma 為主力，實作階段選一套視覺化編輯器搭配 WordPress，這兩套練到熟就能做出絕大多數能上線的網站。Figma 會是設計階段的首選，原因很實際：免費方案就夠新手用、跨平台不用挑作業系統、而且是業界主流，學了不會浪費（Figma 官方定價頁提供的免費方案已涵蓋新手需求）。做線框稿、做視覺稿、做元件庫都靠它，團隊協作也能直接在檔案上留言。完整路線可走Figma 中文完整教學起步。

工具類型	推薦選擇	適合階段	選擇理由
設計工具	Figma	觀念到實作	免費、業界主流、跨平台
架站編輯器 A	Elementor	實作	自由度高，適合客製排版
架站編輯器 B	Divi	實作	套版快速，適合工期緊
內容管理	WordPress	實作到上線	生態完整、外掛眾多
進階選項	Bricks Builder	進階	程式碼更乾淨，效能好

架站編輯器只要選一套深入就好，不要兩頭跑。Elementor 偏自由排版，你想拖哪裡就拖哪裡；Divi 偏套版快速，適合你手上有現成版型、想三天交件的情況。新手在兩套之間游移最常見，結果兩套都不熟，先把Elementor 完整教學或Divi 主題終極指南擇一讀完。配色與素材類的工具屬於加速器，定位和主力工具不同，需要用到的時候再查就好，常備幾個如網頁配色工具推薦、商用免費圖庫就夠，把主力時間留給 Figma 與編輯器。

工具選擇的真正風險在於「還沒學熟就換下一套」：這個月 Figma、下個月 Webflow、再下個月 Bricks，半年過去沒有一套用得順。判斷一套工具要不要換的標準很簡單：你能不能用它獨立做出一個完整的網站。做不出來，問題通常出在你還沒練夠，工具本身往往沒錯。

把主力放在 WordPress 之所以務實，是因為它的生態規模讓你學的東西長期保值。W3Techs 的調查顯示，WordPress 被全網 41.5% 的網站使用，在所有採用內容管理系統的網站中占比更達到 59.2%[來源：〈W3Techs — Usage Statistics and Market Share of WordPress〉〈https://w3techs.com/technologies/details/cm-wordpress〉〈2026-06-29〉]。這意味著你學會的佈景主題、外掛、編輯器操作，在接案市場上幾乎都找得到對應的需求與解答，遇到問題能查到的中文與英文資源也最豐富。選一個市占過半的生態深入，比追逐小眾新工具更划算。

主力工具鎖定原則：一套熟練勝過五套半生不熟

決定主力工具時，可以套用一個簡單的篩選順序。第一步看這套工具能不能獨立完成「從設計稿到上線」的完整流程，涵蓋排版、響應式、表單、SEO 基礎設定。第二步看免費方案或入門門檻夠不夠低，新手階段不該為了試工具先花大錢。第三步看社群與教學資源密度，遇到問題搜得到答案、看得懂中文教學，學習曲線才會平緩。Figma 在設計端、WordPress 加一套編輯器在實作端，剛好都通過這三個檢查，所以成為多數路線圖的預設組合。

迷你專案：把觀念練成手感

每學一個觀念，立刻用它做一個迷你專案：學完排版就刻一頁式頁面，學完響應式就做手機版，用小產出強迫自己把知識練成手感，效果遠勝過看完十支影片。最有效的練習題是「重刻一個你喜歡的網站頁面」，挑一個你平常就在用、覺得好看的網站，把它的一頁用 Figma 或編輯器重做出來。這個動作會逼你拆解別人的排版邏輯、配色選擇、留白比例，這些都是看影片學不到的判斷力，重點在搞懂別人為什麼這樣排，做得像不像倒不必太在意。可以先從一頁式網頁設計攻略挑一個範本下手。

練習的節奏是邊學邊查、查完寫進自己的筆記。免費教學的好處在這裡最明顯：你可以隨時暫停、跳查、回頭，節奏完全自己掌控，把查到的東西用自己的話整理一遍，知識才會真的進到長期記憶。同時，每個迷你專案都要上線，哪怕只是放到免費主機或本機，有公開連結才算完成。只有在真實環境跑過，你才會發現哪些東西在編輯器裡好好的、上了線卻壞掉，例如字體載入、圖片路徑、載入速度。Statista 的資料顯示，2026 年第一季全球網站流量有 52.27% 來自行動裝置（不含平板）[來源：〈Statista — Share of mobile web traffic worldwide quarterly 2015-2026〉〈https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/〉〈2026-04-28〉]，手機版已經是過半使用者接觸網站的第一個畫面，手機體驗做壞等於把多數訪客擋在門外，Google 也把行動裝置體驗列入排名訊號。把網站速度優化核心技巧排進實作後期，會發現很多問題是設計階段就埋下的。

迷你專案的數量沒有標準答案，有人做三個就開竅，有人要做到十個才有手感，差距來自你每次做完有沒有認真檢討。做完不檢討，做一百個也只是重複犯錯。建議每個專案做完，強迫自己寫三句話：哪裡做得好、哪裡卡關、下次要改什麼。

第四步：累積作品集，為接案或求職做好準備

從迷你練習挑出 3 到 5 個最滿意的成品，整理成一份線上作品集，每個作品附上問題描述與設計思路。接案與求職真正在意的，是你能不能講清楚當時為什麼這樣決定，作品數量反而不重要：3 到 5 個能說明設計決策的成品，勝過十個只放截圖的練習。每個作品至少要能回答三個問題：這個案子要解決什麼問題、你做了哪些設計選擇、這些選擇帶來什麼效果，講不出來的作品等於沒有作品。準備方向可參考作品集網站製作實戰。

挑作品的涵蓋面也有講究。品牌形象網站練整體氛圍與色調一致性，一頁式活動頁練轉換導向與說服力，部落格練長文閱讀體驗，這三種類型各做一個就涵蓋了最常見的需求，三個做完你的能力會被看得很清楚。作品集本身就是一個網站，等於順便練一次完整架站流程，從規劃、設計、開發到上線全走一遍，這個經驗比任何課程證書都管用。架站流程可走如何從零架設網站指南。

作品集也是你對外展示判斷力的唯一管道。客戶或雇主不會看你上了多少課，他們只看你做過什麼、能不能解釋，所以把每個作品的說明寫紮實，比堆疊作品數量更有用。想直接用 WordPress 走WordPress 架站新手教學，快一點還有30 分鐘快速架 WordPress。

不同目標的路線分支：接案、求職、經營自己的網站

路線圖走到後半段，會根據你的目標分岔。同樣學完五個階段，要去接案、要去公司應徵、還是要做自己的品牌網站或內容網站，後面投入的重點會不一樣。先想清楚你的主要目標，才不會把時間平均撒在三條路上，結果每一條都不夠深。

目標	重點加強	可暫緩	第一個里程碑
接案	報價、合約、客戶溝通、多元案型	大型團隊協作流程	接到第一個付費小案並順利結案
求職	作品集敘事、設計決策表達、團隊協作	報價與合約細節	作品集能通過一輪面試提問
自己的網站	內容經營、SEO、轉換流程	客戶溝通與報價	網站上線並穩定產出內容三個月

走接案路線的人，作品集要刻意放進不同類型的網站，讓潛在客戶看到你能處理的範圍；定價與合約這兩塊要提早碰，因為接到第一個案子時往往已經來不及學。走求職路線的人，作品集的敘事品質比視覺更關鍵，面試官會一直追問你每個決定的理由，所以每個作品都要準備好一段清楚的設計思路說明。走自己網站路線的人，重心要從「做出漂亮的網站」慢慢移到「讓網站帶來流量與轉換」，這時候 SEO 與內容經營會變成主戰場，可參考SEO 相關學習資源把這塊補起來。

把這條分支放到實際情境裡看會更具體。以一個每週能穩定投入約 8 到 10 小時、走接案路線的自學者這類情境為例，依這類學習者的典型表現幅度，從開始學到交出第一個付費小案，大約落在 4 到 8 個月之間；求職路線的人要準備到作品集能通過一輪面試提問，節奏相近，約 4 到 7 個月。常見的狀況是：前兩個月多半花在工具切換與蒐集資源，真正開始累積可用作品往往要到第三、第四個月才穩定下來。把幅度再拆細一點會更清楚：每週投入時數降到 4 到 6 小時的人，前述時程通常要再加 2 到 3 個月；能擠出 12 到 15 小時、且方向正確的人，則有機會壓到 3 到 5 個月就交出第一個成品。但這條縮短主要來自「產出密度」而非「學更多工具」，把時間花在多看不同類型的網站、多做幾個能上線的小專案，效益遠勝於橫向擴張工具清單。另一個會顯著拉長時程的因素，是中途切換主力編輯器：接案路線若在三個月內從 Elementor 換到 Divi 再換到 Bricks，等於每換一次就要重新熟悉一套元件邏輯與響應式設定，前三個月的練習成果很難直接延用，整體時程往往因此多出 1 到 2 個月。一個務實的決策點在這裡浮現：如果你已經投入約 6 個月，手上還拿不出一個能公開連結、附設計思路說明的成品，與其繼續往第五個、第六個工具鑽，不如回頭把階段驗收評分卡跑一次，找出卡關的階段針對性補強，通常比橫向擴張更有效。這條時間幅度只能當參考，不是承諾；也要點出常見的失敗模式：把多數時間投在「學更多工具」而非「把一套做熟並上線」，這類學習者即便投入滿一年，作品集仍可能湊不齊三個能講清楚決策的成品。所以分支選定後，與其追逐新工具，不如把主力時間壓在產出與覆盤，才是縮短時程最穩的槓桿。

階段驗收評分卡：判斷自己到底會了沒

前面五個階段都說「要有產出」，但產出做出來不等於合格。這裡給一張驗收評分卡，讓你對每個階段的產出打分，每項用「做不到 0 分、勉強 1 分、熟練 2 分」三級自評，單一階段加總不到總分一半，就代表該回頭補強而不是往下走。

階段	驗收項目	合格標準
建觀念	能用自己的話解釋 UI 與 UX 的差別	舉出一個「UI 好但 UX 差」的具體例子
建觀念	看懂一段 HTML 能說出每個標籤的作用	正確指出標題、段落、連結、圖片標籤
建觀念	能解釋 RWD 為什麼需要	說出手機與桌機畫面差異造成的問題
練工具	用 Figma 獨立畫出一頁線框稿	含導覽、主視覺、內容區、頁尾
練工具	用編輯器做出一頁可瀏覽的頁面	桌機與手機兩種寬度都不破版
做實作	把一個網站從設計到上線走完一遍	有公開連結、手機可正常開啟
做實作	能向別人解釋每個設計決定的理由	回答「為什麼這裡用這個顏色」不卡詞
持續追蹤	建立可分類的靈感素材庫	配色、排版、字體至少各 10 則

評分卡的用意是逼你把「感覺自己會了」翻譯成「具體做得到」。很多人學完一輪主觀覺得都懂了，實際被問「為什麼這個按鈕放這裡」卻答不出來，那就是觀念還停在表面。每完成一個階段就跑一次評分卡，分數偏低的那幾項回頭針對性補強，比整個階段重學一次更省時間。

一週時間表範例：把抽象計畫變成可執行的排程

路線圖講的都是階段，但真正每天要面對的是「這週到底要做什麼」。這裡給一份假設每週能投入約八到十小時的時間表範例，當成調整的起點，時數多寡可以自己伸縮，重點是把觀念、練習、輸出三件事每週都排到。

時段	內容	類型
週一 1 小時	讀一個觀念主題並做筆記	輸入
週二 1.5 小時	用 Figma 練習當週觀念的線框稿	練習
週四 2 小時	用編輯器把線框稿做成實際頁面	輸出
週六 3 小時	深入一個迷你專案的某個環節	輸出
週日 1 小時	瀏覽設計靈感網站並分類收藏	輸入
週日 0.5 小時	回顧本週產出，寫三句檢討	覆盤

這份時間表的設計邏輯是輸入與輸出交替，避免一整週只看教學不動手的常見陷阱。週末留較長的連續時段給實作，因為做網站需要進入狀態的暖機時間，碎片的半小時很難做出有進度的東西。每週強制寫三句檢討這一項最容易被跳過，卻是讓手感累積的關鍵，做完不回想，等於只練了一半。

什麼情況不該自學：畫出這條路的界線

自學不是所有情境的最佳解，幾種情況硬走反而會拖垮進度，直接找課程、找師傅、甚至找外包會更理性。第一種是時間極度有限，例如為了三個月後的專案臨時需要上線一個網站，自學的試錯成本太高，買一套結構完整的課程或找人協作更穩。第二種是目標落在複雜功能，會員系統、金流串接、多語系、複雜權限這類需求的坑很深，有經驗的人帶一次比自己撞牆一個月划算。第三種是自學紀律薄弱，過去幾次自學計畫都半途而廢的人，與其再開一個會失敗的計畫，不如用有進度壓力與社群督促的付費課程把自己架住。最後是預算充足但時間珍貴，能用錢換時間的時候就換，把省下的時間拿去做你真正擅長的事，整體效率才最高。

畫出界線之後反而能更安心自學。知道自己為什麼選自學（通常是預算有限、想打好底子、享受動手過程），也知道自己什麼時候該向外求助，路線圖才不會變成硬撐到底的執念。務實評估自己的處境，比盲目相信「一定可以自學成功」更可行。

定期追蹤國內外資源，設計感才會繼續長

學會基礎之後，持續進步靠的是固定追蹤幾個優質的設計靈感網站與教學頻道，每週花一點時間看別人怎麼做、新趨勢往哪走。設計感是靠持續輸入養出來的，學完一次並不會就此定型，訂閱 2 到 3 個靈感網站就夠了，定期刷版面與配色參考，看到喜歡的就存下來，這個習慣看似瑣碎，長期累積下來的差異很大。可固定翻網頁設計靈感網站推薦當素材庫用，配色判斷力要靠輸入養，色彩學與配色技巧值得排進固定閱讀清單。

這兩年要特別留意 AI 工具與網頁設計趨勢的變化，主流工作流改變很快。AI 繪圖、AI 排版助手、AI 網站建立工具都在快速演進，它們真正影響的是「設計師該把時間花在哪裡」這件事，至於會不會取代你反倒不必太早焦慮，先有概念就好，不用每個都深入。可追蹤最新網頁設計趨勢解析與網頁設計趨勢與 AI 應用，實作面看AI 繪圖與 ChatGPT 網頁設計實戰。

把追蹤到的靈感分類收藏，做新專案時直接當素材庫用。分類不需要太複雜，配色、排版、字體、動效幾個大類就夠，重點是找得到。這個習慣的回報很慢但很實在，半年後你會發現自己的判斷力明顯跟剛開始不一樣。設計感多半是輸入量問題，看夠多做夠多，判斷自然會跟上。

免費資源 vs 付費課程：錢要花在刀口上

入門觀念與工具操作用免費資源就夠；但若要短時間內打通架站、SEO、接案的完整流程，一套結構完整的付費課程能幫你省下大量試錯時間。前提是挑實戰型、有後續更新與社群支援的課程。偏好邊讀邊練的人，也可先翻《SEO 白話文》的實體書與電子書購買通路打底。

免費資源的強項在廣度與即時性，弱項在缺乏路線與驗收機制：你可以找到幾乎任何主題的免費教學，但沒有人幫你排順序、沒有人在你卡關時接住你，很容易學到一半斷掉。付費課程真正的價值，在於有人幫你把零散知識排成路線、並提供可問問題的對象，這才是花那筆錢最划算的地方。

面向	免費資源	付費課程
廣度	高，主題齊全	中，聚焦單一路線
即時性	高，跟得上改版	視課程更新頻率而定
路線清晰度	低，需自己排	高，講師已排好
答疑支援	幾乎沒有	有社群與問答
成本	零	數千到數萬不等

挑課前先確認兩件事：講師有沒有實戰案例、課程是不是持續更新。網頁工具改版很快，一門兩年前錄好的課，現在看可能已經過時一半；實戰案例則代表講師真的做過案子，能做又能教，這兩條篩掉之後剩下的課程通常不會太離譜。想把 SEO 從產業分析做到落地實戰，可以看SEO 排名攻略實戰班這類系統化課程。不過付費課程解決的是「效率」問題，解決不了「能力」問題：你把錢花下去省下的是自己摸路的時間，但動手做作品這件事沒有人能幫你代勞，就算買了課前面講的五個階段照樣要走完，把課程當成加速器而非捷徑。

自學網頁設計最常踩的 5 個雷

這幾個雷看似各自獨立，其實都指向同一個根源：把「會用工具」當成「會設計」。第一個是工具貪多，今天 Figma、明天 Webflow、後天 Bricks，結果沒一套熟，破解法是鎖定一套主力做到能獨立交件再說。第二個是只輸入不輸出，看完影片不動手，知識永遠進不了長期記憶，每學一個觀念就該做一個迷你專案。第三個、也是最致命的一個，是跳過觀念直接套版：表面上看起來進度很快，第一週就做出一個網站，但這種快是假的，一旦遇到客戶要客製、要改結構、要換互動方式，你會完全不知道從哪裡改起，因為根本不懂那個版型是怎麼組出來的。更多設計錯誤可參考自架網站常見設計錯誤。

第四個雷是忽略手機版與載入速度。手機版其實是另一個獨立的設計問題，不能直接把桌機版縮小了事；載入速度也別當成「能用就好」，它直接影響使用者要不要等，也影響搜尋引擎怎麼排序你的網站（Google Core Web Vitals 已將載入速度列為排名訊號）。響應式觀念可從AWD 與 RWD 差異比較入手，速度看Core Web Vitals SEO 指標。第五個雷則是錯把會用工具當成會設計，設計判斷力要靠看大量作品與實作累積，光學會軟體並不會自動長出判斷力。工具學得再快，沒有設計判斷力撐著，做出來的東西還是代工，而判斷力沒有捷徑，只能靠大量看、大量做、大量檢討慢慢養。

從自學到接案：路線圖的終點是交件

路線圖真正的終點是「能交件」，學完只是過程。能獨立把一個網站從需求、設計、開發到上線走完一遍，才算真的畢業，接案和求職看的都是這個完整能力，你會幾套工具反倒沒那麼關鍵。接第一個案子之前，先把作品集準備好，並想清楚你的定價邏輯：定價要有依據，算清楚你的時間成本、專案複雜度、後續維護負擔，別憑感覺開價。行情可參考網頁設計費用行情解析，第一個案子建議從小額、明確的需求開始，把流程跑順，比賺多少錢重要。學會上線只是起點，網站要帶來客戶還得搭配數位行銷入門觀念才走得遠。

自學的時間長短，差距主要來自你有沒有持續。每週穩定投入的人，3 到 6 個月能上線第一個網站；斷斷續續的人，兩年可能還在原地。時程是結果，原因在於能不能持續，而能持續的關鍵，是每個階段都有看得見的產出給你回饋，這也是這條路線圖把「產出驗收」放在每個階段的原因。如果你對架站流程還不熟，把WordPress 安裝完整教學當成第一個實作目標，跑過一次整個流程會踏實很多。

常見問題 FAQ

不會寫程式可以做網頁設計嗎？

可以。Elementor、Divi 這類編輯器拖一拖就能組出完整網站，不必碰程式碼。不過至少要看得懂 HTML 與 CSS 的長相，畫面出問題才知道往哪一層找。連程式碼都想交給 AI 的人，可先認識 Vibe Coding 入門概念 再決定要不要深入。

作品集要放幾個作品才夠接案？

三到五個就夠，重點是每個都寫得出你當時怎麼決定的。挑幾個能說明問題與解法的案子，比起堆十張截圖，客戶更買單。

自學網頁設計最容易踩什麼雷？

排前三名的是工具學太多、只看不練、觀念沒通就套版。把主力鎖在一套、每學一個觀念立刻做一個小練習，這幾個雷基本就繞過去了。

免費教學和付費課程該選哪個？

入門階段免費資源綽綽有餘。等到想把架站、SEO、接案串成一條完整流程又不想自己摸路，再挑一套還在更新、有實戰案例跟社群可問問題的付費課程。鎖定 SEO 工具陪跑的人，也可評估 Ahrefs 工具陪跑課程 這類搭配實作練習的資源。

定價怎麼開才不會吃虧？

別憑感覺開價。把時間成本、專案複雜度、後續維護負擔三項算進去，再對照同類案件的行情區間，定出來的價格才有依據，也較容易在客戶質疑時講清楚理由。

講到這裡，路線圖能不能走完，看的是每個階段有沒有拿出一個能上線的東西，至於收齊了幾套工具反倒沒那麼重要。觀念、工具、實作、追蹤四層依序疊下去，三到半年後手上會有一份能見人的作品集，加上一個跑順過的架站流程，這兩樣才是接案與求職時真正拿得出手的東西。