自行設計主題風格

架構說明

Step by step

1. 首頁

2. 內頁框架

3. 首頁資料區

4. 右邊幅

檔案命名規則

CSS說明

完工檢查表

二、內頁框架

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)如何選擇內頁框架版型

  1. 內頁框架的 head 有 JPG圖檔與 HTML 兩種格式, 如果您的內頁框架的 head 要用 FLASH, 或是以任何圖檔當背景並加一些 Banner、跑馬燈、其他連結等素材, 則應選擇 HTML 格式。
    註:內頁框架某些版型的 head 區塊包含了 HTML 及 headbar 圖檔。

  2. 內頁框架的選單數量有限制, 一般而言均是 headbar * 4個、 sidebar * 15個, 您的選單數量無法超過此最大值;而當您的選單數少於最大值時, 沒有使用的選單不會顯示出來, 並且自動向某一方靠齊。倘若您所需要的選單數量很多, 可將某些選單採用群組的方式, 在前台瀏覽時這些群組的選單就會自動拉出下拉式(層)選單。如果這樣仍嫌不足, 您可以考慮使用 yb 版型, 這樣您要多少選單就多少選單。

  3. 內頁框架樣式大致有 2 種:有或沒有 side

 

也有樣式相同, 但 head 格式不一樣:JPG設計圖檔 或 HTML + headbar底圖

 

 

 

-- TOP --

 

(2) 如何設計與上傳?

  1. 點選右列版型圖樣, 可看每一組首內頁版型的詳細說明。

  2. 系統會依照您所選擇的版型, 到 上傳空間某個資料夾抓取相關檔案

Q: 什麼資料夾?

A: 首頁的檔案放到 theme資料夾; 內頁框架的檔案放到 page資料夾

  這 2 個資料夾需要您自己到 上傳空間 去新增。

Q: 那些檔案?

A: 有圖檔 (區塊美工底圖 JPG、背景圖 JPG、選單的圖 GIF...)

  有HTML (包含這個 HTML 檔, 及其所含的圖檔或 FLASH 檔...)

  有 CSS 檔 ( page.css 其內容用以定義內頁框架的設定)

這些檔案都在您所點選的版型說明中所示, 另請參考檔案命名規則CSS 說明完工檢查表

  1. 區塊範例:

假設這是您要的內頁框架

 

 

依照版型說明, 您知道要分成兩個區塊

head

side

 

並分別完成這兩個區塊的檔案:

(一) head JPG圖檔

 

(二) side JPG圖檔

 

 

 

如果您的 head 需要多一點變化, 則您應選擇 HTML 規格:

head HTML

side

 

範例

head HTML

內頁範例 歡迎使用 WeB66                                 is the best !

註:這個版型的 head 區塊包含了 HTML 及 headbar 圖檔。

 

 

  1. 選單範例(一):

選單要上 2 個圖檔, 一個為正常顯示的 button, 另一個為滑鼠經過時的 button。

normal:

mouseover:

而選單的文字則在內頁架構中拉 bar 選出網頁的名稱 (文字樣式於CSS檔中設定)

  1. 選單範例(二):

您也可以變換一下選單的花樣, 比如說:只有號標

normal:

mouseover:

又如:號標加底圖

normal:

mouseover:

 

-- TOP --

 

(3) CSS 調整什麼?

內頁框架需要上傳的檔案除了與版型圖示的 HTML 檔及圖檔之外, 還要上傳一支 CSS 檔, 這個檔案用來設定內頁框架的某些規格, 諸如:

  1. 內頁框架選單文字的字級、字型、字色、上下左右間隔、置中或靠左或靠右...等。

  1. 群組選單的下拉(層)選單的文字、邊框、底色、mouseover 時的底色...等。

註 1:整個網站主題風格需要 4 個 CSS 檔, 分別是:
首頁 -- theme.css
內頁框架 -- page.css
首頁資料區 -- intro.css
邊幅 -- edge.css

註 2:更詳細解說請參考 CSS 說明

-- TOP --

 

  點選版型圖樣, 看詳細說明

版型 簡                述

ya

最多選單數量:上*4個 ; 左*15個
* head為JPG設計圖

yb

不套版型,完全自行發揮
內頁框架選單無程式拉架構

yc

最多選單數量:上*4個 ; 左*15個
* head 為 HTML + headbar底圖

yd

ASP專用
*參考建築世界e城市

ye

商城專用
*參考新浪U4Me商城、台灣固網商城、MyChat商城、伊卡島商城

yf

商城專用
*參考全國達康商城、veryname O-ne美人網、Amoney商城

yg

商城專用
*參考台灣葡萄產業策略聯盟紫晶館商城

yh

最多選單數量:上*8個,由左排起 * head 為 HTML + headbar底圖

yi

最多選單數量:上*8個
* head 為 HTML + headbar底圖

yj

尺寸:778*800
最多選單數量:上*8個; 左*15個
head 為 HTML
side有會員登入,商品搜尋及HTML

yk

最多選單數量:上*8個,由左排起
 head 為 HTML + headbar底圖

ym

尺寸:778
最多選單數量:上*8個
文字連結數量:上*6個
 head 為 HTML + headbar底圖,無side

yl

尺寸:778*800
最多選單數量:上*8個 ; 左*15個
* head 為 HTML + headbar底圖

side下方為HTML自由編輯區

yn

商城專用
*參考新浪商城

yd

ASP專用

yo

尺寸:778*800
head 為 HTML
side有2個HTML

yp

 head 為 HTML