對於沒有技術背景的使用者, Weebly 的拖拉方式在建構網頁內容上的操作簡單直觀許多。只需將滑鼠拖拉左側的功能元件 (例如: 圖片、文字、影片、聯絡表單、分隔線等) 至頁面, 放置在任意位置, 即可快速完成一個專業又美觀的網頁。而且元件的位置可隨時調整、替換或插入, 也就是說, 如果你會使用滑鼠, 就能輕鬆上手 Weebly。
Weebly 提供哪些功能元件?
Weebly 提供的元件, 包含:
備註: 以上功能元件是擷取自專業版帳號的畫面. (可參考 Weebly 方案種類及比較)
網頁設計, 就是這麼簡單!!!!
元件的置入位置可以任由自己決定, 只要移動滑鼠, 就能將元件放置在任何地方.
如果覺得放置的地方不妥, 還可以隨時任意更動元件的位置. 例如:
圖片, 文字:
分隔線:
覺得兩段文字連在一起不夠美觀? 視覺不夠清楚? 那就加個分隔線好了!!!
圖庫元件:
或者, 想在頁面加入多張照片 (例如: 旅遊照片, 產品照片等等), 那麼可以選擇圖庫元件....
插入元件/調整元件區塊的空間:
突然想在圖庫的左方加一段文字說明? 只要把文字元件拉進來放在圖庫元件左邊就可以了. 兩個元件的中間都會有條區隔線, 這條直線只會出現在編輯器, 幫助使用者調整兩邊元件區塊的大小. 只要 "Shift" 按鍵+ 滑鼠左鍵, 左右滑動, 就能直接調整元件區塊的大小.
空格:
空格元件是一個非常實用的頁面編排工具, 它可以用來調整元件之間的距離, 能有效提升頁面的視覺效果. 可以依據頁面排版需求, 加入空格元件, 拉開或拉近, 調整其他元件之間的距離, 能幫助訪客快速清晰地區分頁面上的不同主題, 也會讓整體頁面排版更具層次感.
刪除元件:
每個元件的右上方都有 "x" 符號. 點擊此符號就會刪除該元件. 結論
只需簡單元件拖拉, 就能快速打造專業又吸睛的頁面!更重要的是, 任何修改都能自己輕鬆完成, 隨時隨地掌控/更新網站內容,不再需要依賴他人, 或擔心被加價.
- Weebly 所提供的第三方應用程式也是採用 "拖拉元件" 模式. 可以更豐富網站/網頁的內容, 增加專業及美觀程度.
- 參考文章: 結合第三方應用程式 - 功能更強大. Loading...
0 評論
發表回覆。 |
認識 WeeblyWeebly 架站四步驟Weebly 使用教學提升網站安全性 - SSL 憑證
Google Search Console - 驗證 Weebly 網站 Weebly - SEO 搜尋引擎關鍵字設定 如何更改網域? ------------------- 如何與他人共同編輯網站? 如何備份 Weebly 網站? 建立會員制度網站 ------------------- 更改字體大小、行距、間距 圖片元件 - 完整的圖片功能 表單元件 - 聯絡、留言、回覆、調查 影片元件 音訊元件 ------------------- Weebly 提供哪些網頁標題類型? 網頁標題_背景樣式 網頁標題_設計+編輯 ------------------- 如何建立 Weebly 部落格? 部落格文章 (撰寫/儲存/發佈/刪除) 備份 Weebly 網站+部落格 Weebly 部落格側邊欄位設定 部落格文章分類/類別 如何加寬 Weebly 部落格側邊欄位? 第三方應用程式結合第三方應用程式 - 功能更強大
OctoMono - 第三方應用程式組合包 Ecwid 購物車 垂直分隔線 方形色塊 Scroll To Top - 回到頁面頂端 最新/ 輪播部落格貼文工具 Weebly 購物車 |