網頁設計教學 - 10個要訣, 迅速提升你的設計觸覺
這篇「網頁設計教學」，我將與大家分享10個設計要訣，希望你看完後，即使沒有讀過design，也能迅速提升自己的設計觸覺！
網頁設計軟件大全21個最常用的寫網頁軟件
不少人會選擇自已去架設網站。然而，有哪些工具，較適合你在架設網站時使用呢？
這篇「網頁設計軟件大全 - 21個最常用的寫網頁軟件」，將會分開6個類別，為你去介紹最常用的軟件：
- 架網軟件（Web Builder)
- 電子營商（Ecommerce Builder）
- 網站設計（Ul/UX Design）
- 銷售頁面（Landing page Builder）
- 網上課程軟件（Online Course Builder）
- 編程軟件（Code Editor）
如果你對網站製作感興趣，想看看有什麼軟件可以用的話，這篇文章就適合你不過了。
架網軟件
架網平台五花八門，如今自行架網已經不是一件難事。
你可以租用虛擬主機來製作WordPress網站，也可以使用架網平台，製作出精美的網頁。
1.WordPress
網址：https://wordpress.org/
簡介：WordPress是一個非常受歡迎的架站軟件，具備大量免費模板，即使不懂編程也好，你也可以利用WordPress來製作簡單的網站。
推薦指數：★★★★★
優點：
1.外掛功能多：WordPress擁有50000個以上的外掛，很多外掛都能免費安裝，讓你盡情使用。
2.豐富的佈景主題：WordPress提供不同主題的佈景主題，只要更改文字與圖片，沒有IT知識的人也能輕鬆架網！
3.可以自行開發新的功能及外觀：你會編程的話，可以利用Wordpress作為CMS去做外觀及功能的開發
缺點：
1.要花時間學習：WordPress功能較多、較完善，新手需要花更多的時間來掌握其用法。
2.需自行管理：不像其他軟件有專家團隊協助，有問題時，你需要依賴網上論壇的方案自行解決，承擔風險，並需要自行定期為網站作備份與維護工程。
收費：免費（但需要主機和網址費用)。
2.Wix
網址：https://www.wix.com/
簡介：Wix是一個享譽盛名的架設網站軟件，曾一天達到3萬以上人註冊，適合有經驗人士所架設。
推薦指數：★★★★☆
優點：
1.模板漂亮：Wix提供500多個模板讓人選擇，對於不懂設計的人來說，透過選擇模板，也能製作出漂亮與看起來專業的網站。
2.不需懂太多程式語言：一般人也能輕鬆操作，如把圖片、影片擺放在你喜歡的位置。
缺點：
1.外觀和功能有限制：模板上部分的外觀和功能，不能作更改。
2.收費軟件：Wix並非像WordPress一樣免費，是一款付費軟件。
價錢：
- 免費版：擁有免費版，但網站上會出現Wix的廣告，且不會擁有專屬的網域。因此如果你想有更好的功能，可以選擇Wix Combo Plan。
- Wix Combo Plan:每年美金$12，適合用來作個人或活動網站，提供的服務包括：移除Wix廣告、2GB頻寬等等。
有關更多收費詳情，你也可以參考：https://www.wix.com/upgrade/website
3.Webflow
簡介：Webflow是個網頁設計軟件，標榜使用者沒有程式基礎，還是可以輕鬆建置出個人風格強烈的網站。
推薦指數：★★★☆☆
優點：
1.無需對程式語言有深入的了解。
2.教學資源充足，提供 Webflow University 教學，並針對你執行上的問題給予解答。
缺點：
1.獨特的架網方式：Webflow有其獨特的架網方式，用家需學習Ｗebflow的開發方法。
2.外觀和功能有限制：模板上部分的外觀和功能，不能作更改。
收費：Webflow 根據你的需要，提供不同的計劃，價錢也因而有所差異。
- 基本網頁建構：每月12美元，提供服務包括託管、免費 SSL 和每月高達 25,000 次訪問。
- 電子商務計劃：每月費用為 $29美金，適合建立網店，提供包含其 CMS 計劃中提供的所有功能、500 個項目和 3 名員工訪問權限。
有關更多收費詳情，你也可以參考：https://webflow.com/pricing
4.Square Space
網址：https://www.squarespace.com/
簡介：Square Space在2004年發源於紐約，是網站製作平台，致力幫助創意認識展示其藝術才能。
推薦指數：★★★☆☆
優點：
1.隨時轉換模板
2.方便編輯，除了使用電腦外，Square Space支緩手機編輯，只要下載它的應用程式，你就可以利用手機來修改網站的內容。
缺點：
1.需要時間學習：Square Space並非純粹拖放式處理的網站建設程式，因此要花點時間掌握它。
2.外觀和功能有限制：模板上部分的外觀和功能，不能作更改。
收費：提供14天免費試用，其後則按照不同的方案付費。每月美金12元-40元不等。
有關更多收費詳情，你也可以參考：https://www.squarespace.com/pricing
電子營商
在疫情下，網上商店成為人們的購物天堂，足不出戶也能買到我們的心頭好。假如你也想開設網店，你可以選擇以下多個電子商務軟件：
1.Woocommerce
簡介：Woocommerce 是一款安裝在WordPress上的電子商務外掛，幫你的網站加上ecommerce的功能。包括：貨品管理、購物車、網上信用卡等，讓用家不但能夠寫blog，更能夠開設網上商店。
延伸閱讀：《WOOCOMMERCE教學-低成本，建立Wordpress網店》
推薦指數：★★★★★
優點：
1.容易操作：WooCommerce安裝方法簡單，只需要在WordPress的後台「外掛」搜尋Woocommerce這個字，就能成功安裝。再加上安裝完畢後，它有引導的介面，讓你認識WooCommerce的基本操作，因此新手也能輕易上手。
2. 提供財報分析：你可以根據日期，來看看每天和每月的銷售量，進而改變自己的營商策略。
3.商品設定多元化：WooCommerce沒有太多的限制，例如：商品的數量、類型等，讓你可以根據自己公司的需要來作更改，方便管理。
4.主題選擇多：因為WooCommerce與WordPress一起運作，有更多的設計師開發主題，例如：WooCommerce有幾千款免費主題選擇。
5.免費：由於Woocommerce為免費軟件，這吸引了不少用家安裝呢！
缺點：
自行設計與架網：你仍需要安裝其他WordPress插件來增加其功能。如果沒有設計觸感或缺乏程式知識，你是難以處理較複雜的設定，因此難以達到你心中想要的效果。
價錢：Woocomeerce是一個免費的WordPress外掛。
你只需要買虛擬主機(host) 和 網域名稱（domain），就能建設你的網店。虛擬主機大約一年120美元，而網域名稱則約15美元。
2.Shopify
網址：https://en.shopify.hk/
簡介：Shopify是一個加拿大的網站軟件，以月費形式收費，讓用家自行架設網上商店的平台，用戶可以上架貨品、設計網站、管理後台等。
推薦指數：★★★★★
優點：
1.外掛多：能夠做很多功能。
2.具備國際CDN（內容傳遞網絡）：支緩各國，無論身處於哪個國家，都能夠快速地加載網頁。
3.外觀吸引：可以用內置的設計，你無需設計網頁的外觀，只需要專注產品的管理。
缺點：
1.收費軟件：Shopify為收費軟件，用家需每月支付費用才能使用。
2.功能偏向外國：Shopify部分功能不支緩亞洲地區。
價錢：Shopify以月費形式收費，根據你所選擇的計劃，每月29-299不等。並且，有14天免費試用期，給你探索Shopify功能的機會。
關於收費你可以參考：https://www.shopify.ca/pricing
3.Shopline
網址：https://shopline.hk/
簡介：Shopline為香港品牌，支緩亞洲支付系統、物流運送等，適合用家架構亞洲市場的網上商店。
推薦指數：★★★☆☆
優點：
1.付款系統針對亞洲市場：不但設有信用卡或PayPal兩種常見的支付系統，還提供Line Pay、ATM、Payme、轉數快等，依照店家的需求進行申請。
2.物流針對亞洲市場：與一般外國平台只設郵寄方式有所不同，Shopline針對不同地區提供不同的物流服務，例如：順豐快遞、7-Eleve、FamilyMart等。
3.容易操作：與Shopify相比，Shopline的設定較少，適合新手創業使用。
缺點：
1.主題變換靈活性低：網頁功能或設計已經固定，較難作改變。。
2.限制多：若購買的是基本方案，對於上架貨品的數量有限制，如：商品件數最多是1000件。
3.部分主題普通：Shopline內置的主題較普通。
價錢： Shopline收費分為四個計劃，分別是：基本開店、進階電商、全方位新零售、企業旗艦方案。
然而，價錢相對高昂，以最基本的服務方案為例，價錢與較為高價位的Shopify基本方案相若，但從功能上比較，Shopify的基本方案則全面得多。
關於收費你可以參考：https://shopline.hk/about/pricing
4.Boutir
網址：https://www.boutir.com/HK/zh-Hant
簡介：Boutir也是另一個香港品牌，以簡單容易上手為其賣點，利用一部電話就能馬上開設一間網上商店，主打手機市場。
推薦指數：★★★☆☆
優點：
1. 針對亞洲市場：Boutir在付款系統方面，同樣提供在地化的付款方式，包括：八達通、微信支付、銀聯、PayMe、Apple PayLine Pay等。而物流方面，則提供：順豐、中通、Alfred智能櫃等，切合香港本地顧客的需要。
2.數據報告：每週皆提供重要的數據，讓用家能了解商店的整體表現，並推出相應的策略，提升銷量額。
3.收費便宜：每年年費由港幣1188元起，平均每月只需99元港幣。
缺點：
1.限制多：每個月的交易上限為30個，並且規定用家使用旗下的Apps來管理商店。
2.難以更改設計：只有固定的設計模板，用家無法自定網頁的設計。
價錢：分為三個計劃：入門計劃、商務計劃和商務Plus。
入門計劃為1188一年，平均每月99元，但限制每個月只能有30單的交易，故此推介小型企業使用商務計劃，則能享受無限的交易量。
UI/UX設計
我們常常聽見人們把UI、UX掛在嘴邊，那麼究竟它們是甚麼？
UX（user experience）是用户體驗，指顧客在你的網站上的體驗。頁面或與用户的互動、易用性、速度，都影響著顧客的感受。
UI（user interface) 則是用户介面，它指的是用戶的視角體驗，包括：應用程式每一個按鈕放在甚麼位置、字型、顏色、圖像選擇等。故此，UI和UX兩兩相對，互為影響。
以下將為你介紹數個UI/UX設計軟件：
1. Figma
網址：https://www.figma.com/
簡介：Figma是線上介面設計軟件，允許團隊多人進行設計。
推薦指數：★★★★★
優點：
1.即時協作：能夠讓多個人在同一檔案內工作，任何文字、設計的改動，都能夠即時地呈現出來。這讓設計師溝通的流程變得更透明與容易，方便他們討論與作修改。
2.免費方案：免費方案提供所有核心的功能，讓新手能夠體驗後，再作購買。
3.實時儲存：Figma檔案都會自動在雲端更新，因此不用擔心忘記儲存或誤刪除檔案等問題。
4.多主題模板：Figma內置不少主題模板讓用家選擇，用家做起UX layout也更方便。
缺點：
1.不能離線使用：必須具備網絡才能儲存在雲端上。
收費：Figma分為三個方案，如果是初階版本則是免費的，但最多只能有3個專案；如是專業版或組織版則沒有上限，價錢是每月12至45美元。
關於收費你可以參考：https://www.figma.com/pricing/
2.Sketch
網址：https://www.sketch.com/
簡介：Sketch是一款支緩MAC的UI/UX工具，為初期UI/UX設計者常用的軟件。
推薦指數：★★★☆☆
優點：
1.即時協作：Sketch在2021年5月開始則更加即時協作的功能，讓授權者不但能夠檢閱檔案，更能作共同的編輯。
2. 大量的插件和組件庫。
3. 基於矢量，能夠以完美的像素進行設計。
缺點：
1.電腦支緩：只支緩MAC，Window電腦不能使用。
收費：Sketch的基本版本是每年9元美金，每年則99美元。
關於收費你可以參考：https://www.sketch.com/pricing/
3.Adobe XD
網址：https://www.adobe.com/hk
簡介：Adobe XD全名為 Adobe Experience Design ，款一款 UI/ UX 設計軟件，支援 Windows 10 和 Mac OS。它主要用來設計行動裝置、網頁畫面以及 Prototype 呈現。
推薦指數：★★★★☆
優點：
1.容易上手：Adobe XD的介面簡單，如果你本來已經熟悉Illustrator或Photoshop的使用，那麼Adobe XD對你來說，也會容易上手的。
2.電腦支緩：無論是Window或MacOS都能安裝
3.具備「快速佈局」的功能：可以直接複製整排的原件，快速地進行水平的排版。
缺點：
1.繪圖功能：基於Adobe旗下還有Illusrator和Photoshop，因此Adobe XD內設的基本繪圖工具較少，只能純粹做介面，用來插圖繪製就比較困難。
收費：每年65元。
關於收費你可以參考：https://shop.adobe.com
銷售頁面
設立Landing Page（銷售頁面），是為了讓使用者採取特定的「行動」，如：註冊帳號、填寫表單、購買產品等。
故此，一個好的Landing page需具備吸引力的文案、使用見證、顯而易見的行動呼籲按鈕(CTA)等。
以下將介紹數個專門做銷售頁面軟件：
1.Click funnels
網址：https://www.clickfunnels.com/
簡介：ClickFunnels由Russell Brunson及其團隊於2014年建立，是一個給用戶建立網站和銷售漏斗的軟件，你可以利用它來建立登錄頁面、追加銷售(upsells)和降價銷售(downsells)等，為客戶提供更多的服務。
推薦指數：★★★★☆
優點：
1.創辦人Russell Brunson是提倡使用銷售漏斗來增加銷售量的先驅，可以說是這個業界的龍頭。
2.多元化的銷售漏斗模板：你可以根據自己的業務需要，選擇相應的漏斗，例如：擠壓頁面漏斗，電子書漏斗等等。
缺點：
1.收費高昂。
2.部分外觀普通：部分Clickfunnel內的主題外觀一式一樣，加上主題外觀遭到濫用，讓人看起來就像詐騙網站。
3.銷售漏斗和訪問者的限制：如果你是選擇最便宜的方案，則限制你只可以建立20個漏斗和20000個訪問者。若你不想受限制，則要升級至Plantinum計劃。
價錢：
- 基本計劃：97美元一個月，但你最多只能建立20個漏斗和擁有20000個訪問者，也無法訪問Follow-Up funnels 和 Backpack。
- 升級計劃：每月花費約297美元，就沒有以上的限制。
2.Leadpages
網址：https://www.leadpages.com/welcome
簡介：Leadpages在2012年成立於美國，賣點是架站方便，不需要懂得任何程式，也能製作著陸頁（Landing Page），故此吸引用戶使用，至今已經擁有超過40000名用戶。
推薦指數：★★★★☆
優點：
1.大量模板使用：超過130個免費和付費模板，你只需要編輯文字，幫助你快速建立landing page。
2.經濟實惠：標準版本也只是每個月37美元。
3.拖放編輯：2016年起，Leadpages提供拖放編輯（Drag and drop editing），使用起來更為方便。
缺點：
1.缺乏電子郵件營銷服務
2.標準計劃只提供有限的A/B測試
3.拖放生成器速度緩慢
價錢：LeadPages分為兩個方案，標準版是每個月37美元，而專業版則是74美元。
關於收費你可以參考：https://www.leadpages.com/pricing
網上課程軟件
隨著疫情蔓延全球，對全球市民日常生活造成影響，不少學校亦相繼停課，取而代之的就是以網上直播形式作教學。
如果你也有一技之長，想與他人分享知識，卻不知如何開始？這一章將為你介紹課程建設軟件：
1.Kajabi
網址：https://kajabi.com/
簡介：Kajabi成立於2010年，提供專業外觀的網站主題，用家可根據公司的需要，自定義吸引顧客目光的課程網站。
推薦指數：★★★★★
優點：
1.功能齊備：例如：擁有漂亮的Email模板，讓你能建立一個吸引顧客的營銷郵件。
2.營銷渠道：Kajabi提供模板，你能根據出售的商品和目標受眾的期望來建立網站及內容，並將營銷及銷售融合在一起。這不但能夠增強顧客的體驗，更能為公司帶來銷售額。
3.分析工具：Kajabi提供每月收入、用戶平均收入、學生流失率、頁面瀏覽量等資訊，讓你了解課程的不足，從而改善課程內容。
缺點：
1.價錢高昂：與Teachable和Thinkific相比，Kajabi價錢昂貴，最便宜的計劃也要一個月119美元。
價錢：
Kajabi不提供免費計劃，只有3款付款計劃。
- 基本計劃：一個月119美元，只能發布3門課程。
- 成長計劃:159元一個月，能發布15門課程。
- 專業計劃：每月付319美元，便能發布100門課程。
關於收費你可以參考：https://kajabi.com/pricingg/
2.Teachable
簡介：如果你是剛剛開始網上課程，Teachable就十分適合你使用了，你不需要投放太多精力於學習困難的技術，只需要專注建立課程、與學生溝通、推廣課程等就可以了。
推薦指數：★★★★☆
優點：
1.容易使用：由於課程建構器容易使用，故此你只要準備好所有內容，就能把課程內容上傳至網頁上，無需任何編程經驗，只需專注建立和籌備課程內容。
2.混合媒體：利用Teachable，你可以在課程頁面上同時添加video或文字，讓學習者能夠看看課程介紹片段，增加他們報讀課程的興趣。
缺點：
1.付款時間長：如果你是使用Teachable的付款系統，付款時間較長，你需要等大概30天，才能完成交易。若不想等那麼長時間，就要升級到付費計劃，把你的賬戶連接至PayPal。
2.昂貴交易費：如果你使用免費計劃，Teachable將收取10%的交易費；若你使用的是基本計劃，也將收取5%的交易費；若用Professional計劃，Teachable也將收取2%的交易費。
3.無法自定義：因為Teachable大部分的內容都無法自定義，故此熟悉網頁設計的人，一看就知道你是使用了Teachable。故此，如果你是想製作一個與眾不同，具備風格的課程網頁，那麼Teachable未必適合你了。
價錢：
Teachable有14日免費試用期，試用過後覺得不錯的話，你也可以考慮購買。
- 基本版：為每月29美元，你便可以擁有主要功能，包括：自定義域名、電子郵件營銷、運行聯盟營銷會員計劃。
- 專業版：則可以即時獲得你所賺取的資金，每月99美元。
- 商業版：每個月249美元，適合更大的課程和學校使用，能夠同時有25位編輯者。
關於收費你可以參考：https://teachable.com/pricing/comparison
3.Thinkific
網址：https://www.thinkific.com/
簡介：Thinkific成立於2012年，它的介面與Teachable不相伯仲，是僅次於Teachable的平台。
推薦指數：★★★★☆
優點：
1.多國語言：優勝於Teachable的地方是，Thinkific的學生界面擁有多於9種語言，便利不同國籍學生使用
2.設交流平台：老師可以在每一個課程下建立討論平台，讓同一個課程學生提出問題、進行交流。
3.運作性：Thinkific提供24小時監察，以保持其正常運作。因此，Thinkific 大部分時間都是正常運作的。
缺點：
1.不設博客功能：Thinkific不像Teachable擁有內置的博客功能，你需要使用WordPress來建立網誌。
價錢：
免費計劃允許建立3門課程，並且擁有無限學生。
- 基本計劃：每月是39美元，那你就可開設無限課程，並可以發電郵給學生。
- 專業版:每月是79美元，便擁有2個網站管理員、5個課程管理員等。
- Premier計劃：每月為399美元，你便可以擁有50位課程管理員、15位集團分析師。
關於收費你可以參考：https://www.thinkific.com/pricing//
4. Learnworlds
網址：https://www.learnworlds.com
簡介：LearnWorlds是電子線上教學製作軟件，教學及測驗功能齊備，更設Zoom連接功能，讓你能夠開辦直播課程。如果你也有技能或知識想向大家分享， LearnWorlds就很適合你了。
推薦指數：★★★☆☆
優點：
1.交互式電子書：LearnWorlds提供電子書模板，讓用家輕鬆製作生動的電子書，學生在看電子書時，也可以記下或標示重要的文本，幫助學習。
2.美觀設計：LearnWorlds提供300多種設計模板，用家可以用來創建主頁、登錄頁面、銷售頁面、課程頁面等。
3.內置社交網絡：LearnWorlds具備內置的社區網絡，無需使用第三社區應用程式讓學生之間有所交流。
缺點：
1.支緩服務：遇上技術問題，客服未能即時回應，大多要等待數天或數週。
價錢：
Learnworlds提供30天的免費試用期。
- Starter：每月為29美元，能擁有1名Admin，但每一個課程額外收取5美元的交易費。
- Pro Trainer：每月收取99美元，則無需額外給予5美元的交易費，並能擁有5名Admins。
- Learning Center:最多人使用此計劃，每月付299美元，就能夠擁有20名Admins。
- Learning Center&2Mobile apps：每月為465.8美元，則能擁有適用於IOS和Apple的應用程式。
關於收費你可以參考：https://www.learnworlds.com/pricing/
編程軟件
學習編寫程式，一定要具備一款介面美觀而且又好用的程式碼編輯器。
以下將介紹4款常見的程式碼編輯器，一定有一款符合你的使用要求。
1.Visual Studio Code
網址：https://code.visualstudio.com/
簡介：Visual Studio Code是一個輕量級，且功能繁多的原始碼編輯器，適用於絕大多數的程式語言，因此也是最多人使用的編程軟件！
推薦指數：★★★★★
優點：
1. 支緩廣泛：適用於大部分裝置，如：Windows、MacOS和Linux等。
2. 插件配置：Visual Studio Code 有插件商店，無需從網站上下載，只需要單擊就能下載和安裝擴展程式。
3.跨平台：内置了对JavaScript， TypeScript and Node.js，C++，C#，Python， PHP等語言。
價錢：Visual Studio Code免費開放給用家下載。
關於收費你可以參考：https://code.visualstudio.com////
2.Notepad ++ (Window)
網址：https://notepad-plus-plus.org/
簡介：Notepad++是由一位台灣人所開發的原始碼軟體，功能強大、操作簡單，不但能夠用作文字編輯，也能用作協電腦程式。
推薦指數：★★★★☆
優點：
1.文字顏色：長期看著密密麻麻的程式，是很容易誤寫的，因此Notepad為減低用家誤打的機會，為文字提供不同顏色的顯示。
2. 語法摺疊功能：語法摺疊功能可以方便用家在程式碼上的編修及整理，使打程式時更為方便與快捷。
缺點：
1.不支緩Mac: Notepad++僅支緩window，並不支緩Mac。
價錢：免費安裝
3.Sublime
網址：https://www.sublimetext.com/
簡介：Sublime Text由程式設計師Jon Skinner在2008年所開發出來，是一款輕量、簡潔的代碼編輯器軟件，也是HTML和文章寫作的文本編輯器。
推薦指數：★★★★☆
優點：
1.支緩廣泛：Sublime支緩Mac OS X，Windows，Linus，Python等平台。
2.具備拼寫檢查的功能，避免用家因大意而造成錯誤。
缺點：
1.速度慢：啟動的速度雖然很快，但一旦外掛多了，Sublime間中便會崩潰。
2.插件配置不便：很多插件sublime2和sublime3不兼容。
價錢：Sublime是一款收費軟件，但用家享有無限的試用期。
4.Coda
網址：https://coda.io/
簡介：這是Panic公司推出的一款適用於Mac的網頁程式設計軟件。Coda不但輕巧，且具備多項功能，將Word和Excel結合，能夠幫助團隊處理文檔。
推薦指數：★★★★☆
優點：
1.自動儲存：Coda具備自動儲存與文件歷史記錄的功能，故此即使忘記儲存也無需擔心了。
缺點：
1.穩定性欠佳：若輸入中文字，則即時影響Coda的運作。
2.設計無法自訂：文字顏色和底色的選擇不多，用家也無法自訂格式，靈活性較低。
3.付費軟件：不像Visual Studio Code，Coda是一個付費軟件。
價錢： Coda分為4個計劃，若只是想試一試基本計劃的話，可以用免費版，可做基本的編輯。
- 專業計劃：每月為10美元，你便可以擁有5GB的檔案量。
- 團隊計劃：每月為30美元，你便能擁有無限容量。
- 企業計劃：適合大型公司使用，功能更多，限制也更少。
詳情可參考：https://coda.io/pricing
結語
以上就是常用的21個網頁設計軟件了！
希望我的推介，能夠幫助大家網頁開發的道路上，更加得心應手！
你可能也會喜歡...
Woocommerce教學 - 低成本, 建立Wordpress網店
這篇「Woocommerce教學」,會Step by Step教你, 以接近0成本, 去建立Wordpress網店。
加入我們的Email List
免費參加【網頁開發入門CRASH COURSE】線上課程！
