Weebly 架站教學網站
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 關於我們
  • 公益/環保

Weebly 使用教學

網頁標題_背景樣式

2/12/2021

1 評論

 
選定網頁標題類型之後, 就可以開始設定背景樣式. 
Weebly 提供四種不同背景: 圖像、顏色、漸層、影片, 預設的背景是 "圖像".
設定/選擇背景模式的步驟很簡單....

[步驟]
  1. 按滑鼠左鍵點擊標題區域. 標題區域會被藍線框出來. 
  2. 點擊 "編輯背景"
  3. 點擊 "圖像" 右方的 "v" , 就會出現四種背景樣式的選項.
圖片

這四種背景樣式 (圖像、顏色、漸層、影片) 各具特色. 站主們可以依照網頁的風格挑選適當的樣式. 以下是這四種樣式的畫面及說明:

圖像

建議使用高解析度, 主題簡單明確的圖片, 較能呈現出圖像的質感. 
​Weebly 提供多種風格且具高解析度的免費圖庫. 當然, 你也可以選擇自己的圖片.
圖片
圖片

顏色

單一顏色的背景可以讓訪客將目光及注意力直接投射在文字上.
站主們可以直接在 Weebly 提供的色彩選擇器上, 點選喜歡的顏色, 或者直接輸入顏色代碼 (參考色碼表).
圖片
圖片

漸層

單一顏色太單調? 那麼, 試試漸層效果....
在漸層生成器選擇標題區域兩端 (開始及結束) 的顏色, 及設定漸層變化的角度, 標題區就會出現漸層樣式. 同樣的, 你也可以直接輸入顏色代碼 (參考色碼表). 
圖片
圖片

影片

除了靜態背景, 你也可以置入一段影片作為標題. 
Weebly 內建的的影片內容大約為3-5秒鐘, 自動反覆播放.
當然, 你也可以使用自己的影片檔 - 1GB 以下的MOV, WMV, M4V, MPG 或 MP4檔案格式.
圖片
圖片

透過選擇網頁類型及樣式, 就能很快地完成網頁標題.
如果覺得Weebly 內建的圖庫不夠豐富, 或是想要製作一個較具設計感的網頁標題, 也可以使用平面設計軟體, 例如: Canva. 這類設計軟體針對各種用途提供多種設計範本. 它們提供更多的媒體素材, 可以讓網頁標題更顯豐富及設計感.
圖片
圖片

更多文章:



Loading...
1 評論
u77
7/9/2021 11:15:59 pm

謝謝您的文章,給了我很大的幫助,非常感謝~
提醒您這個頁面最下面的"馬上試用canva"按鈕連結沒裝上去喔~

回覆



發表回覆。


    圖片

    圖片

    認識 weebly

    ​選擇 Weebly -七大原因
    Weebly 的帳號種類及比較
    我該選擇哪種付費帳號?
    Weebly 拖拉放元件 - 新手上路

    網頁管理 (新增、複製、刪除、排列)
    ​
    網站管理 (新增、複製、刪除)

    Weebly 架站四步驟

    ​註冊 Weebly 帳號 + 網域申請
    選擇/更換範本
    編輯網頁 - Weebly 元件
    發佈/ 隱藏網站

    Weebly 使用教學


    提升網站安全性 - SSL 憑證
    ​
    Google Search Console - 驗證 Weebly 網站
    ​Weebly -SEO 搜尋引擎關鍵字設定
    ​如何更改網域?
    -------------------
    ​如何與他人共同編輯網站? ​
    如何備份 Weebly 網站? ​
    建立會員制度網站
    -------------------
    ​​更改字體大小、行距、間距
    ​圖片元件 - 完整的圖片功能
    ​​
    表單元件 - 聯絡、留言
    、回覆、調查
    影片元件
    ​音訊元件
    ​-------------------

    ​Weebly 提供哪些網頁標題類型?
    ​​網頁標題_背景樣式
    ​網頁標題_設計+編輯
    ​
    ​​​​-------------------
    ​
    ​如何建立 Weebly 部落格?

    ​部落格文章 (撰寫/儲存/發佈/刪除)
    ​備份 Weebly 網站+部落格
    ​Weebly 部落格側邊欄位設定
    ​
    ​​部落格文章分類/類別
    ​如何加寬 Weebly 部落格側邊欄位?​

    第三方應用程式

    結合第三方應用程式 - 功能更強大
    ​OctoMono-第三方應用程式組合包
    Ecwid 購物車

    ​垂直分隔線
    ​方形色塊
    ​Scroll To Top - 回到頁面頂端
    ​最新/ 輪播部落格貼文工具​​


    Weebly 內建購物車

    Weebly 內建購物車 - 簡介 
    ​
    Weebly 購物車功能 & 設定 (一)

    Weebly 購物車功能 & 設定 (二)

    Alt description for image
    Alt description for image
    Alt description for image

    RSS 訂閱

    類別

    全部
    Weebly 購物車
    元件
    會員制度
    網站安全 & SEO 優化設定
    網站/網域設定
    網頁標題

Weebly 架站教學


認識 Weebly
Weebly 架站四步驟
​Weebly 使用教學
第三方應用程式中心
Vertical Divider

Weebly 常見問題

Weebly 帳號
Weebly 付費/ 收據
Vertical Divider

推薦工具

線上平面設計工具
​多媒體工具
​多媒體素材
Vertical Divider

Weebly 客服中心

如何聯絡 Weebly 客服

Vertical Divider

關於我們

關於我們


版權聲明: 
本站發表的文章、圖片及電子書的版權均屬於本站所有, 如果有轉載需求, 請來信取得授權. 非經授權, 請勿轉載或轉貼. ​
Copyright © 2022
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 關於我們
  • 公益/環保