Windows 網頁設計軟體

Mobirise 是免費的 Windows 網頁設計軟體:一個 105 MB 的安裝檔、可拖放到頁面上的現成區塊,沒有網路也能繼續編輯。完成後,可透過 FTP 傳送到您的主機、發布到 GitHub Pages,或把 HTML 檔案留在資料夾中。

免費下載適用於 Windows、macOS 和 Linux
或在瀏覽器中試用
以 Mobirise 製作的電腦升級公司網站(EngineM5 佈景主題), 電腦版畫面 以 Mobirise 製作的住宅建商網站(ApexM5 佈景主題), 電腦版畫面 以 Mobirise 製作的醫師診所網站(EvolveM5 佈景主題), 電腦版畫面

2026 年 10 月更新 · 作者:Mobirise 團隊

Windows 使用者首先該知道的事

您要安裝的檔案
MobiriseSetup.exe,約 105 MB,可從 history.mobirisesite.com 取得,該網站同時提供版本紀錄。目前的版本為 6.1.12。
支援的系統
Windows 7 或更新版本,因此 Windows 10 和 11 電腦都適用。同一款應用程式也有適用於 macOS 10.13 High Sierra 或更新版本,以及 Ubuntu 等以 Debian 為基礎的 Linux 的版本。
製作方式
從區塊庫挑選區塊、放到頁面上,再點進任何標題或照片進行替換。各區塊的參數可調整間距與背景、變更欄數,並決定顯示哪些部分。
費用
個人或商業用途皆免費;免費版內建一個基本佈景主題,內含 200 多個區塊。KIT 方案每年 US$149,可使用含擴充功能在內的全部 220 多款付費佈景主題,並移除 Mobirise 品牌標示。
AI 草稿
用一句話概述網站,或把手繪草圖、螢幕截圖交給 Mobirise AI,就會產生 4 種設計方案,每一種都已配好文案和圖片。不付費也能每月使用 3 次 AI 生成。
沒有網路連線時
編輯、預覽,以及您硬碟上已有的佈景主題和區塊都能繼續使用。只有 AI 生成、發布、登入或購買,以及取得更新或新佈景主題時,才需要連上網路。
網站發布到哪裡
透過 FTP 或 FTPES 上傳到任何主機,發布到 GitHub Pages,或把檔案保留在本機;所有方案都不限制這些方式。另可在 mobirisesite.com 取得免費的 HTTPS 位址,最多可放 3 個網站。
產生的內容
以一般 HTML、CSS 和 JS 檔案儲存的 Bootstrap 5 頁面,圖片會自動轉成 WebP。若要手動修改程式碼,需要付費方案隨附的 Code Editor 擴充功能。
不足之處
不支援自由定位,手機沒有獨立的版面配置,也無法開啟其他程式產生的 HTML。

哪些情況仍需要網路連線,以及離線作業在什麼時候最划算,請見我們的離線網站建構器指南。

“A free, simple, drag and drop mobile responsive Web site builder”(一款免費、簡單、可拖放的響應式行動網站建構器),Network World 評論,2015 年

Windows 網頁設計軟體的三種類型

如果目標是做出一個能正常運作的網站,有三類工具值得考慮。它們的差別在於誰來撰寫 HTML,以及專案存放在哪裡。

視覺化建構器

您負責排版,程式負責寫程式碼

WYSIWYG Web Builder、CoffeeCup Site Designer 和 Mobirise 安裝在您的電腦上,當您擺放物件或區塊時,它們就會產生 HTML 標記。多數人所說的 Windows 網站建構器就是這一類,適合想做網站、又不想研究 HTML 的小型公司、社團和自由工作者。Mobirise 屬於這一類,使用的是現成的響應式區塊,而不是空白畫布。

程式碼優先的編輯器

您直接檢視並調整標記

Adobe Dreamweaver、Pinegrow 和 Bootstrap Studio 把 HTML 和 CSS 與即時預覽並排顯示。它們適合了解類別、網格和媒體查詢的人,開啟既有專案和建立新專案一樣方便。學習曲線較長,但控制更細緻。

網頁版建構器

免安裝,主機一併提供

8B AI、Webflow、Wix 和 Squarespace 在電腦上的 Edge 或 Chrome 中執行,和在其他裝置上完全一樣。登入後編輯器就會出現,但專案存放在它們的伺服器上,每次修改都需要連線。Mobirise 在 a.mobirise.com 也是這種運作方式,所使用的引擎與安裝版應用程式完全相同。

這類評比文章中也常出現影像編輯器和設計稿應用程式。它們負責繪製版面和圖形;要把設計稿變成真正的網頁,仍需要上述三類工具之一。

七款 Windows 網頁設計軟體比較

在尋找電腦網頁設計軟體時,人們最常列入候選的幾款程式,從免費到訂閱制都有。其中六款安裝在您的電腦上;8B AI 僅能在瀏覽器中使用,列入只是作為參考。其他工具表現較好的項目也照實保留。

Mobirise 與 WYSIWYG Web Builder、Bootstrap Studio、8B AI、Pinegrow、Adobe Dreamweaver 和 CoffeeCup Site Designer 的比較
MobiriseWYSIWYG Web BuilderBootstrap Studio8B AIPinegrowAdobe DreamweaverCoffeeCup Site Designer
支援平台提供 Windows 7 或更新版本、macOS 10.13 或更新版本,以及以 Debian 為基礎的 Linux 的應用程式,另可在任何瀏覽器中使用僅限 Windows;Mac 和 Linux 另有獨立的產品Linux、macOS,以及 Windows 10 或更新版本在瀏覽器中執行,手機也能用;Windows 上無需安裝任何東西Windows、macOS、Linux,另有瀏覽器版Windows 10(1903 版或更新版本)和 11,以及 macOSWindows 7 或更新版本、macOS 10.13 或更新版本
價格與計費方式免費,商業用途也可使用。年費方案:KIT 每年 US$149,含所有付費佈景主題和擴充功能;BASE 每年 US$199、GROW 每年 US$249,另增加使用自訂網域的代管網站,以及更多 AI 額度21 版一次付費 US$59.95(查核當天,秋季特價顯示為 US$39.95);在下一個主要版本推出前都可更新一次付費 US$29(Standard,含一年升級),或 US$59 的 Lifetime 版設計免費;要發布則須升級 Pro 方案,年繳計價每月 US$9一次付費 US$149(含一年更新)、每年 US$99,或每月 US$12年約方案、按月計費,每月 US$22.99一次付費 US$99;授權為永久授權,含一年升級
所需技能入門無需任何基礎;只有加裝 Code Editor 時才需要懂 HTML簡單頁面無需基礎;斷點需要多加練習低至中等;懂 Bootstrap 會有幫助無需基礎;一句話描述網站就夠了中等;圍繞真正的 HTML 和 CSS 設計此處最高:附帶視覺輔助的程式碼編輯器中等;需了解 CSS 類別、網格和 flexbox
可否離線使用編輯和預覽可以離線;AI 和發布需要連線可以,作為桌面程式使用;其 AI 要透過 OpenAI 帳號可以,據廠商所述可完全離線不行編輯電腦上的本機檔案;AI 和發布需要連線可以,但須每 30 天進行一次線上授權檢查,年約方案有 99 天寬限期桌面應用程式;其一鍵主機服務需要連線
AI每個提示詞產生 4 種設計方案,可從文字、手繪草圖或螢幕截圖開始;免費方案每月 3 次生成,BASE 為 100 次,GROW 為 1,000 次21 版提供文字生成網站和圖片生成網站,需透過您自己的 OpenAI 帳號,可能產生額外費用AI 助理可編輯及生成整頁,需使用您自己的 API 金鑰免費方案:一句話就能產生完整設計;Pro 增加對話式編輯,並提供每月 100 點數AI 助理可處理標記、樣式,並依圖片建立頁面;使用 Pinegrow 點數或您自己的金鑰產品頁面上沒有相關說明產品頁面上沒有提到
響應式做法Bootstrap 5 區塊自動適應;沒有手機專用版面彈性或絕對版面,具備斷點、版面格線、flexbox 和 CSS gridBootstrap 3、4 或 5 網格,附視覺化控制每個生成的設計都會自動適應Bootstrap、Tailwind 或純 CSS;可並排編輯多種螢幕尺寸Bootstrap 5.3、4 或 3 範本,或自訂 CSSBootstrap 4、Foundation 6、Materialize 或不使用框架;可自訂斷點
發布方式透過 FTP/FTPES 上傳到您的主機、發布到 GitHub Pages,或匯出到資料夾,所有方案皆可;另有免費子網域,可放 3 個網站內建上傳工具支援 FTP、FTPS 和 SFTP;也可發布到本機磁碟機以 SFTP 傳到任何伺服器、靜態匯出,或使用廠商的主機服務(Standard 版第一年免費)Pro 方案可使用廠商的主機,附 SSL 並可綁定自己的網域;Pro 方案也能匯出 HTMLPinegrow Online、SFTP、GitHub、Netlify 或 Cloudflare PagesFTP、SFTP、FTPS、WebDAV 或網路資料夾CoffeeCup 自家主機,或匯出 HTML 和 CSS 供任何伺服器使用
能否編輯其他程式製作的 HTML不行;無法匯入外部 HTML可以,能匯入 HTML 頁面可以,把檔案拖進去即可方案中未列出可以,任何 HTML 網站皆可可以,作為程式碼編輯器使用產品頁面上未說明
最適合用現成區塊免費建站,附 AI 草稿,且主機可自行選擇在 Windows 上以一次性費用製作自由、精確定位的頁面需要程式碼存取權、且想要最低一次性價格的 Bootstrap 專案在付費上線之前,免費試用 AI 設計以視覺化方式編輯既有 HTML、Tailwind 或 Bootstrap 專案的開發者已經在付 Creative Cloud 費用的寫程式的人想自選框架並擁有永久授權、懂 CSS 的設計師

每個儲存格都已在 2026 年 10 月 13 日查核,資料僅取自各廠商自己的網站:價格頁面、產品頁面和說明文件。所有價格皆為未稅美元。一次性授權涵蓋您購買的版本以及表中所列的更新期間,而像 Pinegrow 這類訂閱制,到期後應用程式就會停止運作。Mobirise 方案到期後,已發布的網站仍會保持在線上,應用程式則退回免費版。特價活動來來去去,許多評比文章引用的也是較舊的數字,因此購買當下請向廠商確認每一項價格。

該選哪一款 Windows 工具

沒有哪一款適用於 Windows 的網站建構器適合所有人。這取決於您是否會接觸程式碼、偏好的付費方式,以及網站要放在哪裡。我們的推薦中也包含不是我們自己的工具。

免費,檔案歸您所有
Mobirise:應用程式免費,可將任意數量的網站發布到您自己的主機,連上網路時還能使用 AI 草稿。
隨意擺放元素
WYSIWYG Web Builder:僅限 Windows 的程式,支援絕對定位版面,一次性授權,並提供 30 天試用。
預算有限的 Bootstrap 專案
Bootstrap Studio:可完整存取程式碼,並能匯入既有網站。
花錢之前先看 AI 設計
瀏覽器中的 8B AI:只有要發布設計時才需付費。
以視覺化方式編輯現有的 HTML
Pinegrow,也能處理 Tailwind 專案。
專業的程式碼編輯器
Dreamweaver,尤其是在您的 Creative Cloud 方案已包含它的情況下。
CSS grid 和框架選擇
CoffeeCup Site Designer,採永久授權。
主機由對方代管
瀏覽器中的 Wix 或 Squarespace,前提是您不需要拿到檔案。
附外掛程式的部落格
WordPress,是內容管理系統,而不是設計程式。

Bootstrap 工具的詳細介紹,請見我們的 Bootstrap 建構器頁面。

在 Windows 上從安裝檔到發布網站

幾乎所有工作都在您的電腦上完成。下載應用程式和發布時需要連線,中間的過程則可以在火車上或沒有訊號的地方進行。

1. 下載並執行安裝檔

從下載頁面取得 MobiriseSetup.exe,像安裝其他 Windows 程式一樣安裝即可。檔案約 105 MB,即使網路速度普通也能很快下載完成。

2. 開啟佈景主題或匯入 AI 草稿

可以從免費的基本佈景主題開始,付費方案則可使用付費佈景主題,也可以用 Import by Link 把 Mobirise AI 的設計匯入程式。

3. 建置與檢查,想離線也行

新增區塊、直接在原處編輯文字、替換圖片,並用 Clone Block 複製重複的區段。以手機、平板和桌機三種寬度預覽頁面,查看版面如何重新排列。

4. 發布到您選擇的地方

對您現有的主機帳號使用 FTP 或 FTPES,推送到 GitHub Pages,或匯出到電腦上的資料夾,再移到需要的地方。

5. 再次編輯並發布

在電腦上修改專案,再用同樣的方式送出更新。應用程式的新版本會出現在下載頁面,並列入版本紀錄。

Windows 電腦上適合與不適合的情況

適合的情況

  • 想找免費 Windows 程式,且希望網站可以放在任何地方的自由工作者、社團和小型公司
  • 用筆電工作、網路連線不穩的人
  • 想先用 AI 產生初稿,再在桌面編輯器中完全手動控制的人
  • 必須透過 FTP 把簡單的客戶網站放到客戶自己主機上的代理商
  • 電腦系統混用的辦公室:同一款應用程式可安裝在 Windows、macOS 和 Linux 上

這些情況請考慮其他工具

  • 您很在意精確到像素的定位;WYSIWYG Web Builder 支援絕對定位版面
  • 您需要繼續編輯既有的 HTML 網站;Pinegrow、Bootstrap Studio 和 Dreamweaver 可以開啟,Mobirise 不行
  • 您整天都在寫程式,想要圍繞程式碼設計的編輯器,例如 Dreamweaver 或 Pinegrow
  • 您想要手機專用的設定,例如在小螢幕上隱藏區塊;Mobirise 會自動調整每個區塊
  • 您寧願一次付清購買付費佈景主題;Mobirise 的付費方案是按年計費
  • 您經營大型商店,庫存龐大、配送規則複雜;電商平台更合適

兩種 Mac 版本及其安裝檔,請見我們的 Mac 使用者指南。

Windows 網頁設計常見問題

最好的 Windows 網頁設計軟體是哪一款?

答案取決於您的工作方式。想要用現成區塊建站、並附 AI 草稿的免費程式,Mobirise 是合理的第一個嘗試;想要自由排版且一次付費的授權,可選 WYSIWYG Web Builder;想要 Bootstrap 並能存取程式碼,可選 Bootstrap Studio 或 Pinegrow;專業的手寫程式碼,則選 Dreamweaver。上方的表格列出了各款的價格、離線使用和發布方式。

哪些電腦網頁設計軟體是免費的?

Mobirise 在 Windows 上免費,不論網站是個人用途還是商業用途。您可獲得一個基本佈景主題和超過 200 個區塊,並可將任意數量的網站發布到您自己的主機;免費網站會帶有 Mobirise 品牌標示。這裡比較的其他桌面程式都是付費的,不過有幾款會先提供試用。

可以在 Windows 10 和 Windows 11 上執行嗎?

可以。Mobirise 支援 Windows 7 及之後的所有版本,所以只要一個 MobiriseSetup.exe 安裝檔,兩者都適用。

如何在 Windows 上安裝 Mobirise?

從 history.mobirisesite.com 下載 MobiriseSetup.exe 並執行。安裝完成後,開啟 Mobirise,選擇佈景主題,然後開始新增區塊。從此以後,您不需要網路連線就能建置網站。

沒有網路也能在 Windows 上設計網站嗎?

可以。安裝完成後,應用程式可離線編輯頁面、使用電腦上已有的佈景主題和區塊,並顯示預覽。需要伺服器的作業,例如 AI 生成、發布,或取得更新和額外的佈景主題,要等到重新連線後才能進行。

我需要撰寫 HTML 或 CSS 嗎?

不需要。您用區塊建置、直接在原處編輯文字,並透過各區塊的參數調整版面,程式碼由程式負責撰寫。若要手動修改,付費方案包含 Code Editor 擴充功能,可顯示每個區塊和頁面的標記與樣式。

可以從 Windows 把網站上傳到自己的主機嗎?

可以。免費方案也能這樣做,不限於付費方案。Mobirise 可透過 FTP 或加密的 FTPES 發布、推送到 GitHub Pages,或把完成的檔案寫入資料夾,供您複製到任何地方。您只需要支付主機供應商和網域註冊商的費用。

可以編輯我用其他程式製作的網站嗎?

不行。Mobirise 只能讀取自己的專案格式,因此無法匯入 Dreamweaver 或其他編輯器製作的網站。您可以用區塊重新建置,或讓 AI 根據描述或螢幕截圖產生新版本,再發布到同一個網域。如果必須繼續使用舊的 HTML,Pinegrow、Bootstrap Studio 或 Dreamweaver 較適合這項工作。

Windows 應用程式與網頁版建構器是什麼關係?

兩者執行的是同一個 Mobirise 引擎;在 Windows 上,它被包裝成可安裝的程式。位於 a.mobirise.com 的網頁版不需安裝,任何裝置都能使用;Windows 應用程式則增加了離線編輯和免費匯出到自己主機的功能。Import by Link 可將 Mobirise AI 生成的網站轉移到桌面程式。

Mobirise 用於商業網站也免費嗎?

是的。免費版可用於商業和客戶專案,發布的頁面會顯示 Mobirise 品牌標示。按年付費的方案會增加付費佈景主題和擴充功能並移除品牌標示;BASE 和 GROW 還提供使用您自己網域的網站代管,並提高 AI 額度。新客戶可在首次訂購後 14 天內申請退款。

在您的電腦上安裝 Mobirise

適用於 Windows 的免費網站建構器,同一個下載頁面也提供 macOS 和 Linux 版本。還不想安裝?可以先用 Mobirise AI 生成草稿,等您準備好後,再用 Import by Link 把它匯入桌面程式。