自行設計主題風格

架構說明

Step by step

1. 首頁

2. 內頁框架

3. 首頁資料區

4. 右邊幅

檔案命名規則

CSS說明

完工檢查表

一、首頁

首頁「計數器、加入最愛」說明

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

(1) 如何選首頁版型?

  1. 決定您是要形象型或資料型 (請參考架構說明)

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

  3. 如果右列樣式均不符您的構想, 則您也可以選擇完全自行設計 (不套版型) 的版型, 如 td 與 tu。但請注意, WeB66首內頁版型含有程式功能, 在您的後台管理 首頁架構內頁架構頁底架構 時, 選單可拉 bar 直接抓取系統中的網頁或模組資料, 管理起來很方便;但 td 與 tu 版型則無這個能力 !

  4. 首內頁的選單數量有限制, 右列版型簡述提示您最多選單數量, 您的選單數量無法超過此最大值;而當您的選單數少於最大值時, 沒有使用的選單不會顯示出來, 並且自動向某一方靠齊。倘若您所需要的選單數量很多, 可將某些選單採用群組的方式, 在前台瀏覽時這些群組的選單就會自動拉出下拉式(層)選單。如果這樣仍嫌不足, 您可以考慮使用如 td 與 tu 版型, 這樣您要多少選單就多少選單。

  5. 內頁框架版型說明請參考內頁框架

-- TOP --

 

 

(2) 如何設計與上傳?

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

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

Q: 什麼資料夾?

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

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

Q: 那些檔案?

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

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

  有 CSS 檔 ( theme.css 其內容用以定義首頁的內容, 但不包含 intro 及 edge)

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

  1. 區塊範例:

假設這是您要的首頁

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

 

您會選擇 td 版型, 並依其說明知道要分成兩個區塊。

HTML

 

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

(一) 上方 HTML 檔, 及其背景圖 (或 FLASH 檔)

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

(二) 下方圖檔

 

 

  1. 選單範例(一):

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

normal:

mouseover:

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

  1. 選單範例(二):

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

normal:

mouseover:

又如:號標加底圖

normal:

mouseover:

 

 

-- TOP --

 

(3) CSS 調整什麼?

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

  1. 首頁某些文字的字級、字型、字色、上下左右間隔、置中或靠左或靠右...等, 如:

- 選單文字

- 訪客計數器

- 加入最愛

- 設為首頁

- 其他

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

註 1:首頁資料區 intro 有它自己的 CSS 檔, 不受首頁 CSS 檔來管制。
     資料型首頁的 edge  也有它自己的 CSS 檔, 不受首頁 CSS 檔來管制。

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

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

-- TOP --

 

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

版型 簡                述

ta

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

tc

尺寸:778*475
最多選單數量:左*5個

td

尺寸:778*475
最多選單數量:下*5個

te

* head 為 HTML + headbar底圖
其他同ta

tf

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

side上方為商品搜尋
side下方為HTML自由編輯區

ti

尺寸:778,最多選單數量:上*8,* head 為 HTML + headbar底圖,無side

tu

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

tl

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

side下方為HTML自由編輯區

th

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

tj

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

mf

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

mg

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

mb

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

wl

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

mh

商城專用

mi

商城專用

tb

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

side上方及下方為HTML自由編輯區