FrontPage使用教程之樣板主題

 　　樣板主題是用來定義頁網的背景以及頁網上的頁面標題、項目符號、水平分隔線和導航按鈕的圖案，頁網上各種文本的字體和顏色的。

　　圖一

　　你可以在FrontPage 的浏覽器(Explorer)和FrontPage 的編輯器(Editor)中利用基本相同的界面來選擇你喜愛的樣板主題，應用於你的網頁中，見上圖一。

　　在FrontPage 的浏覽器應用樣板主題選擇“查看”菜單(view)下樣板主題(Themes)，顯示出樣板主題菜單，菜單左邊排列著50多種網站樣板主題的名稱，右邊是預覽窗口，你可在左邊點擊樣板主題的名稱，在右邊預覽窗口看效果，選好中意的樣板主題後，按“套用”( Apply)按鈕，你的網站上的所有網頁都會自動具有與你在預覽窗口看到的完全相同的顏色、字體、圖案等屬性。

　　在FrontPage 的編輯器中可選擇 “格式”(Format)菜單下“主題”(Theme)。這兩種應用的方式步驟基本相同，結果卻不大相同：在浏覽器應用樣板主題是針對當前的FrontPage網站的所有網頁的，而在編輯器應用樣板主題只針對當前編輯的一個網頁，對網站中的其它網頁沒有影響。

　　在圖一樣板主題菜單中的主題列表下，有三個非常重要的復選框：

　　通過這三個選項可以對你選定的樣板主題做出更進一步定義。一般來說，如果你的網站的訪問者們的浏覽器版本較低，或是網絡傳輸速度較慢，你應該選擇較為簡單樸素的頁面風格，盡量少選或不選這三個選項。反之，如果訪問你的網站的浏覽器版本較高(IE 4.0和Communicater 4.0 以上)，網速較快(特別適於局域網上)，你就可以充分利用這三個選項的組合，設計出有動感的、輕松活潑的網頁。

　　網頁上導航按鈕的屬性由FrontPage 的編輯器中“插入”菜單下“導航欄”中指定，如圖二。要修改網頁巳有的導航按鈕的屬性可單擊鼠標右鍵，選擇“FrontPage組件屬性”。

　　圖二

　　需要提醒初學者注意的是，“導航欄屬性” 菜單上是不能修改導航按鈕的個數和按鈕上的具體文字的，這些內容均根據FrontPage 浏覽器(Explorer)中網站的組織圖自動安排，組織圖中每一個方框代表一個網頁，方框裡的文字就是出現在網頁導航按鈕上的文字，按鈕上的文字也只能在FrontPage 浏覽器(Explorer)的網站組織圖中修改，未在組織圖中出現的網頁，也就沒有對應的導航按鈕。見圖三。

　　圖三

　　樣板主題的屬性在使用過程中是不能修改的，雖然大家可以利用樣板主題輕松地設計出外觀精美的有專業水平的網站，但如果大家都從這五十種樣板主題選擇自己的網站風格，在Internet上會有多少似曾相識的面孔呀?!好在FrontPage CD-ROM.中還為不甘平庸的設計人員准備了一個小工具，FrontPage Theme Designer，利用它你就可以輕輕松松地設計和修改只屬於你自己、天下獨一份的主題樣式了

　　一、樣板主題(theme)的組成

　　每個網站在具體應用樣板主題時，都只會用到樣板主題中的部分組成成員，但一個完整的樣板主題必須包括為以下幾組配置：

　　1、基本配置

　　應用於整個樣板主題設置。

　　樣板主題的名稱;標題和正文的字型字體;全站導航按鈕的圖案;背景圖案

　　2、簡單圖案

　　在未選“使用更漂亮的圖案”(Active Graphics)復選框時使用的樣板主題成員。

　　一個網頁標題圖案;一個水平分隔線的圖案;三個級別 GIF項目符號;一個水平導航按鈕的圖案;一個垂直導航按鈕的圖案;一組Home, Next, Previous, 和 Up 導航按鈕的圖案

　　3、活潑圖案

　　Active Graphics在選中“使用更漂亮的圖案”(Active Graphics)復選框時使用的樣板主題成員。

　　一個網頁標題圖案(可選動畫);一個水平分隔線的圖案(可選動畫);三個級別 GIF項目符號(可選動畫);三個用來建“動態按鈕”的水平導航按鈕的圖案 (平常時, 變化時, 按下後);三個用來建“動態按鈕”的垂直導航按鈕的圖案 (平常時, 變化時, 按下後);三組用來建“動態按鈕”的Home, Next, Previous 和 Up 導航按鈕的圖案(平常時, 變化時, 按下後)

　　4、基本顏色

　　在未選“使用活潑的色彩(Vivid Colors)”復選框時使用的樣板主題成員。

　　默認文本顏色 - 通常是黑色或深色;三種超級鏈接的顏色(當前的、未訪問的和訪問過的);三維表格邊框的顏色( 通常是automatic/gray);網頁背景顏色 ( 通常是淺色或白色)

　　5、活潑顏色

　　在選中“使用活潑的色彩(Vivid Colors)”復選框時使用的樣板主題成員。

　　默認文本顏色;三種超級鏈接的顏色;三維表格邊框的顏色;網頁背景顏色

　　必需注意的是：所有樣板主題中的同一類別的圖案應保持大小一致，以保證在應用各種樣板主題時網頁的布局不會改變。

　　二、樣板主題(Theme)的設計技巧

　　1、字體的設置

　　與Microsoft Word等文字處理軟件不同，在HTML語言中你無法精確定義每種字體大小，它只提供七種設置，而這七種設置具體大小是由Web浏覽器而非網頁設計者來控制的。

　　在為一個樣板主題選擇字體時，你還必須考慮到你所采用的字體的通用性，如果你為樣板主題的標題安排了“琥珀”字體，在網頁上應用這個樣板主題很有可能達不到預期的效果，因為很多浏覽你的網頁的用戶很有可能恰好沒有安裝這種字體!如果你使用了不太常見的字體，除了少數幾種Windows系統字型如Arial, Times New Roman ，Courier New,宋體和黑體之外的字體，你還必需為你所選的字體准備一個或幾個替代字體，以備用戶機器中沒有安裝你的首選字體時，可以采用你的第二選、第三選字體。

　　2、圖案的設計

　　合適的圖案會為你的網頁錦上添花，標題和按鈕的圖案質量直接影響著網頁的美觀。在為樣板主題設計圖案時，應考慮以下問題：

　　色彩的和諧

　　圖案的通用性

　　動畫的趣味性

　　3、文字的安排

　　在樣本主題中的圖案上一般是沒有文字的， 標題與按鈕上的文字是在具體應用於某個網站時，根據用戶網站的組織圖的安排來填寫。在設計樣本主題時，我們需要為標題與按鈕上的文字指定字體、顏色等屬性。

　　在設計一個上面要安排文字的圖案時，我們需說明文字的這些屬性：

　　文字的字體

　　文字的顏色

　　水平對齊方式

　　垂直對齊方式

　　樣本主題中上面安排有文字的圖案必須以GIF格式保存。

　　4、透明像素的使用

　　在樣本主題中每個圖案的具體大小是固定的，當你為樣本主題准備的圖案的尺寸較小時，需在四周填上透明的像素，以保證你所設計的樣本主題在具體應用中不會改變網頁的頁面布局和安排。

　　所有的導航按鈕(頂層、水平和垂直)是被緊密地排列在一起的，如果你喜歡它們之間有一定間隔，也可通過填上一些透明的像素來實現。

　　5、動態效果的使用

　　網頁上的動態效果主要包括兩種實現方式： GIF動畫和動態按鈕。合理地應用動態效果會使你的網頁更加活潑而有生氣，但也會由於文件較大而影響網頁下載的速度。所以每個樣本主題的網頁標題、水平分隔線、標目符號中最好只有一個采用GIF動畫， 圖像采用GIF89a 格式。

　　配置一個動態按鈕時，除了象配置其它普通按鈕一樣，給按鈕定義相應文本屬性和一個按鈕圖案外，還需給它再額外定義兩個圖案，一個在鼠標指針在按鈕經過時, 按鈕圖案變化時使用;另一個是表示按鈕巳被按下的圖案。

　　6、樣本主題的 INF 文件

　　每個樣本主題都由兩個擴展名為INF 的文件來管理和控制。一個是每個樣本主題特定的INF文件 .inf，這個文件的指令只控制這一個樣本主題，另外，還有一個頂層的文件themes.inf ，它的指令控制著安裝於計算機上的所有樣本主題。FrontPage 樣本主題中定義的文字字型均默認是windows-1252字符集中的，如果網頁保存在其它字符集中，需在themes.inf 文件中加以說明。

　　每個樣本主題都有特定的INF文件 .inf 。

　　例如 arcs.inf 文件的內容如下：

　　[info]

　　title=Arcs 樣本主題顯示的名稱

　　codepage=1252 這個文件所采用的Windows 代碼集

　　version=01.01 樣本主題的版本號

　　readonly=true 是否允許修改