新手上路 - Weebly 拖拉放元件

對於沒有技術背景的使用者, Weebly  的拖拉方式在建構網頁內容上的操作簡單直觀許多。只需將滑鼠拖拉左側的功能元件 (例如: 圖片、文字、影片、聯絡表單、分隔線等) 至頁面, 放置在任意位置, 即可快速完成一個專業又美觀的網頁。而且元件的位置可隨時調整、替換或插入, 也就是說, 如果你會使用滑鼠, 就能輕鬆上手 Weebly。

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

Weebly 提供哪些功能元件?

Weebly 提供的元件, 包含:

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

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

網頁設計, 就是這麼簡單!!!!

元件的置入位置可以任由自己決定, 只要移動滑鼠, 就能將元件放置在任何地方.
如果覺得放置的地方不妥, 還可以隨時任意更動元件的位置. 例如: 

圖片, 文字: 

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

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

插入元件/調整元件區塊的空間: 
突然想在圖庫的左方加一段文字說明? 只要把文字元件拉進來放在圖庫元件左邊就可以了. 
兩個元件的中間都會有條區隔線, 這條直線只會出現在編輯器, 幫助使用者調整兩邊元件區塊的大小. 

​只要 "Shift" 按鍵+ 滑鼠左鍵, 左右滑動, 就能直接調整元件區塊的大小.

空格: 
空格元件是一個非常實用的頁面編排工具, 它可以用來調整元件之間的距離, 能有效提升頁面的視覺效果. 可以依據頁面排版需求, 加入空格元件, 拉開或拉近, 調整其他元件之間的距離, 能幫助訪客快速清晰地區分頁面上的不同主題, 也會讓整體頁面排版更具層次感.

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

---

結論

只需簡單元件拖拉, 就能快速打造專業又吸睛的頁面！更重要的是, 任何修改都能自己輕鬆完成, 隨時隨地掌控/更新網站內容,不再需要依賴他人, 或擔心被加價. 

- Weebly 所提供的第三方應用程式也是採用 "拖拉元件" 模式. 可以更豐富網站/網頁的內容, 增加專業及美觀程度. 
- 參考文章: 結合第三方應用程式 - 功能更強大.​

---

Loading...