新手上路 - Weebly 拖拉放元件

Weebly 最讓人嘖嘖稱奇的地方, 就是只要簡單地拖拉元見到頁面, 就能輕鬆又快速地完成網頁製作. 舉凡文字、圖片、影片等等. 而且你可以任意選擇你要擺放的位置.

Weebly 的元件排列在左方, 而右方則是網頁主體, 只要將左邊的元件拖拉到網頁主體, 就能輕鬆設計出你心目中理想的頁面了. 夠簡單吧!
​

Weebly 提供哪些功能元件?

Weebly 提供的元件, 包含:

• 基本元件: 標題、內文、圖片、圖庫、幻燈片、地圖、HTML、 "閱讀更多" 、按鍵、等等.
• 結構元件: 分格線、 間隔 (即空白區塊, 用來調整頁面的布置)
• 媒體元件: 影片檔、音檔、文件檔、Youtube 、上傳文件功能.
• 更多: 問卷調查、回覆表單、聯繫表單、社交圖示 (連結社群媒體)、 訂閱電子報、 搜尋

備註: 以上功能元件是擷取自專業版帳號的畫面. (可參考 Weebly 帳號種類及比較)
​

網站/網頁設計 >  自己來!!!

元件的置入位置可以任由自己決定, 既方便又迅速.
如果覺得放置的地方不妥, 還可以隨時任意移動元件的位置. 

覺得兩段文字連在一起不夠美觀? 視覺不夠清楚? 那就加個分隔線好了!!!

或者, 想在頁面加入多張照片 (例如: 旅遊照片, 產品照片等等),  那麼可以選擇圖庫元件....

突然想在圖庫的左方加一段文字說明? 也沒問題, 只要把文字元件拉進來放在圖庫元件左邊就可以了.  兩個元件的中間都會有條區隔線, 這條直線只會出現在編輯器, 幫助使用者調整兩邊元件區塊的大小.  只要 "Shift" 按鍵+ 滑鼠左鍵, 左右滑動, 就能直接調整.

還可以利用空格字元元件調整其他元件的擺放位置.
對照上圖, 我們可以左邊文字元件上方加入空白字元, 讓它和右邊圖庫的高度一致.  畫面就好看多了!

每個元件的右上方都有 "x" 符號. 點擊此符號就會刪除該元件.

就這麼簡單的拖拉元件, 就能很快地做好一個專業美觀的頁面. 
重要的是, 這樣的頁面製作不需要假手他人, 自己可以隨時更改內容, 頁面排版.

Weebly 所提供的第三方應用程式也是採用 "拖拉元件" 模式. 囊括各種不同功能 (社群, 商城, 頁面設計, 與訪客之間的互動等等), 可以更豐富網站/網頁的內容, 增加專業及美觀程度. 
參考文章: 結合第三方應用程式 - 功能更強大.
​

---

Loading...