使用mobirise快速建立漂亮外觀的網站

#簡介

• 官網(包含操作的影片介紹)，製作軟體也在官網下載。

• mobirise是一個rwd(response web desin)的網頁製作軟體，能在電腦和手機上自動調整的顯示。

• 使用心得：
• 免費，沒有廣告，每個地方都可以編輯、更換，非常的好。個人使用，相當足夠。

• 要發揮一下想像力，組合不同的區塊，調動每一個區塊的參數，能夠變化出不同的風格。

• 如果需求更多，花一點錢，買個新鮮的主題，省下的時間，值得了。

#速編訣竅

1. 整個網站，可以複製，再修改，調整，就成了新的網站。

2. 每一個頁面，可以複製，再修改，調整就成了新的頁面。

3. 每一個調好參數的區塊，可以存成user block，往後就能重複使用。

#操作介紹

• 整體畫面簡介。

1. 左邊：網站、網頁和帳戶的建立，包含名稱以及相關的參數設定和操作。

2. 中央：編輯區和顯示模式，點選可切換電腦或手機顯示。圖片處是編輯區。(首次進入應該是空白頁面)

3. 右上：發布，將結果存到磁碟中，也可以直接發布到網路。

 左下方有一個紅色的加號，點選後，可以開始增添區塊(block)了。(區塊就是各種網頁的內容)

關於帳戶：第一次進入製作程式，可能被要求登入。

輸入email為例

收email，裡面包含了密碼，將密碼填入2中。

關於網站：新增一個網站，或編輯現有網站。

關於頁面：首頁(HOME)是自動產生，可以新增頁面，設定頁面參數。

• 區塊操作：從這裡開始，編輯網頁內容。

1. 切換電腦或手機顯示模式。

2. 是區塊的分類，可以快速找到區塊類別。

3. 是區塊，每一個分類，可能有多個區塊可以選擇，把區塊拉進左邊的編輯區。

進入編輯區，個別編輯每一個區塊

區塊的整體操作：移動，儲存，設定參數，刪除。

調整一個區塊的參數：不同的區塊，會顯示不同的參數。以下有3個例子。

編輯區塊內容：

任何文字，除了編修之外，只要選取一段文字，就可以插入超連結。(有極少部份例外)

任何圖片，只要點選，就可以進入更多設定。(p.s. slider的圖片是在參數中設定。)

任何圖示，只要點選，就能進入更多設定。

#編輯告一段落，就可以發布，存到硬碟，或送到網路上。

#後記

• 000webhost支援ftp傳送的免費網頁空間

• salamander雙視窗檔案軟體，整合了ftp操作。

以上二者，讓你做出來的網頁，立刻發布到網路上。