×
切換帳號
集智學習科技官方網站
線上手冊
Evercam 課程錄製
TMS+ 課程中心
KM+ 知識管理
Project+ 專案管理
ee-class 3易課平台
Q&A 問題集
關於我們
關於集智
創辦人的話
產品介紹
EverCam 10課程錄影軟體
eeClass易課學習平台
tms+微學習培訓平台
km+知識共享平台
Project+專案協作平台
教育部精進專案
客戶服務
下載EverCam
產業資訊與媒體報導
VIP客戶服務專區
平台試用申請服務
官方Line@客服
登入
×
全站搜尋
搜尋
集智學習科技官方網站
登入
線上手冊
Evercam 課程錄製
TMS+ 課程中心
KM+ 知識管理
Project+ 專案管理
ee-class 3易課平台
Q&A 問題集
關於我們
關於集智
創辦人的話
產品介紹
EverCam 10課程錄影軟體
eeClass易課學習平台
tms+微學習培訓平台
km+知識共享平台
Project+專案協作平台
教育部精進專案
客戶服務
下載EverCam
產業資訊與媒體報導
VIP客戶服務專區
平台試用申請服務
官方Line@客服
集智學習科技官方網站
線上學習的專家,值得信賴的夥伴
列印日期 : 2024/05/06
集智學習科技官方網站
知識庫
目錄總覽
線上操作說明
XMS+ 網站基礎管理
系統管理 ~ 網站外觀設計(網站中心)
×
×
loading ...
×
×
私密分享
狀態
啟用
連結
https://www.cwisdom.tw/media/s/
重新產生
複製連結
×
QR code
×
選擇網頁檔案
loading ...
×
設計知識點
×
建立新版本
×
刪除提醒
×
loading ...
×
版面設計
分享
QR code
列印
瀏覽: 691,
最近修訂: 2021-03-11
版面設計
分享
QR code
列印
瀏覽: 691,
最近修訂: 2021-03-11
相較於「資訊規劃」,「版面設計」還提供選擇「內容區塊」及編輯版面樣式等進階功能。每一個「內容區塊」都可以拖曳模組、調整排序、設計樣式,滿足更彈性的設計需求。
在「版面設計」上方的設定區塊,主要功能說明如下:
版面設定
是否顯示 banner、全站搜尋以及側欄等。
版面支援
可選擇排版所支援的裝置寬度,例如選擇「平板」時,平板以上都會套用多欄的排版,手機則一律單欄顯示。
編輯全頁 CSS
編輯這個頁面的 CSS,所編輯的內容會覆蓋「全站 CSS」。
檢視頁面
檢視設計的最後呈現效果。
以下將以排版的功能為主,關於模組的設計,可以參考另一份文件「
資訊規劃 & 模組設計
」。
重點
1.
進入「版面設計」
系統提供 2 種方式進入「版面設計」:
從「選單與內容管理」
點擊各頁面右側的工具列,選擇「版面設計」。
從頁面進入
在頁面下方,點擊「版面設計」按鈕。
2.
設計版面內容
將要使用的「內容區塊」,拖曳到想擺放的位置後,即可在內容區域安排模組。
3.
調整內容區塊
加入「內容區塊」後,可以移動區塊的位置,或是編輯樣式,例如:背景顏色、圖片。
4.
設定版面展開 / 置中
點擊頁面右側「展開 / 置中」圖示,即可調整版面呈現形式。選擇「展開」,就會以滿版顯示內容。
小提醒:
由於顯示器的解析度變化很大,除非有特殊考量,建議「置中」顯示,讓內容的排版更容易。
×
×
複製檢核清單
loading ...
×
×
×
關閉
×
loading ...
上一篇
下一篇
討論
筆記
(0)
詳細
未登入或權限不足!
位置
知識庫
目錄總覽
線上操作說明
XMS+ 網站基礎管理
系統管理 ~ 網站外觀設計(網站中心)
資料夾名稱
系統管理 ~ 網站外觀設計(網站中心)
發表人
jell
單位
集智學習科技官方網站
建立
2021-03-11 14:58:19
最近修訂
2021-03-11 14:59:46
1.
快速入門
1.1
系所、實驗室網站,10 分鐘快速上手!
1.2
架設網站,基礎教學
2.
設計網站內容
2.1
選單與內容管理 (規劃網站架構)
2.2
一般頁面
2.3
文件頁面
2.4
人員介紹
2.5
從範例網站複製介面
3.
設計模組
3.1
模組簡介
3.2
資訊規劃&模組設計
4.
進階應用
4.1
版面設計
4.2
全站樣式 (設計網站風格)
4.3
設計頁面範本,提供其它網站下載
4.4
側欄管理 (設計側欄)