×
切換帳號
台灣數位 xms+
知識
快速入門
登入
台灣數位 xms+
登入
知識
快速入門
知識目錄
我的課程
專案
我的職務
xms+ 平台
知識、教育訓練、專案
xms+ 平台
知識、教育訓練、專案
xms+ 平台
知識、教育訓練、專案
知識目錄
我的課程
專案
我的職務
列印日期 : 2024/11/24
台灣數位 xms+
知識庫
目錄總覽
網站基礎與管理
系統管理 ~ 設計網站外觀 (自訂頁面)
×
×
loading ...
×
×
私密分享
狀態
啟用
連結
https://p.fms.tw/media/s/KD1uel
重新產生
複製連結
×
QR code
×
選擇網頁檔案
loading ...
×
設計知識點
×
建立新版本
×
刪除媒體
×
loading ...
×
編輯版面的內容
分享
Facebook
Twitter
LinkedIn
QR code
常見 Q&A
列印
我要推薦
瀏覽: 1631,
最近修訂: 2019-12-20
編輯版面的內容
分享
Facebook
Twitter
LinkedIn
QR code
常見 Q&A
列印
我要推薦
瀏覽: 1631,
最近修訂: 2019-12-20
設計 or 套用版面之後,就可以開始設計頁面的內容。
學習目標:
1. 編輯模組 (區塊) 內容
2. 更換底圖
重點
1.
修改內容
進入頁面後,將滑鼠移到要修改的區塊,就會出現工具下拉選單中,選擇「內容管理」。
Q. 編輯版面,一定要系統管理者嗎?
2.
編輯網頁的文字內容
因為這是 HTML 模組,就會開啟網頁的編輯器。
註: 可以透過適當的換行來進行簡單的排版。
更換底圖
3.
進入版面設計
在自訂頁面的工具下拉選單 (圖1) 或網頁的最下方的「版面設計」 (圖2),進入。
圖1: 下拉工具選單
圖2: 頁面最下方
4.
點擊「背景樣式」
滑鼠移到區塊上方,就會出現區塊的工具列,點擊「背景樣式」的圖示
。
5.
更換背景圖片
點擊圖片,從選擇背景圖片的檔案。因為會固定高度,且手機和電腦的寬度差異很大,因此圖片可能會有上下邊緣或左右邊緣被裁切看不到的現象,例如,下圖就是在不同寬度的裝置下,左右被裁切的現象。
以下是背景圖片的注意事項:
圖片的寬度
基於電腦版面以及高解析螢幕的考量,圖片的寬度建議 > 1280px 以上,因為是背景,解析度的要求也不用特別高,主要是高解析的圖片檔案比較大,下載顯示的速度就會比較慢。
圖片的高度
因為電腦、手機的寬度、高度差異很大,雖然很多人會使用手機瀏覽,但還是建議以設計電腦版為主的 banner 即可,通常也都可以同時滿足手機的閱讀。
圖片上的文字
盡量靠近中心,避免顯示時上下左右被裁切後無法完整呈現。
×
×
複製檢核清單
loading ...
×
×
×
關閉
×
loading ...
上一篇
下一篇
常見 Q&A
(1)
討論
筆記
(0)
詳細
×
loading ...
×
loading ...
×
loading ...
×
loading ...
×
Q1.
編輯版面,一定要系統管理者嗎?
未登入或權限不足!
位置
知識庫
目錄總覽
網站基礎與管理
系統管理 ~ 設計網站外觀 (自訂頁面)
資料夾名稱
系統管理 ~ 設計網站外觀 (自訂頁面)
發表人
蘇德宙
單位
台灣數位
建立
2019-04-10 09:20:23
最近修訂
2019-12-20 12:29:44
引用
1
1.
基礎觀念
1.1
自訂頁面簡介
1.2
版面的結構說明
1.3
網站首頁設計 ~ 使用自訂頁面 (單位內應用的版型)
1.4
網站首頁設計 ~ 使用自訂頁面 (教育訓練的版型)
2.
操作教學
2.1
從範例網站複製 (套樣版)
2.2
編輯版面的內容
2.3
複製自訂頁面
2.4
設定成「系統首頁」
2.5
自訂版面的欄寬
3.
其它
3.1
將子站設為「網站範本」