樣板主題是用來定義頁網(wǎng)的背景以及頁網(wǎng)上的頁面標(biāo)題、項(xiàng)目符號、水平分隔線和導(dǎo)航按鈕的圖案,頁網(wǎng)上各種文本的字體和顏色的。

圖一
你可以在FrontPage 的瀏覽器(Explorer)和FrontPage 的編輯器(Editor)中利用基本相同的界面來選擇你喜愛的樣板主題,應(yīng)用于你的網(wǎng)頁中,見上圖一。
在FrontPage 的瀏覽器應(yīng)用樣板主題選擇“查看”菜單(view)下樣板主題(Themes),顯示出樣板主題菜單,菜單左邊排列著50多種網(wǎng)站樣板主題的名稱,右邊是預(yù)覽窗口,你可在左邊點(diǎn)擊樣板主題的名稱,在右邊預(yù)覽窗口看效果,選好中意的樣板主題后,按“套用”( Apply)按鈕,你的網(wǎng)站上的所有網(wǎng)頁都會自動(dòng)具有與你在預(yù)覽窗口看到的完全相同的顏色、字體、圖案等屬性。
在FrontPage 的編輯器中可選擇 “格式”(Format)菜單下“主題”(Theme)。這兩種應(yīng)用的方式步驟基本相同,結(jié)果卻不大相同:在瀏覽器應(yīng)用樣板主題是針對當(dāng)前的FrontPage網(wǎng)站的所有網(wǎng)頁的,而在編輯器應(yīng)用樣板主題只針對當(dāng)前編輯的一個(gè)網(wǎng)頁,對網(wǎng)站中的其它網(wǎng)頁沒有影響。
在圖一樣板主題菜單中的主題列表下,有三個(gè)非常重要的復(fù)選框:
通過這三個(gè)選項(xiàng)可以對你選定的樣板主題做出更進(jìn)一步定義。一般來說,如果你的網(wǎng)站的訪問者們的瀏覽器版本較低,或是網(wǎng)絡(luò)傳輸速度較慢,你應(yīng)該選擇較為簡單樸素的頁面風(fēng)格,盡量少選或不選這三個(gè)選項(xiàng)。反之,如果訪問你的網(wǎng)站的瀏覽器版本較高(IE 4.0和Communicater 4.0 以上),網(wǎng)速較快(特別適于局域網(wǎng)上),你就可以充分利用這三個(gè)選項(xiàng)的組合,設(shè)計(jì)出有動(dòng)感的、輕松活潑的網(wǎng)頁。
網(wǎng)頁上導(dǎo)航按鈕的屬性由FrontPage 的編輯器中“插入”菜單下“導(dǎo)航欄”中指定,如圖二。要修改網(wǎng)頁巳有的導(dǎo)航按鈕的屬性可單擊鼠標(biāo)右鍵,選擇“FrontPage組件屬性”。

圖二
需要提醒初學(xué)者注意的是,“導(dǎo)航欄屬性” 菜單上是不能修改導(dǎo)航按鈕的個(gè)數(shù)和按鈕上的具體文字的,這些內(nèi)容均根據(jù)FrontPage 瀏覽器(Explorer)中網(wǎng)站的組織圖自動(dòng)安排,組織圖中每一個(gè)方框代表一個(gè)網(wǎng)頁,方框里的文字就是出現(xiàn)在網(wǎng)頁導(dǎo)航按鈕上的文字,按鈕上的文字也只能在FrontPage 瀏覽器(Explorer)的網(wǎng)站組織圖中修改,未在組織圖中出現(xiàn)的網(wǎng)頁,也就沒有對應(yīng)的導(dǎo)航按鈕。見圖三。

圖三
樣板主題的屬性在使用過程中是不能修改的,雖然大家可以利用樣板主題輕松地設(shè)計(jì)出外觀精美的有專業(yè)水平的網(wǎng)站,但如果大家都從這五十種樣板主題選擇自己的網(wǎng)站風(fēng)格,在Internet上會有多少似曾相識的面孔呀?!好在FrontPage CD-ROM.中還為不甘平庸的設(shè)計(jì)人員準(zhǔn)備了一個(gè)小工具,F(xiàn)rontPage Theme Designer,利用它你就可以輕輕松松地設(shè)計(jì)和修改只屬于你自己、天下獨(dú)一份的主題樣式了
一、樣板主題(theme)的組成
每個(gè)網(wǎng)站在具體應(yīng)用樣板主題時(shí),都只會用到樣板主題中的部分組成成員,但一個(gè)完整的樣板主題必須包括為以下幾組配置:
1、基本配置
應(yīng)用于整個(gè)樣板主題設(shè)置。
樣板主題的名稱;標(biāo)題和正文的字型字體;全站導(dǎo)航按鈕的圖案;背景圖案
2、簡單圖案
在未選“使用更漂亮的圖案”(Active Graphics)復(fù)選框時(shí)使用的樣板主題成員。
一個(gè)網(wǎng)頁標(biāo)題圖案;一個(gè)水平分隔線的圖案;三個(gè)級別 GIF項(xiàng)目符號;一個(gè)水平導(dǎo)航按鈕的圖案;一個(gè)垂直導(dǎo)航按鈕的圖案;一組Home, Next, PRevious, 和 Up 導(dǎo)航按鈕的圖案
3、活潑圖案
Active Graphics在選中“使用更漂亮的圖案”(Active Graphics)復(fù)選框時(shí)使用的樣板主題成員。
一個(gè)網(wǎng)頁標(biāo)題圖案(可選動(dòng)畫);一個(gè)水平分隔線的圖案(可選動(dòng)畫);三個(gè)級別 GIF項(xiàng)目符號(可選動(dòng)畫);三個(gè)用來建“動(dòng)態(tài)按鈕”的水平導(dǎo)航按鈕的圖案 (平常時(shí), 變化時(shí), 按下后);三個(gè)用來建“動(dòng)態(tài)按鈕”的垂直導(dǎo)航按鈕的圖案 (平常時(shí), 變化時(shí), 按下后);三組用來建“動(dòng)態(tài)按鈕”的Home, Next, Previous 和 Up 導(dǎo)航按鈕的圖案(平常時(shí), 變化時(shí), 按下后)
4、基本顏色
在未選“使用活潑的色彩(Vivid Colors)”復(fù)選框時(shí)使用的樣板主題成員。
默認(rèn)文本顏色 - 通常是黑色或深色;三種超級鏈接的顏色(當(dāng)前的、未訪問的和訪問過的);三維表格邊框的顏色( 通常是automatic/gray);網(wǎng)頁背景顏色 ( 通常是淺色或白色)
5、活潑顏色
在選中“使用活潑的色彩(Vivid Colors)”復(fù)選框時(shí)使用的樣板主題成員。
默認(rèn)文本顏色;三種超級鏈接的顏色;三維表格邊框的顏色;網(wǎng)頁背景顏色
必需注意的是:所有樣板主題中的同一類別的圖案應(yīng)保持大小一致,以保證在應(yīng)用各種樣板主題時(shí)網(wǎng)頁的布局不會改變。
二、樣板主題(Theme)的設(shè)計(jì)技巧
1、字體的設(shè)置
與Microsoft Word等文字處理軟件不同,在HTML語言中你無法精確定義每種字體大小,它只提供七種設(shè)置,而這七種設(shè)置具體大小是由Web瀏覽器而非網(wǎng)頁設(shè)計(jì)者來控制的。
在為一個(gè)樣板主題選擇字體時(shí),你還必須考慮到你所采用的字體的通用性,如果你為樣板主題的標(biāo)題安排了“琥珀”字體,在網(wǎng)頁上應(yīng)用這個(gè)樣板主題很有可能達(dá)不到預(yù)期的效果,因?yàn)楹芏酁g覽你的網(wǎng)頁的用戶很有可能恰好沒有安裝這種字體!如果你使用了不太常見的字體,除了少數(shù)幾種Windows系統(tǒng)字型如Arial, Times New Roman ,Courier New,宋體和黑體之外的字體,你還必需為你所選的字體準(zhǔn)備一個(gè)或幾個(gè)替代字體,以備用戶機(jī)器中沒有安裝你的首選字體時(shí),可以采用你的第二選、第三選字體。
2、圖案的設(shè)計(jì)
合適的圖案會為你的網(wǎng)頁錦上添花,標(biāo)題和按鈕的圖案質(zhì)量直接影響著網(wǎng)頁的美觀。在為樣板主題設(shè)計(jì)圖案時(shí),應(yīng)考慮以下問題:
色彩的和諧
圖案的通用性
動(dòng)畫的趣味性
3、文字的安排
在樣本主題中的圖案上一般是沒有文字的, 標(biāo)題與按鈕上的文字是在具體應(yīng)用于某個(gè)網(wǎng)站時(shí),根據(jù)用戶網(wǎng)站的組織圖的安排來填寫。在設(shè)計(jì)樣本主題時(shí),我們需要為標(biāo)題與按鈕上的文字指定字體、顏色等屬性。
在設(shè)計(jì)一個(gè)上面要安排文字的圖案時(shí),我們需說明文字的這些屬性:
文字的字體
文字的顏色
水平對齊方式
垂直對齊方式
樣本主題中上面安排有文字的圖案必須以GIF格式保存。
4、透明像素的使用
在樣本主題中每個(gè)圖案的具體大小是固定的,當(dāng)你為樣本主題準(zhǔn)備的圖案的尺寸較小時(shí),需在四周填上透明的像素,以保證你所設(shè)計(jì)的樣本主題在具體應(yīng)用中不會改變網(wǎng)頁的頁面布局和安排。
所有的導(dǎo)航按鈕(頂層、水平和垂直)是被緊密地排列在一起的,如果你喜歡它們之間有一定間隔,也可通過填上一些透明的像素來實(shí)現(xiàn)。
5、動(dòng)態(tài)效果的使用
網(wǎng)頁上的動(dòng)態(tài)效果主要包括兩種實(shí)現(xiàn)方式: GIF動(dòng)畫和動(dòng)態(tài)按鈕。合理地應(yīng)用動(dòng)態(tài)效果會使你的網(wǎng)頁更加活潑而有生氣,但也會由于文件較大而影響網(wǎng)頁下載的速度。所以每個(gè)樣本主題的網(wǎng)頁標(biāo)題、水平分隔線、標(biāo)目符號中最好只有一個(gè)采用GIF動(dòng)畫, 圖像采用GIF89a 格式。
配置一個(gè)動(dòng)態(tài)按鈕時(shí),除了象配置其它普通按鈕一樣,給按鈕定義相應(yīng)文本屬性和一個(gè)按鈕圖案外,還需給它再額外定義兩個(gè)圖案,一個(gè)在鼠標(biāo)指針在按鈕經(jīng)過時(shí), 按鈕圖案變化時(shí)使用;另一個(gè)是表示按鈕巳被按下的圖案。
6、樣本主題的 INF 文件
每個(gè)樣本主題都由兩個(gè)擴(kuò)展名為INF 的文件來管理和控制。一個(gè)是每個(gè)樣本主題特定的INF文件 .inf,這個(gè)文件的指令只控制這一個(gè)樣本主題,另外,還有一個(gè)頂層的文件themes.inf ,它的指令控制著安裝于計(jì)算機(jī)上的所有樣本主題。FrontPage 樣本主題中定義的文字字型均默認(rèn)是windows-1252字符集中的,如果網(wǎng)頁保存在其它字符集中,需在themes.inf 文件中加以說明。
每個(gè)樣本主題都有特定的INF文件 .inf 。
例如 arcs.inf 文件的內(nèi)容如下:
[info]
title=Arcs 樣本主題顯示的名稱
codepage=1252 這個(gè)文件所采用的Windows 代碼集
version=01.01 樣本主題的版本號
readonly=true 是否允許修改
新聞熱點(diǎn)
疑難解答
圖片精選