註:本系統與客戶(帳務)系統帳號密碼不同,發送信件不需登入

 
知識庫
Site Builder 網頁設計教學-文字
發佈人 Sherry Li 發表於 11 May 2022 10:47 AM

網頁設計-文字大小、字體、顏色、對齊、行距、字距與文字連結

1. 文字類型

點選 Site Builder 右邊 網站製作工具的網頁設計功能,自架電商網站、企業網站推薦→「類型」。

文字網頁設計教學-文字字體更換與文字設定
 

在「類型」中,可編輯文字樣式,例如:字體、大小、線條高度(行高)、字母間距、對齊、類型、顏色,調整的過程中,都可預覽文字呈現的效果。

編輯文字樣式網站設計教學-文字大小、字體、顏色、對齊、行距、字距與文字連結
 

❶. 自訂文字樣式

除了原本已預設好的文字風格,也可另外自訂一些文字風格,原本的文字風格也可調整。

自訂文字樣式 網頁設計教學,自架網站推薦
 

❷. 編輯字體

在「字體」中,除了下拉式選項中的字體,還可點選「編輯字體」→「添加字體」,將有更多的字體可以選擇,目前僅提供"英文字體",不提供中文字體。

編輯字體網頁設計教學-新增文字字體網站製作

編輯字體網頁設計教學-更換字體網站設計
 

❸. 字形調整

①. 於「標準」中,可調整:

  • 文字大小
  • 線條高度(行的高度)
  • 字母間距
  • 對齊(靠左、置中、靠右)
  • 類型(加粗、斜體、底線)
  • 顏色
字形調整網頁設計教學-網站製作文字大小、間距、顏色、對齊
 

②. 於「連結」中,可調整:

  • 連結文字 - 可設定字體顏色、加粗、斜體、底線
  • 連結懸停(是指文字有設超連結時,滑鼠移至文字上時,文字會呈現的樣式) - 可設定字體顏色、加粗、斜體、底線
文字連結網頁設計教學-網站設計文字連結與顏色
 

③. 於「進階」中,可調整:

  • 文本轉換:文字正常、文字大寫、文字小寫。
  • 邊界/填補:設定此字型的邊界高度或寬度的預留大小。
  • 各種裝置的字型大小:可各別調整設定寬螢幕、桌上電腦、平版、手機,文字的顯示大小比例。
文字大小寫、文字 padding 與 marging 設定,以及 RWD 文字大小設定網頁設計教學
 

2. 文字(設定錨點)

點擊 Site Builder 左邊的 文字錨點設定網頁設計教學,將「文字」放置於編輯位置,選擇文字類型,即可進行網頁文字編輯。

文字錨點設定網站設計教學

免費文字模板-網頁設計工具推薦 自架網站與虛擬主機一次擁有
 

①. 在文字框的右上角會有鉛筆圖示可進行「修改文字」。

文字錨點設定網站製作教學

修改文字網站設計教學
 

②. 點選編輯器左邊的字型選項,將字型選項拉到最下方選擇「編輯樣式」,就可個別設定每個文字框的字型。

文字編輯網站製作教學
 

點選「編輯樣式」後,先從左側找到對應的文字類型,再從右側設定字型。

自架網站文字設計教學



 

Site Builder 網頁設計教學總覽

請點擊以下圖片,查看 Site Builder 網頁設計教學,立即登入 cPanel 使用 Site Builder 架站

網頁設計教學-選單後台編輯 自架網站主機推薦網頁設計教學-更換免費網站模板、導入 WordPress 網站網頁設計教學語言-網站設計平台語言設定RWD 網站 (響應式網頁設計)-預覽電腦/平板/手機的網頁呈現網站備份與還原-網頁備份、復原網頁設計教學

網頁設計教學-文字大小、字體、顏色、對齊、行距、字距與文字連結網頁設計教學- Icon 與圖片插入、更換、加入圖片連結網頁設計教學-相簿圖片輪播 Gallery 網站設計網頁設計教學-嵌入影片、音樂 將 YouTube 影片插入網站製作中網頁設計教學-嵌入地圖 插入 Google Map 到網站製作中網頁設計教學-網站設計以不同邊框、形狀、圖形排版按鈕 Button 網頁設計教學-網站按鍵樣式設計 自架網站快速製作精美按鈕表單 Form 網頁設計教學-網站表單樣式製作 免費表單模板讓自架網站更簡單!網頁設計教學-網站選單新增/修改/設置子選單 自架網站教學自架多國語言網站-語言切換網頁設計教學 多國語系網站製作區塊 Block 網頁設計教學- 網站區塊樣式設計 免費區塊模板自架站推薦電子商務網頁設計-網路開店 購物車、金物流、產品訂單自架部落格網站- blog 網頁設計教學 部落格平台推薦網頁設計教學-自架網站社群行銷嵌入 FB、IG、Twitter 粉絲專頁進階網頁設計教學-使用 HTML 製作網站 網站設計教學

網頁設計教學- SEO 搜尋引擎優化 網站架設 SEO 設定網頁設計教學-網頁背景圖片 background 設定網頁設計教學-網站設計的文字大小與字形瀏覽器標籤顯示網站 Logo 網頁設計教學-網站瀏覽器 Logo 圖更換網頁設計教學-自架網站 https、robots、cookie 設定
(0 votes)
非常有幫助
沒有任何幫助

遠振資訊有限公司 • 統一編號:28132571
服務專線:4499-343 (手機撥打請加 02)• 地址:23586 新北市中和區中正路866之11號12樓
[ 雲端主機 ] • [ 虛擬主機 ] • [ 實體主機 ] • [ SSL 憑證 ] • [ 網域申請 ] • [ cPanel 教學 ] • [ WHM 教學 ]
本公司由 宇恒法律事務所 擔任常年法律顧問 • Copyright 2013-2020 All Rights Reserved