【鬍子科技學院】來自網頁編程師的 21 個架站免費、付費軟體工具分析

Checking health with medical website
Source: Envato Elements

本文由 鬍子科技學院 授權轉載。

自架網站說難不難,但工欲善其事,必先利其器,如果有人指點好用的工具,自然可以為你省下許多時間和精力去研究其實用性。香港鬍子科技學院創辦人兼網頁編程師鬍子 Jack 在本文中介紹了 21 個最常被用來設計網頁的軟體,希望對你有所幫助!

這文將會以 6 個類別介紹 21 個網頁設計最常用的軟件:

第 1 類 架網軟件

架網平台五花八門,如今自行架網已經不是一件難事。你可以租用虛擬主機來製作 WordPress 網站,也可以使用架網平台,製作出精美的網頁。

  1. WordPress
  2. Wix
  3. Webflow
  4. Square Space

1. WordPress

Anywhere
Source: WordPress

網址:https://wordpress.org/

簡介:WordPress 是一個非常受歡迎的架站軟件,具備大量免費模板,即使不懂編程也好,你也可以利用 WordPress 來製作簡單的網站。

推薦指數:★★★★★

優點

1. 外掛功能多:WordPress 擁有 5 萬個以上的外掛,很多外掛都能免費安裝,讓你盡情使用。

2. 豐富的佈景主題:WordPress 提供不同主題的佈景主題,只要更改文字與圖片,沒有 IT 知識的人也能輕鬆架網!

3. 可以自行開發新的功能及外觀:你會編程的話,可以利用Wordpress作為CMS去做外觀及功能的開發

缺點

1. 要花時間學習:WordPress 功能較多、較完善,新手需要花更多的時間來掌握其用法。

2. 需自行管理:不像其他軟件有專家團隊協助,有問題時,你需要依賴網上論壇的方案自行解決,承擔風險,並需要自行定期為網站作備份與維護工程。

收費
免費(但需要主機和網址費用)。

2. Wix

Anywhere
Source: 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

Anywhere
Source: Webflow

網址:https://webflow.com

簡介:Webflow 是個網頁設計軟件,標榜使用者沒有程式基礎,還是可以輕鬆建置出個人風格強烈的網站。

推薦指數:★★★☆☆

優點

1. 無需對程式語言有深入的了解。

2. 教學資源充足,提供 Webflow University 教學,並針對你執行上的問題給予解答。

缺點

1. 獨特的架網方式:Webflow 有其獨特的架網方式,用家需學習 Webflow 的開發方法。

2. 外觀和功能有限制:模板上部分的外觀和功能,不能作更改。

收費

Webflow 根據你的需要,提供不同的計劃,價錢也因而有所差異。

  • 基本網頁建構:每月美元 $12,提供服務包括託管、免費 SSL 和每月高達 25,000 次訪問。
  • 電子商務計劃:每月費用為美元 $29,適合建立網店,提供包含其 CMS 計劃中提供的所有功能、500 個項目和 3 名員工訪問權限。

有關更多收費詳情,你也可以參考:https://webflow.com/pricing

4. Square Space

Anywhere
Source: 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

第 2 類 電子營商

在疫情下,網上商店成為人們的購物天堂,足不出戶也能買到我們的心頭好。假如你也想開設網店,你可以選擇以下多個電子商務軟件:

  1. Woocommerce
  2. Shopify
  3. Shopline
  4. Boutir

1. WooCommerce

Anywhere
Source: WooCommerce

網址:https://woocommerce.com

簡介:WooCommerce 是一款安裝在 WordPress 上的電子商務外掛,幫你的網站加上 e-commerce 的功能。包括:貨品管理、購物車、網上信用卡等,讓用家不但能夠寫 Blog,更能夠開設網上商店。

延伸閱讀:《WooCommerce 教學-低成本,建立 WordPress 網店》

推薦指數:★★★★★

優點

1. 容易操作:WooCommerce 安裝方法簡單,只需要在 WordPress 的後台「外掛」搜尋 WooCommerce 這個字,就能成功安裝。安裝完畢後,它有引導的介面,讓你認識 WooCommerce 的基本操作,因此新手也能輕易上手。

2. 提供財報分析:你可以根據日期,來看看每天和每月的銷售量,進而改變自己的營商策略。

3. 商品設定多元化:WooCommerce 沒有太多的限制,例如:商品的數量、類型等,讓你可以根據自己公司的需要來作更改,方便管理。

4. 主題選擇多:因為 WooCommerce 與 WordPress 一起運作,有更多的設計師開發主題,例如:WooCommerce 有幾千款免費主題選擇。

5. 免費:由於 WooCommerce 為免費軟件,這吸引了不少用家安裝呢!

缺點

1. 自行設計與架網:你仍需要安裝其他 WordPress 外掛來增加其功能。如果沒有設計觸感或缺乏程式知識,你是難以處理較複雜的設定,因此難以達到你心中想要的效果。

收費

WooCommerce 是一個免費的 WordPress 外掛。

你只需要買虛擬主機(Host)和網域名稱(Domain)就能建設你的網店。虛擬主機大約一年美元 $120,而網域名稱則約美元 $15。

2. Shopify

Anywhere
Source: 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

Anywhere
Source: SHOPLINE

網址:https://shopline.hk/

簡介:SHOPLINE 為香港品牌,支援亞洲支付系統、物流運送等,適合用家架構亞洲市場的網上商店。

推薦指數:★★★☆☆

優點

1. 付款系統針對亞洲市場:不但設有信用卡或 PayPal 兩種常見的支付系統,還提供 Line Pay、ATM、Payme、轉數快等,依照店家的需求進行申請。

2. 物流針對亞洲市場:與一般外國平台只設郵寄方式有所不同,SHOPLINE 針對不同地區提供不同的物流服務,例如:順豐快遞、7-Eleven、FamilyMart 等。

3. 容易操作:與 Shopify 相比,SHOPLINE 的設定較少,適合新手創業使用。

缺點

1. 主題變換靈活性低:網頁功能或設計已經固定,較難作改變。如果要增加版型樣式,則需懂得程式語言。

2. 限制多:若購買的是基本方案,對於上架貨品的數量有限制,如:商品件數最多是 1,000 件。

3. 部分主題普通:SHOPLINE 內置的主題較簡陋,不太吸引顧客。

收費

SHOPLINE 收費分為四個計劃,分別是:基本開店、進階電商、全方位新零售、企業旗艦方案。然而,價錢相對高昂,以最基本的服務方案為例,價錢與較為高價位的 Shopify 基本方案相若,但從功能上比較,Shopify 的基本方案則全面得多。

關於收費你可以參考:https://shopline.tw/about/pricing

4. Boutir

Anywhere
Source: Boutir

網址:https://www.boutir.com/HK/zh-Hant

簡介:Boutir 也是另一個香港品牌,以簡單容易上手為其賣點,利用一部電話就能馬上開設一間網上商店,主打手機市場。

推薦指數:★★★☆☆

優點

1. 針對亞洲市場:Boutir 在付款系統方面,同樣提供在地化的付款方式,包括八達通、微信支付、銀聯、PayMe、Apple Pay、Line Pay 等。而物流方面,則提供:順豐、中通、Alfred 智能櫃等,切合香港本地顧客的需要。

2. 數據報告:每週皆提供重要的數據,讓用家能了解商店的整體表現,並推出相應的策略,提升銷量額。

3. 收費便宜:每年年費由港幣 1,188 元起,平均每月只需港幣 99 元。

缺點

1. 限制多:每個月的交易上限為 30 個,並且規定用家使用旗下的 Apps 來管理商店。

2. 難以更改設計:只有固定的設計模板,用家無法自定網頁的設計。

收費

分為三個計劃:入門計劃、商務計劃和商務 Plus。

入門計劃為港幣 1,188 元一年,平均每月港幣 99 元,但限制每個月只能有 30 單的交易,故此推介小型企業使用商務計劃,則能享受無限的交易量。

關於收費你可以參考:https://www.boutir.com/subscription?region=HK

第 3 類 網站設計(UI/UX 設計)

我們常常聽見人們把 UI、UX 掛在嘴邊,那麼究竟它們是甚麼?UX(User Experience)是用户體驗,指顧客在你的網站上的體驗。頁面或與用户的互動、易用性、速度都影響著顧客的感受。

UI(User Interface) 則是用户介面,它指的是用戶的視角體驗,包括應用程式每一個按鈕放在甚麼位置、字型、顏色、圖像選擇等。故此,UI 和 UX 兩兩相對,互為影響。

以下將為你介紹數個 UI/UX 設計軟件:

  1. Figma
  2. Sketch
  3. Adobe XD

1. Figma

Anywhere
Source: 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

Anywhere
Source: Sketch

網址:https://www.sketch.com/

簡介:Sketch 是一款支緩 MAC 的 UI/UX 工具,為初期 UI/UX 設計者常用的軟件。

推薦指數:★★★☆☆

優點

1. 即時協作:Sketch 在 2021 年 5 月開始增加即時協作的功能,讓授權者不但能夠檢閱檔案,更能作共同的編輯。

2. 大量的插件和組件庫。

3. 基於矢量,能夠以完美的像素進行設計。

缺點

1. 只支援特定操作系統:只支援 MAC,Windows 電腦不能使用。

收費

Sketch 的基本版是每年美元 $9 ,每年則美元 $99。

關於收費你可以參考:https://www.sketch.com/pricing/

3. Adobe XD

Anywhere
Source: 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. 電腦支援:無論是 Windows或 MacOS 都能安裝。

3. 具備「快速佈局」的功能:可以直接複製整排的原件,快速地進行水平的排版。

缺點

1. 繪圖功能:基於 Adobe 旗下還有 Illusrator 和 Photoshop,因此 Adobe XD 內設的基本繪圖工具較少,只能純粹做介面,用來插圖繪製就比較困難。

收費

每年港幣 68 元起。

關於收費你可以參考:https://shop.adobe.com

第 4 類 銷售頁面

設立 Landing Page(銷售頁面)是為了讓使用者採取特定的「行動」,如:註冊帳號、填寫表單、購買產品等。故此,一個好的 Landing Page 需具備吸引力的文案、使用見證、顯而易見的行動呼籲按鈕(CTA)等。

以下將介紹數個專門做銷售頁面軟件:

  1. Click funnels
  2. Leadpages

1. Click funnels

Anywhere
Source: Click funnels

網址:https://www.clickfunnels.com/

簡介:ClickFunnels 由 Russell Brunson 及其團隊於 2014 年建立,是一個給用戶建立網站和銷售漏斗的軟件,你可以利用它來建立登錄頁面、追加銷售(Upsells)和降價銷售(Downsells)等,為客戶提供更多的服務。

推薦指數:★★★★☆

優點

1. 創辦人 Russell Brunson 是提倡使用銷售漏斗來增加銷售量的先驅,可以說是這個業界的龍頭。

2. 多元化的銷售漏斗模板:你可以根據自己的業務需要,選擇相應的漏斗,例如:擠壓頁面漏斗,電子書漏斗等等。

缺點

1. 收費高昂。

2. 部分外觀普通:部分 ClickFunnels 內的主題外觀一式一樣,加上主題外觀遭到濫用,讓人看起來就像詐騙網站。

3. 銷售漏斗和訪問者的限制:如果你是選擇最便宜的方案,則限制你只可以建立 20 個漏斗和 2 萬個訪問者。若你不想受限制,則要升級至 Platinum 計劃。

收費

  • 基本計劃:美元 $97 一個月,但你最多只能建立 20 個漏斗和擁有 2 萬個訪問者,也無法訪問 Follow-Up funnels 和 Backpack。
  • 升級計劃:每月花費約美元 $297 就沒有以上的限制。

關於收費你可以參考:https://affiliates.clickfunnels.com/optin32420079

2. Leadpages

Anywhere
Source: Leadpages

網址:https://www.leadpages.com/welcome

簡介:Leadpages 在 2012 年成立於美國,賣點是架站方便,不需要懂得任何程式也能製作銷售頁面(Landing Page),故此吸引用戶使用,至今已經擁有超過 4 萬名用戶。

推薦指數:★★★★☆

優點

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

第 5 類 網上課程軟件

隨著疫情蔓延全球,對全球市民日常生活造成影響,不少學校亦相繼停課,取而代之的就是以網上直播形式作教學。

如果你也有一技之長,想與他人分享知識卻不知如何開始?這一章將為你介紹課程建設軟件:

  1. Kajabi
  2. Teachable
  3. Thinkific
  4. Learnworlds

1. Kajabi

Anywhere
Source: 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/pricing/

2. Teachable

Anywhere
Source: Teachable

網址:https://teachable.com/

簡介:如果你是剛剛開始經營網上課程,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

Anywhere
Source: 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

Anywhere
Source: 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/

第 6 類 編程軟件

學習編寫程式,一定要具備一款介面美觀而且又好用的程式碼編輯器。以下將介紹 4 款常見的程式碼編輯器,一定有一款符合你的使用要求。

  1. Visual Studio Code
  2. Notepad ++ (Window)
  3. Sublime
  4. Coda

1. Visual Studio Code

網址:https://code.visualstudio.com/

簡介:Visual Studio Code 是一個輕量級,且功能繁多的原始碼編輯器,適用於絕大多數的程式語言,因此也是最多人使用的編程軟件!

推薦指數:★★★★★

優點

1. 支援廣泛:適用於大部分裝置,如 Windows、MacOS 和 Linux 等。

2. 插件配置:Visual Studio Code 有外掛商店,無需從網站上下載,只需要單擊就能下載和安裝擴展程式。

3. 跨平台:内置了 JavaScript、TypeScript、Node.js、C++、C#、Python、PHP 等語言。

收費

Visual Studio Code 免費開放給用家下載。

關於收費你可以參考:https://code.visualstudio.com

2. Notepad ++(Windows)

網址:https://notepad-plus-plus.org/

簡介:Notepad++ 是由一位台灣人所開發的原始碼軟體,功能強大、操作簡單,不但能夠用作文字編輯,也能用作協電腦程式。

推薦指數:★★★★☆

優點

1.文字顏色:長期看著密密麻麻的程式是很容易誤寫的,因此 Notepad 為減低用家誤打的機會,為文字提供不同顏色的顯示。

2. 語法摺疊功能:語法摺疊功能可以讓用家在程式碼上做編修及整理,使打程式時更為方便與快捷。

缺點

1. 不支援 Mac:Notepad++ 僅支緩 Windows,並不支援 Mac。

收費

免費安裝。

下載連結:https://notepad-plus-plus.org/downloads//

3. Sublime

網址:https://www.sublimetext.com/

簡介:Sublime Text 由程式設計師 Jon Skinner 在 2008年 所開發出來,是一款輕量、簡潔的代碼編輯器軟件,也是 HTML 和文章寫作的文本編輯器。

推薦指數:★★★★☆

優點

1. 支援廣泛:Sublime 支緩Mac OS X、Windows、Linux、Python 等平台。

2. 具備拼寫檢查的功能,避免用家因大意而造成錯誤。

缺點

1. 速度慢:啟動的速度雖然很快,但一旦外掛多了,Sublime 間中便會崩潰。

2. 插件配置不便:很多插件 Sublime2 和 Sublime3 不兼容。

收費

Sublime 是一款收費軟件,但用家享有無限的試用期。

詳情可參考:https://www.sublimehq.com/store/text

4. Coda

網址:https://coda.io/

簡介:這是 Panic 公司推出的一款適用於 Mac 的網頁程式設計軟件。Coda 不但輕巧,且具備多項功能,將 Microsoft Word 和 Excel 結合,能夠幫助團隊處理文檔。

推薦指數:★★★★☆

優點

1. 自動儲存:Coda 具備自動儲存與文件歷史記錄的功能,故此即使忘記儲存也無需擔心。

缺點

1. 穩定性欠佳:若輸入中文字,則即時影響 Coda 的運作。

2. 設計無法自訂:文字顏色和底色的選擇不多,用家也無法自訂格式,靈活性較低。

3. 付費軟件:不像 Visual Studio Code,Coda 是一個付費軟件。

收費

Coda 分為 4 個方案,若只是想試一試基本方案的話,可以用免費版,可做基本的編輯。

  • 專業方案:每月為美元 $10,你便可以擁有 5GB 的檔案量。
  • 團隊方案:每月為美元 $30,你便能擁有無限容量。
  • 企業方案:適合大型公司使用,功能更多,限制也更少。

詳情可參考:https://coda.io/pricing

結語

以上就是常用的 21 個網頁設計軟件了!希望我的推介能夠幫助大家網頁開發的道路上更加得心應手!

香港網頁編程師鬍子Jack

Jack Chan

Jack 是一名在香港出身的網頁編程師。

2014 年,他因為受不了刻板的生活而辭職創立「鬍子科技學院」,進行網頁設計及相關的培訓。

Jack 喜愛旅行、沖浪和閱讀。他也會不時在 YouTube 分享編程教學。

✦✦✦

Anywhere 是一個未來工作者社群,願景是為未來的工作者創造可能性,增加流動性,以及保有人性化的生活。

點擊下方按鈕加入和追蹤 Anywhere 的 Discord 和 Instagram。喜歡我們的內容,也可以點選珍奶按鈕請編輯喝珍奶!

Subscribe to our newsletter

訂閱電子報,獲得最新event資訊、數位遊牧、遠距工作等新知,不漏接任何未來工作者的消息!

不定時提供優惠資訊!不要錯過!