Mobirise Review:適用於初學者的免費拖放式網站構建工具
已發表: 2018-05-12在這篇動手實踐的 Mobirise 評論中,我們將研究一個免費的網頁設計工具,它適合想要輕鬆創建自己網站的初學者。
Mobirise 在 Windows 和 Mac 設備上運行。 它可用於在線或離線創建整個網站、登錄頁面、簡歷、投資組合和其他類型的內容。 還有一個 Android 版本可用,您可以在智能手機和平板電腦上使用。
正如我們將在這篇評論中看到的,這個網站構建器的創建是為了便於非編碼人員使用,同時還旨在使開發人員能夠更快地工作。 它也可以免費使用,如果需要,可以使用高級擴展。
因此,如果您正在尋找一種工具來幫助您更有效地創建具有專業外觀的網站,那麼此解決方案可能正是您所需要的。 要確定這是否適合您的網頁設計工具,讓我們先了解一下功能,然後再查看用戶體驗。
Mobirise Review:特性和功能

正如介紹中提到的,Mobirise 是一款離線應用程序,您可以在 Windows 和 Mac 計算機以及 Android 設備上安裝和運行。 它的目標是減少構建網頁所涉及的開發時間,並使非編碼人員能夠盡快創建有吸引力的網站。
因此,讓我們來看看 Mobirise 的功能,這些功能將幫助您輕鬆創建時尚、現代的網站。
拖放式網站構建器界面

Mobirise 的主要功能之一是其拖放式、點擊式用戶界面。 啟動應用程序後,您可以通過單擊畫布然後與上下文相關控件進行交互來繼續創建網頁設計。

例如,單擊文本區域允許您開始輸入以直接編輯現有內容或開始添加您自己的內容。 工作時,會顯示一個方便的文本相關工具欄,讓您可以即時訪問格式控件。

單擊構成您的設計的其他元素(例如按鈕)會顯示該類型元素的控件。 根據您選擇的元素,這些控件可以讓您更改其外觀(例如顏色)或功能方式(例如用戶單擊時將轉到的鏈接)。

由於 Mobirise 使用塊系統,您可以輕鬆地將新塊添加到您的頁面設計中,只需單擊相應的圖標即可。 我們將在下一節中更詳細地介紹預構建塊,但簡而言之,它們提供了一種快速簡便的方法來向頁面添加流行的部分,例如頁眉、菜單和頁腳區域。

您可以將頁面的每個塊或部分拖到新位置。 這些塊也有自己的設置,允許您更改其參數或屬性。 根據自定義的塊,這些參數可以涵蓋它們的背景圖像或視頻、滾動效果、標題和其他屬性。

在 Mobirise 應用程序中工作時,您可以通過單擊適當的圖標在 Web 瀏覽器中立即預覽您的頁面設計。 您還可以在應用程序界面中更改取景器大小,讓您更好地了解頁面在平板電腦或智能手機屏幕上的外觀。
預建頁面塊的選擇

如前所述,使用 Mobirise 創建的網頁由一個或多個塊組成。 有很多預先構建的塊可供選擇,每個塊都可以拖放到您的設計中以構建您的頁面。

這些塊分為幾個類別,包括菜單、標題、滑塊、媒體顯示、內容區域、文章內容、信息面板、推薦、社交媒體部分、定價表、表格、地圖和頁腳。
根據塊類別,您可能有多個選項可供選擇,例如五種不同的標題佈局或三種不同類型的 Google 地圖塊。 這為您提供了足夠的靈活性,涵蓋頁面的不同組件(例如內容區域或圖片庫)的外觀。

向您的網站添加標題部分時,您將有幾個不同的選項可供選擇。 標題塊的 Mobirise 選擇以不同的方式組合文本、圖像和按鈕,幫助您為您的網頁選擇正確的設計。

使用 Mobirise 可以輕鬆地將響應式圖片庫添加到您的頁面設計中。 這再次歸功於提供的塊的選擇。 創建圖片庫時,您還可以選擇將圖片設置為在燈箱窗口中打開,從而改善訪問者的用戶體驗。

還有很多可供選擇的內容塊。 使用 Mobirise,您可以混合和匹配不同的塊或在同一頁面上多次重複使用它們。 這意味著您的設計可以採用的形式確實沒有限制。

將新塊拖到頁面設計中後,您可以通過單擊參數圖標對其進行自定義。 然後,根據塊的類型,您可以通過多種不同方式對其外觀和功能進行個性化設置。 這可能包括更改背景圖像、添加您自己的內容、打開或關閉某些元素或以其他方式對其進行自定義。
由於整個 Mobirise 用戶界面基於拖放、點擊系統,因此更改塊的順序或自定義其內容非常簡單。
基於 Bootstrap 框架的完全響應式設計

在這個時代,每個網站都需要對移動設備友好。 確保可以在小屏幕移動設備上輕鬆訪問您的網站無助於提供積極的用戶體驗,從而導致您網站上的更多互動和轉化,但它也有助於提高您的內容在搜索引擎中的排名。 反過來,這可以為您的網站帶來更多流量。
值得慶幸的是,您可以使用 Mobirise 創建的網站和頁面都是基於流行的 Bootstrap 框架構建的。 Bootstrap 是一個完全響應移動設備的代碼庫,可確保您的設計看起來很棒,無論它們在什麼屏幕尺寸上被查看。
使用 Mobirise 時,您網站及其頁面的移動響應能力會擴展到您設計的各個方面。 這從您的頁面佈局開始,但也貫穿於構成您的設計的各個元素。
這意味著您的滑塊、圖庫、菜單、地圖等都可以在智能手機和平板電腦上輕鬆訪問。 最好的部分是你真的不需要做任何額外的事情來創建真正適合移動設備的設計——默認情況下,Mobirise 是適合移動設備的。

其他擴展和主題

儘管核心 Mobirise 軟件是免費的,包括精選的預建頁面塊,但可以通過安裝可用的其他擴展和主題來增強此 Web 拖放設計工具。 其中一些升級可以免費使用,而其他升級則可以支付少量費用購買。

在使用像 Mobirise 這樣的工具時,提供額外的選項總是好的。 但是,當前的升級選擇非常少。 雖然已經有一些有用的附加組件可用,但希望將來會擴展庫以提供更多選項。
安裝附加組件的過程非常簡單,只需單擊相應的圖標,然後在必要時付款即可。 執行此操作後,您可以將新塊添加到您的網頁設計中,或者在 Purity 主題的情況下,在您的項目中使用新樣式。
排名第一的網絡發佈軟件 WordPress 的受歡迎程度上升的部分原因是它有大量可用的第三方插件和主題。 因此,向列表中添加更多主題和擴展應該有助於 Mobirise 成為一個更有用、更受歡迎的工具。
購物車和電子商務功能

您可能已經註意到,Mobirise 的可選附加組件之一是 PayPal 購物車擴展程序。 這個最近發布的模塊允許您在 Mobirise 創建的網站上列出待售商品,並通過領先的 PayPal 支付處理器收取款項。
Mobirise 的電子商務功能及其購物車擴展無法與開源的在線商店構建器軟件(如 WooCommerce for WordPress 或 Magento)競爭。 但是,對於簡單的在線商店和產品列表,這是一個不錯的選擇。
通過將此功能與定價表內容塊相結合,您可以輕鬆地使用 Mobirise 以時尚的方式在線銷售您的產品和服務。
移動代碼編輯器

Mobirise 的另一個可選升級是高級代碼編輯器擴展。 在您的網站上激活此擴展程序允許您單擊已添加到頁面的塊,然後編輯底層 HTML 和 CSS。 代碼編輯器功能還包括一個不錯的預覽模式,允許您在保存更改之前查看更改將產生什麼效果。
與 Mobirise 的其餘部分不同,此功能不適合初學者的網頁設計師。 然而,它確實為那些具有一些 HTML 和 CSS 技能的人開闢了一個充滿新可能性的世界。 從調整構成 Mobirise 的塊的現有 HTML 和 CSS,到手動創建您自己的設計,這是另一個非常有用的升級,那些尋求對其頁面進行更多控制的人將會欣賞。
保存和發布您的作品

如前所述,您可以隨時預覽您的網頁設計,只需單擊預覽圖標即可。 這將在您系統的默認 Web 瀏覽器中打開該頁面。 一旦您對您的工作以及在設計過程中感到滿意,您只需按一下按鈕即可保存您的頁面設計。

此外,Mobirise 使發布您的作品變得非常容易。 通過單擊發布按鈕,您可以將您的工作保存到您的 Google Drive,通過 FTP 將其上傳到網絡服務器,或將文件保存在本地。

如果您確實想將您的網頁上傳到您的網絡託管服務器,以便在 Internet 上提供它們,您可以在 Mobirise 中執行此操作。 輸入您的 FTP 帳戶的詳細信息後,您只需按一下按鈕即可上傳文件。 Mobirise FTP 管理器可以輕鬆地為您正在處理的不同項目存儲多個帳戶。
內部 FTP 工具是 Mobirise 的一個非常方便的功能。 它消除了將網頁上傳到網絡服務器的傳統過程的另一個步驟,有助於在發布作品時節省您的時間和精力。
如何使用 Mobirise 創建網站
既然我們已經介紹了這個免費的拖放式網站構建器工具的功能,您可能想知道它使用起來有多容易? 好吧,好消息是 Mobirise 在創建網站或單個網頁時非常方便。
下載並安裝免費應用程序後,您可以開始創建網頁設計,無論您是在線還是離線。
啟動 Mobirise 後,您將看到一個演示網頁,您可以將其用作網站的基礎,也可以完全丟棄並從頭開始。

創建新頁面很容易,這樣做時,您可以選擇克隆現有頁面或從空白畫布開始。

無論您是否使用示例頁面,您都可以通過將可用塊拖到工作區來開始構建頁面。 然後,您可以使用點擊界面選擇一個項目並開始修改它。

您還可以自定義每個塊的常規設置。 這包括顯示哪些組件,或您希望使用的背景圖像。

如果您選擇啟用可選的代碼編輯器擴展,您還可以修改底層 HTML 和 CSS。 這樣,您就可以獲得網站的自定義外觀。

一旦您對您的網頁感到滿意,您可以將其保存在本地,將其上傳到您的 Google 雲端硬盤,或通過 FTP 在線發布。 那麼這只是為您的網站創建附加頁面並通過菜單塊將它們鏈接在一起的一種情況。
Mobirise 審查結論
Mobirise 是一個非常易於使用的免費網站構建工具——甚至比 WordPress 更易於使用。 但是,就您可以使用它創建的網站和頁麵類型而言,Mobirise 的限制要大得多。
不過,這些限制並不都是壞事。 一個好處是在創建頁面時偏離方向的機會更少。 但是,如果您有更高級的需求或 Mobirise 未涵蓋的非標準需求,那麼您真的沒有太多選擇來獲得想要的結果。
另一點需要考慮的是,Mobirise 不像 SquareSpace 那樣是一個多合一的網頁設計解決方案。 託管不是服務的一部分。 這意味著您必須自行安排網絡託管。 這既不好也不壞。 您可以將 Mobirise 與任何網絡主機一起使用。 因此,您在選擇滿足預算和要求的服務時有很大的自由度。 但是,這是使用 Mobirise 時需要添加到網站創建過程中的另一個步驟。
總體而言,您可以使用 Mobirise 創建的頁面將具有現代感。 塊的選擇相對較少,但它們絕對涵蓋了典型網站所需的所有標準元素。 有一些限制,但這些實際上有助於使 Mobirise 更易於用於製作有吸引力的網站。
立即了解有關 Mobirise 的更多信息
