×
切換帳號
集智學習科技VIP客服平台
客戶服務
線上客服中心
線上課程培訓
線上操作手冊
集智官網
登入
繁體
简体
English
一般
中
大
×
文字大小切換
文字大小切換
一般
中
大
集智學習科技VIP客服平台
登入
客戶服務
線上客服中心
線上課程培訓
線上操作手冊
集智官網
繁體
简体
English
集智VIP客戶服務平台
列印日期 : 2024/11/23
集智學習科技VIP客服平台
知識庫
目錄總覽
網站基礎與管理
系統管理 ~ 設計網站外觀 (自訂頁面)
×
×
loading ...
×
×
私密分享
無法分享,系統已經關閉私密分享的功能
×
QR code
×
選擇網頁檔案
loading ...
×
設計知識點
×
建立新版本
×
刪除媒體
×
loading ...
×
版面的結構說明
分享
QR code
列印
瀏覽: 420,
最近修訂: 2022-01-26
版面的結構說明
分享
QR code
列印
瀏覽: 420,
最近修訂: 2022-01-26
自訂頁面,提供彈性的排版與內容設計,建立時可以直接套用已經設計好的「樣版」或依下列步驟設計。
版面設計 (排版)
以列 (row) 為單位設計,將上方的「內容區塊」,拖曳到適合的位置。
內容模組安排
內容呈現採模組化的設計,每一個內容區塊,可以放多個模組,做法很簡單,將「模組清單」或「公告模組」內的模組,拖曳到排版好的「內容區塊」內就可以了。
設計內容
設計模組的內容與設定,例如編輯 html or 圖片輪播的圖片與顯示方式。
以下是自訂頁面的結構說明。
重點
1.
內容區塊 (排版)
可以設計一行 (row) 有幾欄,呈現時,會依據手機、平版的寬度自動調整。
電腦
依據設定的欄位排版。
手機
因為顯示寬度不足,通常會顯示成一欄 (如右圖)。
平版
若勾選「版面支援」設定中的「平版」 (下圖箭頭處),當平板的解析度 >=768px 時 ,就會維持多欄排版。
2.
內容置中 or 全版面顯示
由於顯示器的解析度變化很大,除非特殊考量,建議置中顯示,因為內容的排版會比較容易。
3.
其他功能說明
摘要說明如下:
區塊整列 (row) 樣式
設定一整個 row 區塊的樣式,例如: 背景圖片、CSS 設計等。
區塊樣式
個別區塊的樣式設定。
模組外觀
包括標題、圖片、框線 ... 等
動畫設計
捲動到模組的位置時,用動畫的方式呈現。
模組內容
設計模組的內容,例如,「HTML 模組」的內容編輯 、「圖片輪播模組」的圖片與顯示方式。
停用 / 啟用
設計中的模組,可以透過停用關閉不顯示。
×
×
複製檢核清單
loading ...
×
×
×
關閉
×
loading ...
上一篇
下一篇
討論
筆記
(0)
未登入或權限不足!
1.
基本觀念
1.1
自訂頁面簡介
1.2
版面的結構說明
1.3
網站首頁設計 ~ 使用自訂頁面 (單位內應用的版型)
1.4
網站首頁設計 ~ 使用自訂頁面 (教育訓練的版型)
2.
操作教學
2.1
從範例網站複製 (套樣版)
2.2
編輯版面的內容
2.3
複製自訂頁面
2.4
設定成「系統首頁」
2.5
自訂版面的欄寬
3.
其它
3.1
將子站設為「網站範本」