×
切換帳號
集智學習科技VIP客服平台
客戶服務
線上客服中心
線上課程培訓
線上操作手冊
集智官網
登入
繁體
简体
English
一般
中
大
×
文字大小切換
文字大小切換
一般
中
大
集智學習科技VIP客服平台
登入
客戶服務
線上客服中心
線上課程培訓
線上操作手冊
集智官網
繁體
简体
English
集智VIP客戶服務平台
列印日期 : 2024/11/21
集智學習科技VIP客服平台
知識庫
目錄總覽
網站基礎與管理
系統管理 ~ 設計網站外觀 (自訂頁面)
×
×
loading ...
×
×
私密分享
無法分享,系統已經關閉私密分享的功能
×
QR code
×
選擇網頁檔案
loading ...
×
設計知識點
×
建立新版本
×
刪除媒體
×
loading ...
×
編輯版面的內容
分享
QR code
常見 Q&A
列印
瀏覽: 570,
最近修訂: 2022-01-26
編輯版面的內容
分享
QR code
常見 Q&A
列印
瀏覽: 570,
最近修訂: 2022-01-26
設計 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.
編輯版面,一定要系統管理者嗎?
未登入或權限不足!
1.
基本觀念
1.1
自訂頁面簡介
1.2
版面的結構說明
1.3
網站首頁設計 ~ 使用自訂頁面 (單位內應用的版型)
1.4
網站首頁設計 ~ 使用自訂頁面 (教育訓練的版型)
2.
操作教學
2.1
從範例網站複製 (套樣版)
2.2
編輯版面的內容
2.3
複製自訂頁面
2.4
設定成「系統首頁」
2.5
自訂版面的欄寬
3.
其它
3.1
將子站設為「網站範本」