自行設計主題風格

架構說明

Step by step

1. 首頁

2. 內頁框架

3. 首頁資料區

4. 右邊幅

檔案命名規則

CSS說明

完工檢查表

 

一、樹狀架構:

本說明主要重點為首頁及內頁的導覽框架之設計,而設計者也可以在首頁之前安排一個 Flash 歡迎頁(一般為 6~12 秒動畫),所以網站架構可以分成 =  歡迎頁+首頁+內頁(多層次內頁)

本系統中網站管理者可以在 主題風格/歡迎頁 中,自行上傳及設定是否出現歡迎頁。

 

二、首頁類型:

(一) 形象型

  • 首頁以(企業)形象為主。

  • 只放最希望網友優先點選的選單(選單數量較少), 內頁框架才顯示所有選單。

  • 使用形象型的網站, 其內頁比較不需要「回首頁」按鈕。

  • 形象型首頁也可以使用首頁資料區 (intro), 但不會有右邊幅 (edge), 請參考首頁資料區說明


(二) 資料型

  • 首頁以資料為主, 提供網友多資料的呈現與查詢。

  • 首頁與內頁的選單安排可能差不多。

  • 首頁除了選單框架之外, 一定要有首頁資料區 (intro), 也通常會有右邊幅 (edge)。

  • 正因為首頁為整個網站的 "基地", 故內頁通常需要「回首頁」按鈕。

  • 首頁資料區及右邊幅可運用系統模組自動帶出模組的資料, 模組的項目有:
    自由編輯區 (HTML)公佈欄活動訊息好站相連推薦商品特價商品新商品商品搜尋會員登錄訂閱電子報等, 請參考首頁資料區說明右邊幅說明

 

三、頁面結構: ( 註: 首頁與內頁均依循此結構, 然形象形首頁之結構則因版型而異)

■以區塊分為 head、side、intro、edge、foot 五大區塊,如右圖

■以本系統結構分為:

1. 框架:

head (上選單) -- 包含美工形象及導覽選單

side (左選單) -- 包含美工形象及導覽選單

您可自行設計此 2 區的美工、選單(button)的圖樣、選單在滑鼠經過時(mouse over)的圖樣、文字格式等等。

[註] 套用系統版型的框架,其選單於後台可利用程式提供的拉 Bar 功能,隨心所欲地拉選自己所需的網頁及模組功能。

2. 資料區:

intro (主資料區) -- 資料型首頁的主資料區可自動抓取諸如:活動訊息、我們的作品、新商品、推薦商品.....等資料;而內頁的主資料區則為網頁內容。

head

side

intro

edge

foot

edge (右邊幅) -- 資料型首頁的右邊幅可自動抓取諸如:活動訊息、我們的作品......等資料;而內頁則僅在部份系統模組頁面,才會秀出來。

您可自行設計intro及edge各模組區塊的美工標題、背景圖、文字格式等等, 詳細說明請參考首頁資料區說明右邊幅說明

3. foot (頁底)

包括頁底選單(也是利用程式提供的拉 Bar 功能,拉選出自己所需的網頁及模組) 及頁底註記。頁底註記可選擇模組或自行設計,如果您要自行設記請先至 主題風格/頁底架構 中選擇最後一項模組(自行編輯),然後再到 基本資料/歡迎頁 中最後一項欄位(頁底註記 CopyRight)中, 輸入您所需要的文字資料, 或者您也可以直接下HTML語法。如果您要放圖片或您的HTML過多(超過字數限制1000字元), 也可以先上傳某個HTML檔到 上傳空間, 然後再由此欄位叫出此檔案。