前言

「樣板主題」決定網站的視覺風格：背景、標題字型、項目符號、分隔線、導覽按鈕、文字顏色等。FP 提供 50 種內建主題，並支援進階自訂。

圖 1：樣板主題選擇介面

套用主題的兩種方式

方式	位置	影響範圍
瀏覽器	「檢視」→「樣板主題」	整個 FrontPage 網站所有頁面
編輯器	「格式」→「主題」	僅目前編輯的單一頁面

三大進階選項

主題清單下方三個核取方塊：

• 使用更生動的圖片：啟用動態按鈕、動畫標題/分隔線/項目符號。
• 使用生動的色彩：套用高飽和度配色方案。
• 使用 Active Graphics：同上，針對較新瀏覽器（IE 4+、Communicator 4+）與高速網路（區域網路）啟用豐富視覺效果。

若訪客瀏覽器舊或網速慢，建議取消勾選以確保相容與速度。

導覽按鈕與網站結構圖

導覽按鈕文字、數量、階層完全由「瀏覽器」中的「網站結構圖」決定：

• 每個方塊代表一個頁面，方塊文字即按鈕文字。
• 修改按鈕文字必須在結構圖中修改方塊名稱。
• 未出現在結構圖的頁面不會產生導覽按鈕。

圖 2：導覽列屬性

圖 3：網站結構圖

主題元件組成（完整規格）

1. 基本組態：主題名稱、標題/本文字型、全站導覽按鈕圖樣、背景圖樣。
2. 靜態圖樣（未勾選生動圖片）：頁面標題、水平分隔線、三層級 GIF 項目符號、水平/垂直導覽按鈕、Home/Next/Previous/Up 按鈕組。
3. 動態圖樣（勾選生動圖片）：上述所有元件各三態（正常、滑鼠移入、按下），標題/分隔線/項目符號可為動畫。
4. 基本色彩（未勾選生動色彩）：預設文字色、三種連結色、3D 表格框線色、頁面背景色。
5. 生動色彩（勾選生動色彩）：對應上述四組高飽和度色彩。

重要：同類別圖樣尺寸必須一致，否則套用不同主題時版面會跳動。

自訂主題設計技巧

1. 字型選擇

• HTML 僅支援 7 級字型大小，實際像素由瀏覽器決定。
• 優先使用通用字型：Arial, Times New Roman, Courier New, 細明體/新細明體, 黑體/微軟正黑體。
• 非常用字型必須設定 fallback（如 font-family: "琥珀", "微軟正黑體", sans-serif;）。

2. 圖樣設計原則

• 色彩和諧：主色調 ≤ 3 色，輔助色 ≤ 2 色。
• 通用性：避免文化特定符號，確保國際化友善。
• 動畫趣味：GIF 動畫每主題最多用於一個元件（標題/分隔線/項目符號擇一），格式用 GIF89a。

3. 文字屬性預設

主題圖樣本身不含文字，套用時由結構圖填入。設計時需預訂：字型、顏色、水平/垂直對齊。含文字圖樣必須存為 GIF。

4. 透明像素運用

• 圖樣尺寸固定，實際圖案較小時四周填透明像素，保持版面不變形。
• 導覽按鈕緊密排列，若需間距，亦以透明像素撐開。

5. 動態效果實作

• GIF 動畫：標題/分隔線/項目符號擇一使用。
• 動態按鈕：除正常態圖樣外，額外需「滑鼠移入態」、「按下態」兩張圖樣。

6. INF 設定檔

每主題一 .inf 檔控制自身，全域 themes.inf 控制所有主題。範例 arcs.inf：

[info]
title=Arcs
codepage=1252
version=01.01
readonly=true

若網頁非 Windows-1252 編碼，需在 themes.inf 註明字符集。

FrontPage Theme Designer

光碟附贈小工具，可視化設計專屬主題，擺脫 50 組內建主題的雷同感。

結語

善用內建主題快速成型，進階需求再用 Theme Designer 客製化，兼顧效率與獨特性。