《internet應(yīng)用教程》課件第9章

第9章網(wǎng)頁制作9.1FrontPage2003簡介9.2網(wǎng)頁基本操作9.3編輯網(wǎng)頁9.4使用框架9.5制作動態(tài)網(wǎng)頁9.6站點(diǎn)管理 9.1FrontPage2003簡介

FrontPage是Microsoft公司在Office2000中新增的Web站點(diǎn)創(chuàng)建和網(wǎng)頁制作軟件。所有的Office套裝軟件都具有完全相似的窗口界面，功能大致相同的菜單命令、工具按鈕，很容易讓人產(chǎn)生親近感，因而用戶在使用Word、Excel等方面的經(jīng)驗(yàn)和技巧都可以運(yùn)用到FrontPage中。

FrontPage2003的功能非常強(qiáng)大，具有創(chuàng)建、組織、管理和瀏覽站點(diǎn)，編輯、布局網(wǎng)頁，調(diào)整網(wǎng)頁之間的層次結(jié)構(gòu)、發(fā)布站點(diǎn)等功能，還能實(shí)現(xiàn)創(chuàng)建或修改站點(diǎn)的結(jié)構(gòu)，導(dǎo)入其他網(wǎng)頁，導(dǎo)出某個網(wǎng)頁，管理訪問權(quán)限，檢驗(yàn)站點(diǎn)中的各個超鏈接等方面的功能。

FrontPage2003能自動地生成全部的HTML代碼，使用FrontPage2003不需要學(xué)習(xí)HTML語言就可以創(chuàng)建一些簡單的網(wǎng)頁。利用菜單可以執(zhí)行FrontPage2003提供的各種編輯命令，在編輯區(qū)內(nèi)，網(wǎng)頁制作者可以不用了解HTML是如何編制的，所見即所得地設(shè)計(jì)和規(guī)劃網(wǎng)頁。9.1.1FrontPage2003界面

FrontPage2003啟動方法與Word2003的啟動方法類似，操作步驟如下：

(1)單擊Windows2000任務(wù)欄上的“開始”按鈕，打開“開始”菜單。

(2)在“開始”菜單中，單擊“程序”→“MicrosoftFrontPage”命令，即可打開FrontPage2003程序的主窗口界面，如圖9-1所示。由于還沒有進(jìn)行任何操作，所以工作區(qū)是空白的。圖9-1FrontPage2003程序的主窗口界面

FrontPage2003的用戶界面與Office2000的其他軟件相似，主要由標(biāo)題欄、菜單欄、工具欄、視圖區(qū)、編輯區(qū)和狀態(tài)欄等幾部分組成，如圖9-2所示。圖9-2FrontPage2003工作界面

1.標(biāo)題欄

標(biāo)題欄位于FrontPage2003工作界面的最上方，它由控制按鈕、窗口標(biāo)識和窗口按鈕三部分組成?？刂瓢粹o位于標(biāo)題欄最左邊，用于執(zhí)行移動、最小化、最大化和關(guān)閉窗口等相關(guān)操作。窗口標(biāo)識占據(jù)了標(biāo)題欄的主要空間，用于標(biāo)識應(yīng)用程序名稱和站點(diǎn)名稱。圖9-3FrontPage2003菜單欄

3.工具欄工具欄以工具按鈕的形式為用戶提供了主要的編輯和管理功能，如圖9-4所示。用戶可調(diào)整在屏幕上顯示的工具欄的種類和工具欄所在的位置。?FrontPage2003提供了常用、?格式、DHTML效果、報(bào)表、表格、導(dǎo)航、定位、圖片、樣式和自定義等工具。打開“查看”菜單下的“工具欄”下的級聯(lián)菜單，可添加用戶所想要的工具欄。圖9-4FrontPage2003常用工具欄圖9-5FrontPage2003網(wǎng)頁視圖在網(wǎng)頁視圖中，編輯區(qū)的左下角有四個切換顯示模式的標(biāo)簽，分別是“設(shè)計(jì)”、“拆分”、“代碼”和“預(yù)覽”標(biāo)簽。單擊“設(shè)計(jì)”標(biāo)簽可切換到設(shè)計(jì)模式。在設(shè)計(jì)模式下可以編輯網(wǎng)頁；單擊“預(yù)覽”標(biāo)簽可切換到預(yù)覽模式，可以預(yù)覽當(dāng)前編輯文檔在瀏覽器中的顯示情況，在預(yù)覽模式下不能編輯網(wǎng)頁；單擊“代碼”標(biāo)簽可切換到HTML模式，此時可直接對網(wǎng)頁對應(yīng)的HTML文本文件進(jìn)行編輯，從而為網(wǎng)頁作一些特殊的設(shè)置。

5.編輯區(qū)

編輯區(qū)是用戶使用得最多的部分，它是管理網(wǎng)站和制作網(wǎng)頁的主要場所。當(dāng)使用管理功能時，編輯區(qū)顯示各種任務(wù)下的文件或站點(diǎn)信息。當(dāng)制作網(wǎng)頁時，它有設(shè)計(jì)、代碼、拆分和預(yù)覽四種顯示方式。設(shè)計(jì)顯示方式最常用，代碼顯示方式是在需要直接編輯或查看網(wǎng)頁文件的HTML代碼時使用，如果會編寫HTML語句，就可以在HTML顯示方式下直接編輯HTML原始代碼并對其進(jìn)行修改。拆分方式使窗口一半顯示設(shè)計(jì)狀態(tài)，一半顯示代碼狀態(tài)。預(yù)覽方式可以隨時觀看所編輯網(wǎng)頁的顯示效果。

6.狀態(tài)欄

狀態(tài)欄位于FrontPage2003窗口界面的底部，如圖9-6所示。它對網(wǎng)頁預(yù)計(jì)下載的時間、網(wǎng)頁大小、網(wǎng)頁創(chuàng)作設(shè)置和瀏覽器設(shè)置進(jìn)行簡單的描述。圖9-6FrontPage2003狀態(tài)欄9.1.2退出FrontPage2003

用戶在完成或終止網(wǎng)頁設(shè)計(jì)工作時，要按照適當(dāng)?shù)牟襟E退出FrontPage2003，以確保不丟失信息。退出FrontPage2003的方法有兩種：一種是單擊“關(guān)閉”按鈕，將程序關(guān)閉；另一種是通過打開“文件”菜單，單擊其中的“退出”命令退出程序。

如果用戶編輯或修改過的網(wǎng)頁沒有保存，在退出之前會彈出保存對話框，詢問是否保存。如果要保存，單擊“是(Y)”按鈕，否則單擊“否(N)”按鈕。如果單擊“否(N)”按鈕，這時所做的編輯或修改的內(nèi)容將全部丟失。如果不想退出，則單擊“取消”按鈕。

9.2網(wǎng)頁基本操作

9.2.1創(chuàng)建網(wǎng)頁

網(wǎng)頁是全球廣域網(wǎng)上的基本文檔，用HTML(超文本標(biāo)記語言)書寫。網(wǎng)頁可以是站點(diǎn)的一部分，也可以獨(dú)立存在。網(wǎng)頁文件的創(chuàng)建、保存、打開和關(guān)閉操作與Word相似。創(chuàng)建網(wǎng)頁的操作步驟如下：

(1)打開“文件”菜單，選擇“新建”菜單后，在任務(wù)窗格中單擊“其他網(wǎng)頁模板”，彈出如圖9-7所示的“新建”對話框。

(2)從“常規(guī)”選項(xiàng)卡中選擇所需要的模板。在“預(yù)覽”區(qū)中出現(xiàn)這種模板的預(yù)覽視圖，在“說明”區(qū)中有簡單的描述。

為了更好地了解這些網(wǎng)頁模板，可單擊圖9-7右側(cè)上方的“列表”按鈕，將顯示方式由大圖標(biāo)方式改變?yōu)榱斜矸绞絹盹@示。在列表顯示方式中，可以看到多種模板。通過名稱、說明和預(yù)覽可以了解到各種模板的樣式。圖9-7“新建”對話框

(3)選擇一種模板后，例如“確認(rèn)表單”模板，單擊“確定”按鈕，確定了所選擇的網(wǎng)頁模板，如圖9-8所示。這樣就可以在模板的基礎(chǔ)上修改文字，進(jìn)行網(wǎng)頁編輯等操作了。圖9-8“確認(rèn)表單”模板例如，新建一個“郵件確認(rèn)”網(wǎng)頁，用圖9-9中的文字替代圖9-8模板中的文字，即得到一個簡單的網(wǎng)頁。圖9-9“郵件確認(rèn)”網(wǎng)頁圖9-10“另存為”對話框

(2)輸入文件名，單擊“保存”按鈕就可以完成保存。

如果選擇“文件”菜單中的“另存為”命令，則將文件再保存為一個不同于當(dāng)前文件名的新文件。“另存為”步驟如下：

(1)在“另存為”對話框中，給文件重新起一個名字。

(2)單擊“更改”按鈕，彈出“設(shè)置網(wǎng)頁標(biāo)題”對話框，可以重新設(shè)置網(wǎng)頁標(biāo)題，也可以不改。

(3)單擊“確定”按鈕，完成“另存為”操作。

(2)選擇要打開文件所在的文件夾，打開文件夾。

(3)選中要打開的文件，單擊“打開”按鈕，這樣就打開了選中的文件。圖9-11“打開文件”對話框圖9-12“頁面設(shè)置”對話框 9.3編輯網(wǎng)頁

9.3.1設(shè)置網(wǎng)頁屬性

在“設(shè)計(jì)”視圖顯示方式下，選擇“文件”菜單的“屬性”命令或在編輯區(qū)單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“網(wǎng)頁屬性”命令，即可打開如圖9-13所示的“網(wǎng)頁屬性”對話框。在“網(wǎng)頁屬性”對話框中有“常規(guī)”、“格式”、“高級”、“自定義”、“語言”和“工作組”等六個選項(xiàng)卡，可以對網(wǎng)頁進(jìn)行屬性設(shè)置。圖9-13“網(wǎng)頁屬性”對話框

(1)“常規(guī)”選項(xiàng)卡用來設(shè)置具有鮮明個性和最能概括網(wǎng)頁內(nèi)容的標(biāo)題信息作為網(wǎng)頁標(biāo)題以區(qū)分網(wǎng)頁。在“默認(rèn)的目標(biāo)框架”欄中指定目標(biāo)框架名，使網(wǎng)頁中所有的超鏈接都跳轉(zhuǎn)到指定的目標(biāo)框架中。在“背景音樂”欄中可指定網(wǎng)頁背景音樂，以便瀏覽器打開網(wǎng)頁時能自動播放背景音樂。

(2)“格式”選項(xiàng)卡用來為網(wǎng)頁指定背景圖片、背景顏色、文字顏色和超鏈接顏色。選定“水印”效果可使網(wǎng)頁滾動時背景圖案保持靜止，設(shè)置超鏈接翻轉(zhuǎn)效果能使用戶在瀏覽網(wǎng)頁并指向超鏈接文字時改變字體和顏色特性，如圖9-14所示。

如果網(wǎng)頁應(yīng)用了主題就不能在“網(wǎng)頁屬性”對話框中看到選項(xiàng)卡。圖9-14“格式”選項(xiàng)卡

(3)“高級”選項(xiàng)卡用來指定頁面內(nèi)容相對于頂端和左端以像素為單位的留空距離。

(4)“自定義”選項(xiàng)卡用來定義文檔類型、字符集和頁面創(chuàng)建應(yīng)用程序等系統(tǒng)變量和用戶變量。

(5)“語言”選項(xiàng)卡用來設(shè)置網(wǎng)頁中涉及的語言問題以確保瀏覽器能正常顯示而不出現(xiàn)亂碼。9.3.2編輯文本

FrontPage2003中的文本編輯基本上遵循Windows的文本編輯標(biāo)準(zhǔn)，特別是與Word中的文本編輯功能非常相似。在網(wǎng)頁上輸入文本非常簡單，只要在“設(shè)計(jì)”顯示模式下將插入點(diǎn)定位在需要的地方輸入文本即可。輸入過程中如按回車鍵，F(xiàn)rontPage2003默認(rèn)為另起一個段落，屏幕上將看到光標(biāo)定位在下一個空白行的位置上。

若僅需換行而不希望另起一個段落時，則應(yīng)按Shift+Enter組合鍵或選擇“插入”菜單的“換行”命令并在“換行符屬性”對話框中選中“普通換行符”單選鈕，這樣無論屏幕窗口大小如何，文本都會強(qiáng)制換行。

FrontPage2003提供了多種方法選定頁面文本。

(1)英文單詞：當(dāng)鼠標(biāo)位于某個英文單詞的任何一個字母上時雙擊鼠標(biāo)左鍵即可選中。

(2)中文單詞：當(dāng)鼠標(biāo)位于某個中文單詞上時雙擊鼠標(biāo)左鍵即可選中。

(3)文本塊：光標(biāo)定位于文本塊首，按下鼠標(biāo)左鍵拖動至文本塊尾或按住Shift鍵的同時，在文本塊尾單擊鼠標(biāo)左鍵或按住Shift鍵的同時按相應(yīng)方向的光標(biāo)鍵均可選中。

(4)文本行：當(dāng)光標(biāo)在行首變成右向箭頭時單擊鼠標(biāo)左鍵可選中單行文本。當(dāng)光標(biāo)位于行首時按下鼠標(biāo)左鍵上下拖動可選定多行文本。

(5)文本段：當(dāng)光標(biāo)位于段落左側(cè)時雙擊鼠標(biāo)左鍵可選中文本段。

(6)全部文本：按Ctrl+A組合鍵或選擇“編輯”菜單中的“全選”命令可選定頁面上全部文本。選定文本后利用“編輯”菜單中的“剪切”、“復(fù)制”和“粘貼”命令或“常用”工具欄中的“剪切”、“復(fù)制”和“粘貼”按鈕即可移動或復(fù)制文本。利用鼠標(biāo)拖放技術(shù)也可移動或復(fù)制文本，復(fù)制文本時，則在按住Ctrl鍵的同時進(jìn)行拖放操作。9.3.3修飾文本

文本格式化包括兩類格式，一類是針對選定字體進(jìn)行修飾的字體格式，可設(shè)置字體、字型、大小、顏色、效果和字符間距等；另一類是針對當(dāng)前段落進(jìn)行修飾的段落格式，可調(diào)整段落對齊方式、縮進(jìn)和段落間距等。

一個好的網(wǎng)頁應(yīng)該是形式與內(nèi)容的完美統(tǒng)一。因此，充分利用FrontPage2003的文本格式化工具對網(wǎng)頁文本進(jìn)行修飾和美化是網(wǎng)頁編輯的一項(xiàng)基本工作。修飾文本主要利用“格式”工具欄、“字體”對話框和“段落”對話框。格式工具欄如圖9-15所示。圖9-15“格式”工具欄

1.設(shè)置字體格式

(1)設(shè)置字體：選定要設(shè)置字體的文字，打開“格式”工具欄中的“字體”下拉列表框，選擇相應(yīng)的字體進(jìn)行設(shè)置就可以了。

(2)設(shè)置字號：選定文字，在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字號即可。

(3)設(shè)置字型：選定文字，單擊“格式”工具欄上“加粗”、“傾斜”或“下劃線”按鈕即可設(shè)置相應(yīng)字型。

(4)設(shè)置顏色：選定文字，單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇某一顏色后選定文字的顏色就改變了。一般不要改變網(wǎng)頁中超鏈接顏色設(shè)置，這是大多數(shù)人所遵循的顏色設(shè)置。

以上操作也可通過“字體”對話框設(shè)置完成，如圖9-16所示。若要打開“字體”對話框，選擇“格式”菜單下的“字體”命令?；蛘咴诰庉媴^(qū)單擊鼠標(biāo)右鍵，打開快捷菜單后選擇“字體”命令。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置字體效果和字符間距。

設(shè)置字體格式時，如果當(dāng)前沒有選定文本，則設(shè)定格式將對從光標(biāo)處輸入的文本起作用；如果當(dāng)前已選定文本，則設(shè)定格式對選定文本起作用。圖9-16“字體”對話框

2.設(shè)置段落格式

文本組織離不開段落，沒有誰愿意看一篇從頭到尾沒有段落間隔的文章。在FrontPage2003中創(chuàng)建新段落很方便，按Enter鍵就可在新的一行上開始一個新的段落。

段落格式化是針對整個段落的，因此在格式化前應(yīng)選定一個或多個段落。如果沒有選定整個段落，則格式化將被應(yīng)用到光標(biāo)所在段落。利用“格式”工具欄上提供的三個段落對齊方式按鈕可以快速執(zhí)行段落對齊操作，但全面的段落格式化操作要利用“段落”對話框，要打開“段落”對話框，只要打開“格式”菜單后選擇“段落”命令，或者在編輯區(qū)單擊鼠標(biāo)右鍵打開快捷菜單后，選擇“段落”命令，彈出如圖9-17所示的“段落”對話框。其中各選項(xiàng)的使用方法與Word類似。圖9-17“段落”對話框使用FrontPage2003時，在默認(rèn)情況下，段與段之間的間距較大。可以按下Shift?+?Enter組合鍵或打開“插入”菜單后選擇“換行符”命令實(shí)現(xiàn)換行，這樣開始的一行仍是原段落的一部分，并且保留原段落所有格式屬性。

3.使用樣式

“樣式”是字體、段落等各種格式化信息的集合。利用“格式”工具欄中的“樣式”下拉框，可以將各種標(biāo)題和項(xiàng)目符號等預(yù)置樣式和自定義樣式應(yīng)用到段落中去。若要修改或新建樣式，則打開“格式”菜單，選擇“樣式”命令，在“樣式”對話框中進(jìn)行相關(guān)操作。

對前面制作的網(wǎng)頁“郵件確認(rèn)表單”進(jìn)行文本格式設(shè)定和修飾后，如圖9-18所示。與圖9-9相比，效果明顯改善。圖9-18“郵件確認(rèn)”網(wǎng)頁9.3.4設(shè)置背景

1.設(shè)置網(wǎng)頁的背景圖片

我們可以為網(wǎng)頁設(shè)置背景圖片。所有的網(wǎng)頁元素，如文本和圖形，都會出現(xiàn)在當(dāng)前背景圖片上。背景圖片可以是站點(diǎn)、文件系統(tǒng)、全球廣域網(wǎng)或剪貼畫中的圖片，也可以將背景圖片設(shè)置為水印。設(shè)置網(wǎng)頁背景圖片的操作步驟如下：

(1)在網(wǎng)頁視圖模式下，右鍵單擊網(wǎng)頁，然后單擊快捷菜單中的“網(wǎng)頁屬性”，單擊“格式”選項(xiàng)卡，如圖9-14所示。

(2)選擇“背景圖片”復(fù)選框，然后單擊“瀏覽”，彈出如圖9-19所示的對話框。

(3)在圖9-19中選擇背景圖片，可以選擇剪貼畫、本地計(jì)算機(jī)上的圖片，也可以選擇廣域網(wǎng)上的圖片。圖9-19選擇背景圖片

2.設(shè)置背景顏色

設(shè)置網(wǎng)頁背景顏色的操作步驟如下：

(1)在網(wǎng)頁視圖模式下，右鍵單擊網(wǎng)頁，然后單擊快捷菜單中的“網(wǎng)頁屬性”，單擊“背景”選項(xiàng)卡，如圖9-14所示。

(2)在背景框中選擇一種背景即可。

3.設(shè)置背景音樂

在網(wǎng)頁中設(shè)置背景聲音后，當(dāng)訪問者打開網(wǎng)頁時，就會播放聲音。設(shè)置背景音樂的操作步驟如下：

(1)在網(wǎng)頁視圖模式下，右鍵單擊網(wǎng)頁，然后單擊快捷菜單中的“網(wǎng)頁屬性”，打開如圖9-14所示的對話框。

(2)在“常規(guī)”選項(xiàng)卡中的“背景音樂”的“位置”框中，鍵入要播放的聲音文件，或單擊“瀏覽”來找出所要播放的聲音文件。

(3)如要持續(xù)地播放聲音，可選擇“不限次數(shù)”復(fù)選框，如只要聲音播放固定次數(shù)，則清除“不限次數(shù)”復(fù)選框，然后在“循環(huán)次數(shù)”框中鍵入所想播放的聲音次數(shù)。9.3.5使用超鏈接

1.使用文本超鏈接

文本超鏈接是指以文本為超鏈接源的超鏈接，網(wǎng)頁上絕大多數(shù)的超鏈接都是文本超鏈接。瀏覽器通常給包含超鏈接的文本加下劃線，并以一種顏色來顯示，通常是藍(lán)色，如果用戶訪問過一個超鏈接，則它對應(yīng)的文字的顏色就變成暗紅色。

創(chuàng)建文本超鏈接的步驟如下：

(1)在“網(wǎng)頁”視圖中，選中作為超鏈接源的文本。

(2)在選中的文本上，單擊鼠標(biāo)右鍵，在彈出快捷菜單中選擇“超鏈接”命令，彈出“插入超鏈接”對話框，如圖9-20所示。

圖9-20“插入超鏈接”對話框

·本文檔中的位置：選中要作為超鏈接的文字或其他內(nèi)容，單擊鼠標(biāo)右鍵，彈出快捷菜單，在其中選擇“超鏈接”命令，彈出“創(chuàng)建超鏈接”對話框。單擊“本文檔中的位置”選項(xiàng)，選擇文檔中的書簽位置，然后單擊“確定”按鈕。

·新建文檔：在彈出的“創(chuàng)建超鏈接”對話框中單擊“創(chuàng)建一個網(wǎng)頁并鏈接到該網(wǎng)頁”按鈕，彈出“新建網(wǎng)頁”對話框，輸入“新建文檔名稱”。返回FrontPage2003主界面，新建了一個新的網(wǎng)頁。

·電子郵件地址：選中要以E-mail地址作為超鏈接目標(biāo)的E-mail地址，單擊鼠標(biāo)右鍵，彈出快捷菜單，如圖9-21所示。在其中選擇“超鏈接”命令，彈出“創(chuàng)建超鏈接”對話框。單擊“電子郵件地址”選項(xiàng)，彈出如圖9-22所示的“創(chuàng)建電子郵件超鏈接”對話框。在“電子郵件地址”欄中鍵入要發(fā)送的電子郵件，單擊“確定”按鈕。圖9-21E-mail地址的快捷菜單圖9-22“創(chuàng)建電子郵件超鏈接”對話框

2.創(chuàng)建圖片超鏈接

使用圖片作為超鏈接源要比用文字作為超鏈接源生動得多，但是圖片文件比較大，傳輸速度比較慢。因此在網(wǎng)頁中利用圖片作為超鏈接要少而精。

創(chuàng)建整個圖片的超鏈接的步驟如下：

(1)在“網(wǎng)頁”視圖中，選中需要建立超鏈接的圖片，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“超鏈接”命令，彈出如圖9-20所示的“插入超鏈接”對話框。

(2)選擇需要鏈接到的目標(biāo)。同樣，在對話框中可以選擇四種鏈接目標(biāo)，具體使用方法與創(chuàng)建文本超鏈接一樣，這里不再重復(fù)。

(3)單擊“確定”按鈕即可。創(chuàng)建整個圖片的超鏈接還有一種方法，其步驟如下：

(1)在“網(wǎng)頁”視圖中，選中需要建立超鏈接的圖片，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“圖片屬性”命令，在彈出的“圖片屬性”對話框中選擇“常規(guī)”選項(xiàng)卡，如圖9-23所示。圖9-23“常規(guī)”選項(xiàng)卡

(2)在“默認(rèn)超鏈接”下的“位置”中直接鍵入目標(biāo)網(wǎng)頁的URL，單擊“確定”按鈕，彈出“創(chuàng)建超鏈接”對話框。也可以單擊“瀏覽”按鈕，彈出“編輯超鏈接”對話框。

(3)選擇需要鏈接到的目標(biāo)，同樣也有多種選擇。

(4)選擇完畢，單擊“確定”按鈕。返回“圖片屬性”對話框，在“位置”中自動填上選擇目標(biāo)的URL。

(5)單擊“確定”按鈕即可。9.3.6使用表格

作為組織文字的一種方法，表格具有很多優(yōu)點(diǎn)，用表格可以非常方便地排列網(wǎng)頁中的文本。在網(wǎng)頁設(shè)計(jì)中，表格可用來調(diào)整頁面布局；對網(wǎng)頁信息進(jìn)行分類處理；進(jìn)行圖文混排；添加表格背景色調(diào)；還可以利用表格把圖像分成小塊。

1.創(chuàng)建表格

FrontPage2003提供了方便、快捷、靈活的多種表格操作，在主菜單中有“表格”菜單，在工具欄中提供了表格工具欄。

打開“表格”菜單，該菜單有許多選項(xiàng)，其中四個常用的菜單項(xiàng)是插入、選擇、轉(zhuǎn)換、屬性等。

·插入：有四個子選項(xiàng)，分別用來插入表格、插入行、插入列和插入單元格。

·選擇：有四個子選項(xiàng)，分別用來選定表格、選定行、選定列和選定單元格。

·轉(zhuǎn)換：有兩個子選項(xiàng)，分別實(shí)現(xiàn)“表格轉(zhuǎn)換為文本”和“文本轉(zhuǎn)換為表格”。

·屬性：分別用來查看表格、單元格和標(biāo)題的屬性。

打開“查看”菜單，選擇“工具欄”的“表格”命令，彈出表格工具欄，如圖9-24所示。圖9-24表格工具欄創(chuàng)建表格是常用的一種操作。創(chuàng)建表格的步驟如下：

(1)打開“表格”菜單，選擇“插入”中的“表格”命令，彈出圖9-25所示的“插入表格”對話框。圖9-25“插入表格”對話框

2.設(shè)置表格屬性

通過設(shè)置表格(或單元格)的屬性，可以指定表格(或單元格)的布局、邊框和背景等。設(shè)置表格屬性的步驟如下：

(1)將鼠標(biāo)移到表格內(nèi)的任意位置，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“表格屬性”命令?；蛘叽蜷_“表格”菜單，選擇“表格屬性”→“表格”命令，彈出圖9-26所示“表格屬性”對話框。圖9-26“表格屬性”對話框

(2)在對話框中包括了布局、邊框和背景三個方面的設(shè)置，用戶可以根據(jù)需要進(jìn)行設(shè)置。

除了設(shè)置表格屬性之外，我們還可以單獨(dú)對單元格進(jìn)行屬性設(shè)置。設(shè)置單元格屬性的步驟如下：

(1)將鼠標(biāo)移到某單元格內(nèi)，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“單元格屬性”命令。或者打開“表格”菜單，選擇“表格屬性”→“單元格”命令，彈出如圖9-27所示的“單元格屬性”對話框。圖9-27“單元格屬性”對話框

(2)在對話框中包括布局、邊框和背景三個方面的設(shè)置，可以根據(jù)需要進(jìn)行相應(yīng)的設(shè)置。

如果要同時設(shè)置多個單元格的屬性，具體步驟如下：

(1)打開“表格”菜單，選擇“選定”→“單元格”命令。

(2)按住Ctrl鍵，用鼠標(biāo)依次單擊需要選中的單元格。選擇完畢，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“單元格屬性”命令，或者打開“表格”菜單，選擇“屬性”→“單元格”命令，彈出如圖9-27所示的“單元格屬性”對話框。

(3)在“單元格屬性”對話框中，可以設(shè)置它們的布局、邊框和背景圖片等。

3.為表格添加標(biāo)題

FrontPage2003中通常用一個標(biāo)題作為表格內(nèi)容的概括，相當(dāng)于表格的名稱。標(biāo)題的位置可在表格的上方或下方。為表格添加標(biāo)題的步驟如下：

(1)在“網(wǎng)頁”視圖方式下，將鼠標(biāo)移到表格中任意一個單元格內(nèi)。

(2)打開“表格”菜單，選擇“插入”→“標(biāo)題”命令。

(3)在表格的頂端自動空出一行，并將光標(biāo)定位于這一行中，鍵入表格的標(biāo)題。

(4)將鼠標(biāo)定位于表格標(biāo)題中，單擊鼠標(biāo)右鍵，彈出快捷菜單，在其中選擇“標(biāo)題屬性”命令，彈出圖9-28所示“標(biāo)題屬性”對話框。圖9-28“標(biāo)題屬性”對話框

(5)在對話框中選擇“位置”在“表格底部”，單擊“確定”按鈕。這樣表格的標(biāo)題從在表格的頂端移到了表格的底部。圖9-29單元格中插入圖片

5.在表格中添加背景顏色或背景圖片

可以為表格設(shè)置背景顏色或背景圖片。背景顏色可用來標(biāo)記特殊的列或欄，起到強(qiáng)調(diào)的作用，背景圖片可以增加表格的視覺效果。

設(shè)置單元格背景顏色的步驟如下：

(1)選中需要設(shè)置背景顏色的單元格。

(2)打開“表格”菜單，選擇“屬性”→“單元格”命令，彈出“單元格屬性”對話框，如圖9-27所示。

(3)單擊“背景”欄中的“顏色”編輯框的向下箭頭，打開顏色編輯框。

(4)選中需要的背景顏色，單擊“確定”按鈕。設(shè)置單元格背景圖片的步驟如下：

(1)選中需要設(shè)置背景圖片的單元格。

(2)打開“表格”菜單，選擇“屬性”→“單元格”命令，彈出“單元格屬性”對話框。

(3)單擊選中“使用背景圖片”復(fù)選框。

(4)單擊“瀏覽”按鈕，打開“選擇文件”對話框，選擇作為背景的圖片文件，單擊“確定”按鈕。不僅可以對某些單元格設(shè)置背景顏色和圖片，還可以對整個表格設(shè)置。設(shè)置表格背景顏色與圖片的方法與單元格設(shè)置方法類似。具體步驟如下：

(1)將光標(biāo)定位在表格中的任意位置。

(2)打開“表格”菜單，選擇“屬性”→“表格”命令，彈出“表格屬性”對話框，如圖9-26所示。

(3)類似于單元格屬性的操作方法，給表格添加背景顏色或背景圖片。9.3.7其他操作

1.項(xiàng)目符號和編號

若要顯示不連續(xù)的列表項(xiàng)目，可以創(chuàng)建項(xiàng)目符號列表；若要顯示連續(xù)的列表項(xiàng)目，則可以創(chuàng)建編號列表。操作步驟如下：

(1)在網(wǎng)頁視圖下，將插入點(diǎn)放在要創(chuàng)建列表處，在“格式”菜單上單擊“項(xiàng)目符號和編號方式”，彈出如圖9-30所示的對話框。圖9-30“項(xiàng)目符號和編號方式”對話框

(2)若要使用自定義項(xiàng)目符號，則單擊“圖片項(xiàng)目符號”選項(xiàng)卡，再單擊“指定圖片”，通過“瀏覽”來查找并選取所要使用的圖形；若要使用標(biāo)準(zhǔn)項(xiàng)目符號，如圓圈或方點(diǎn)，則單擊“無格式項(xiàng)目列表”選項(xiàng)卡，再單擊所要使用項(xiàng)目符號的框，然后單擊“確定”按鈕，如圖9-31所示。圖9-31“無格式項(xiàng)目列表”選項(xiàng)卡圖9-32“編號”選項(xiàng)卡

(4)每一個要添加至列表的項(xiàng)目，直接鍵入項(xiàng)目，然后按Enter鍵。鍵入最后一個項(xiàng)目之后，可按Enter鍵兩次退出列表。

2.插入水平線

我們可以在網(wǎng)頁中添加水平線，用于分隔文本或加著重符。在添加水平線后，可以修改其屬性來更改其寬度、高度、對齊方式和顏色。插入水平線的操作步驟如下：

(1)在網(wǎng)頁視圖模式下，請將光標(biāo)移至您想要插入水平線的地方。

(2)在“插入”菜單中，單擊“水平線”，即可插入一條默認(rèn)的水平線。

(3)要修改水平線的外觀，雙擊水平線，彈出如圖9-33所示的對話框，然后完成一項(xiàng)或多項(xiàng)下列操作：

在“寬度”下，根據(jù)視窗寬度的百分比或像素值來指定水平線的寬度。

在“高度”下，輸入水平線高度的像素值。

在“對齊方式”下，指定水平線在網(wǎng)頁上的對齊方式。

在“顏色”框中，如果不要陰影線，可為水平線選擇一種顏色。

如果希望水平線以實(shí)心方式出現(xiàn)，則選擇“實(shí)線”復(fù)選框。如果希望水平線以陰影方式出現(xiàn)，則清除此復(fù)選框。如果選擇了顏色，水平線會顯示為實(shí)心，將無法應(yīng)用陰影

效果。圖9-33“水平線屬性”對話框

3.插入日戳

我們可以在網(wǎng)頁中添加日戳來顯示網(wǎng)頁上次更改的時間或日期。日戳可讓站點(diǎn)訪問者知道，在他們上次訪問之后站點(diǎn)上的信息是否有所更改。

插入日戳的操作步驟如下：

(1)在網(wǎng)頁視圖模式下，請將光標(biāo)移至您想要放置日戳的地方。

(2)在“插入”菜單中，單擊“日期和時間”，彈出如圖8-25所示的對話框。

(3)在圖9-34中指定要顯示的日戳的類型及日期和時間的格式。圖9-34日期和時間屬性設(shè)置

4.插入注釋

我們可以為網(wǎng)頁添加注釋，例如將信息提供給另一個網(wǎng)頁創(chuàng)作者。注釋具有與當(dāng)前段落樣式相同的屬性，但以不同的顏色顯示。雖然注釋可以在編輯網(wǎng)頁時被查看，但站點(diǎn)訪問者在瀏覽網(wǎng)頁時無法在Web瀏覽器上看見注釋。插入注釋的操作步驟如下：

(1)在網(wǎng)頁視圖模式下，將光標(biāo)移至想添加注釋的地方。

(2)在“插入”菜單中，單擊“注釋”，在彈出的“注釋”對話框中鍵入注釋，單擊“確定”按鈕即可。

(3)雙擊注釋，彈出“注釋”對話框，在其中編輯注釋即可。 9.4使用框架

9.4.1框架概述

框架用來在一個瀏覽器窗口中顯示多個頁面?？蚣苁蔷W(wǎng)頁中常用的技術(shù)，Internet中的大多數(shù)網(wǎng)頁都使用了框架技術(shù)?？蚣芗夹g(shù)將瀏覽器窗口拆分為相互獨(dú)立又保持聯(lián)系的多個框架，每個框架都與一個網(wǎng)頁文件相對應(yīng)。框架的獨(dú)立性表現(xiàn)在當(dāng)更新某個框架內(nèi)容時，不會影響瀏覽器窗口中的其他框架；框架的關(guān)聯(lián)性表現(xiàn)在單擊某個框架中的超鏈接時，將在瀏覽器窗口的其他框架中顯示超鏈接目標(biāo)頁面。在瀏覽網(wǎng)頁時，我們肯定遇到過這樣的情形：瀏覽器窗口中被分隔成幾個不同的區(qū)域，每個區(qū)域中顯示不同的文檔內(nèi)容。最常見的是將左方或上方區(qū)域設(shè)置為目錄區(qū)域，其中顯示文檔頁面的目錄索引或?qū)Ш綏l，而將右方或下方區(qū)域設(shè)置為主體區(qū)域，顯示網(wǎng)頁主體內(nèi)容。通過單擊不同的目錄索引條目或?qū)Ш綏l按鈕，就可以在主體區(qū)域?qū)崿F(xiàn)網(wǎng)頁之間的導(dǎo)航。在瀏覽網(wǎng)頁的同時，目錄索引或?qū)Ш綏l始終顯示在窗口目錄區(qū)中，這樣便于用戶繼續(xù)瀏覽其他的內(nèi)容?？蚣芗夹g(shù)主要通過框架集和框架兩種元素來實(shí)現(xiàn)?？蚣芗瘜?shí)際上是一個頁面，用于定義在一個窗口中顯示多個文檔的框架結(jié)構(gòu)。例如，它可以決定窗口中顯示的框架數(shù)目和每個框架的尺寸等。一般來說，框架集文檔中的內(nèi)容不會顯示在瀏覽器中，因此，可以將框架集僅僅看成是一個可以容納和組織多個文檔的容器。而框架就是在框架集中被組織和顯示的文檔。在框架集中顯示的每個框架實(shí)際上都是一個獨(dú)立存在的HTML文檔?？蚣芗夹g(shù)經(jīng)常用于實(shí)現(xiàn)文檔的導(dǎo)航，其作用有點(diǎn)像Windows的資源管理器，一個窗格顯示目錄結(jié)構(gòu)，另一個窗格顯示具體內(nèi)容。9.4.2創(chuàng)建框架

要在FrontPage2003中創(chuàng)建框架網(wǎng)頁，必須使用框架網(wǎng)頁模板。在框架網(wǎng)頁模板的幫助下，生成初步的框架網(wǎng)頁。此時網(wǎng)頁工作區(qū)新增“無框架”和“框架網(wǎng)頁HTML”兩個按鈕，前者生成的網(wǎng)頁適用于不支持框架技術(shù)的瀏覽器，后者用于定義框架網(wǎng)頁的總體結(jié)構(gòu)。

創(chuàng)建框架的步驟如下：

(1)打開“文件”菜單，選擇“新建”菜單后，在任務(wù)窗格中單擊“其他網(wǎng)頁模板”，彈出“新建”對話框，選擇“框架網(wǎng)頁”選項(xiàng)卡，如圖9-35所示。圖9-35“框架網(wǎng)頁”選項(xiàng)卡

(2)在框架網(wǎng)頁列表框中選擇一種模板，右側(cè)“預(yù)覽”區(qū)顯示所選模板外觀布局，“說明”區(qū)給出簡短的說明文字。

(3)選擇所需的框架網(wǎng)頁模板后，單擊“確定”按鈕就創(chuàng)建了框架網(wǎng)頁，如圖9-36所示。圖9-36新建“框架”網(wǎng)頁

(4)在新建框架網(wǎng)頁中單擊某個框架后，其周圍的邊框顯示為深藍(lán)色，表明該框架處于選中狀態(tài)。

(5)剛創(chuàng)建的框架網(wǎng)頁呈灰色，每個框架中顯示“設(shè)置初始網(wǎng)頁”和“新建網(wǎng)頁”兩個按鈕。單擊“設(shè)置初始網(wǎng)頁”按鈕可將一個已制作好的網(wǎng)頁作為該框架對應(yīng)的網(wǎng)頁；單擊“新建網(wǎng)頁”按鈕，可創(chuàng)建一個新網(wǎng)頁作為該框架對應(yīng)的網(wǎng)頁。

使用框架網(wǎng)頁時，不能使用共享邊框或?qū)Ш綑冢駝t將導(dǎo)致站點(diǎn)出現(xiàn)導(dǎo)航錯誤。9.4.3編輯框架

1.改變框架大小

將鼠標(biāo)移至框架邊框線上，出現(xiàn)雙向箭頭時拖動邊界線至合適位置并釋放鼠標(biāo)，框架尺寸就發(fā)生了變化。若要精確設(shè)置框架大小，可利用單擊鼠標(biāo)右鍵彈出的快捷菜單，打開“框架屬性”對話框，如圖9-37所示，在“框架大小”設(shè)置區(qū)的“寬度”和“行高”編輯框中設(shè)定大小即可。

框架大小的度量單位可以是“像素”、“百分比”和“相對”三種。選擇“相對”作為度量單位時，表示選擇框架與同列或同行框架的相對大小。圖9-37“框架屬性”對話框

2.拆分框架

將鼠標(biāo)移至框架邊框線上出現(xiàn)雙向箭頭時，按下Ctrl鍵并拖動邊界線至合適位置時釋放鼠標(biāo)，選定框架一分為二。也可利用“框架”菜單中的“拆分框架”命令拆分框架。

3.刪除框架

選定要刪除的框架，打開“框架”菜單，選擇“刪除框架”命令。雖然FrontPage2003對頁面內(nèi)框架的數(shù)量沒有限制，但最好不要超過四個框架，否則將使頁面看起來很零亂。

4.設(shè)置框架間距

默認(rèn)情況下，框架間距為兩個像素，若要改變框架間距，可在“框架屬性”對話框中，單擊“框架網(wǎng)頁”按鈕打開“網(wǎng)頁屬性”對話框，如圖9-38所示。在“框架”選項(xiàng)卡中設(shè)定框架間距。若取消選中“顯示邊框”復(fù)選框，框架間將不顯示邊界線。圖9-38“網(wǎng)頁屬性”對話框

5.顯示滾動條

一般來說，框架大小是有限的，在“框架屬性”對話框的選項(xiàng)設(shè)置區(qū)中，一定要將“顯示滾動條”選項(xiàng)值設(shè)定為“總是”或“在需要時”，確保通過滾動條操作在框架內(nèi)看到頁面的全部信息。

6.更換初始網(wǎng)頁

如果希望更換框架對應(yīng)網(wǎng)頁，可在“框架屬性”對話框中單擊“初始網(wǎng)頁”編輯框右側(cè)的“瀏覽”按鈕，選擇其他網(wǎng)頁。9.4.4保存框架網(wǎng)頁

對于一個雙框架網(wǎng)頁，保存框架網(wǎng)頁時要保存三個文件，其中一個用于保存框架頁面布局的框架頁面文件，另兩個文件分別保存每個框架對應(yīng)的頁面文件。保存框架頁面的步驟如下：

(1)單擊常用工具欄上的“保存”按鈕，彈出“另存為”對話框，如圖9-39所示。“另存為”對話框右側(cè)圖片表示現(xiàn)在要保存的是左框架對應(yīng)的頁面文件，在“文件名”編輯框內(nèi)輸入網(wǎng)頁文件名“Left.htm”，單擊“保存”按鈕保存左框架對應(yīng)的頁面文件。

(2)同樣的方法保存右框架對應(yīng)的頁面文件，文件名為“Right.htm”。

(3)最后保存框架網(wǎng)頁。觀察一下，現(xiàn)在“另存為”對話框右側(cè)圖片整個框架都選中了，如圖9-40所示。輸入框架網(wǎng)頁的名稱“Frame.htm”，單擊“保存”按鈕，框架網(wǎng)頁保存完畢。

如果只想保存某個框架對應(yīng)頁面，比如只保存左框架的對應(yīng)頁文件，只要選中左框架，打開“框架”菜單，選擇“保存網(wǎng)頁”或“另存新網(wǎng)頁”命令，這時左框架的對應(yīng)頁面就保存了。圖9-39保存左框架圖9-40保存整個框架

9.5制作動態(tài)網(wǎng)頁

在網(wǎng)頁設(shè)計(jì)過程中，字幕、廣告管理器和交互式按鈕等動態(tài)效果一直深受人們關(guān)注。MicrosoftFrontPage2003將這些流行的功能進(jìn)行組合和編程，使它們成為可以輕易添加到網(wǎng)頁內(nèi)的組件。FrontPage2003提供的幾十個組件和對外部程序的有力支持將設(shè)計(jì)者從大量的編程工作中解脫出來，人們只需通過簡單的選擇和設(shè)置就能獲得令人滿意的動態(tài)效果。下面將介紹幾個常用組件的使用方法。9.5.1使用字幕

網(wǎng)頁內(nèi)的字幕就是在瀏覽器中水平滾動的文字信息，它用于發(fā)布Web站點(diǎn)通知和提示信息。創(chuàng)建字幕的過程僅僅是打開“字幕屬性”對話框進(jìn)行簡單的輸入和設(shè)置操作的過程，就可將生動形象、形式多樣的字幕插入到網(wǎng)頁中。具體操作步驟如下：

(1)在“設(shè)計(jì)”標(biāo)簽狀態(tài)下，將光標(biāo)定位到要插入字幕的地方或選擇希望作為字幕的文本。

(2)打開“插入”菜單，選擇“Web組件”命令，如圖9-41所示。打開“字幕屬性”對話框，如圖9-42所示。圖9-41插入字幕圖9-42“字幕屬性”對話框

(3)在“文本”編輯框中輸入字幕內(nèi)容。如果在頁面內(nèi)選擇了作為字幕的文本，它將出現(xiàn)在編輯框內(nèi)。

在“方向”設(shè)置區(qū)內(nèi)設(shè)置字幕水平滾動方向，從左向右或從右向左。

在“速度”設(shè)置區(qū)內(nèi)調(diào)整字幕的滾動速度?！把舆t”表示字幕每滾動一步的時間間隔是多少毫秒；“數(shù)量”表示字幕每滾動一步的距離是多少像素。

在“表現(xiàn)方式”設(shè)置區(qū)內(nèi)指定滾動字幕的表現(xiàn)方式。默認(rèn)是“滾動條”，字幕最后一個字符滾出邊界后再次重新出現(xiàn)；若選擇“幻燈片”，則字幕第一個字符觸及邊界時就停止?jié)L動；若選擇“交替”，字幕就往復(fù)滾動。在“文本對齊方式”設(shè)置區(qū)內(nèi)調(diào)整字幕和它所在行文字的對齊方式。

在“大小”設(shè)置區(qū)內(nèi)設(shè)置字幕的寬度與高度。通常，我們可以使用像素來控制字幕的實(shí)際大小，也可以使用百分比來設(shè)置字幕的寬度，這時字幕的實(shí)際大小是根據(jù)瀏覽器窗口大小的百分比來計(jì)算的。

在“重復(fù)”設(shè)置區(qū)內(nèi)指定滾動效果的循環(huán)次數(shù)。

在“背景顏色”設(shè)置區(qū)內(nèi)調(diào)整字幕的背景顏色。

(4)設(shè)置完畢，單擊“確認(rèn)”按鈕關(guān)閉“字幕屬性”對話框，然后切換到預(yù)覽模式下觀察滾動效果。

圖9-43所示的是使用了滾動字幕的網(wǎng)頁。在瀏覽時，可以看到字幕“諷刺與幽默”在屏幕上從左向右滾動。圖9-43滾動字幕9.5.2交互式按鈕

交互式按鈕是一種具有動態(tài)效果的活動按鈕，當(dāng)鼠標(biāo)移至交互式按鈕時，它能按照設(shè)置顯示一些動態(tài)特性，如改變字體格式、發(fā)光等。單擊交互式按鈕時，能在瀏覽器窗口內(nèi)打開所定義的超鏈接目標(biāo)，還可定義交互式按鈕在單擊或交互式時播放聲音和顯示圖片。制作交互式按鈕的步驟如下：

(1)在“設(shè)計(jì)”標(biāo)簽狀態(tài)下，將光標(biāo)定位到要插入懸停按鈕的地方。

(2)打開“插入”菜單，選擇“Web組件”→“交互式按鈕”命令，如圖9-44所示。打開“交互式按鈕”對話框，如圖9-45所示。圖9-44插入交互式按鈕圖9-45“交互式按鈕”屬性對話框

(3)在“文本”編輯欄中，輸入要在按鈕上顯示的文字。默認(rèn)的文字是“按鈕文本”。單擊“字體”選項(xiàng)卡可設(shè)置按鈕文字的字體。無論按鈕上文字的字號設(shè)置多么大，動態(tài)按鈕的尺寸不變，顯示不下的文字將被裁剪掉。

(4)在“鏈接”編輯欄中，設(shè)置超鏈接目標(biāo)文件的URL。單擊“瀏覽”按鈕也可打開“選擇交互式按鈕超鏈接”對話框，從中設(shè)置超鏈接目標(biāo)文件的URL。

(5)通過“按鈕”下拉列表選擇不同風(fēng)格的按鈕，通過“預(yù)覽”查看按鈕上的動態(tài)效果和顏色變化；選擇“圖像”選項(xiàng)卡后，通過“寬度”和“高度”編輯欄設(shè)定按鈕尺寸大小，如圖9-46所示。圖9-46“自定義”對話框

(6)設(shè)置完畢，單擊“確定”按鈕，一個交互式按鈕就制作好了。如圖9-47所示，這時，可在瀏覽器中預(yù)覽一下按鈕的動態(tài)效果。圖9-47交互式按鈕9.5.3橫幅廣告管理器

橫幅廣告管理器是一個簡單易用的廣告組件，它可以使幾幅圖片按照一定的過渡效果在瀏覽器窗口中循環(huán)播放，并且可以控制每一幅圖片顯示的時間，單擊橫幅廣告條，還能切換到它鏈接的另外一幅頁面。制作橫幅廣告管理器的步驟如下：

(1)在“設(shè)計(jì)”標(biāo)簽狀態(tài)下，將光標(biāo)定位到要插入橫幅廣告管理器的地方。

(2)打開“插入”菜單，“橫幅廣告管理器”命令，如圖9-48所示。打開“橫幅廣告管理器屬性”對話框，如圖9-49所示。圖9-48插入橫幅廣告管理器圖9-49“橫幅廣告管理器屬性”對話框

(3)在“寬度”和“高度”編輯欄內(nèi)設(shè)置橫幅廣告的顯示尺寸，單位為像素。

在“過渡效果”下拉列表框中選擇廣告各畫面之間的過渡效果。

在“每幅圖片顯示”編輯框內(nèi)設(shè)置每幅畫面在瀏覽器窗口中的顯示時間，單位為秒。

在“鏈接到”編輯框內(nèi)設(shè)置橫幅廣告的超鏈接目標(biāo)。

在“顯示圖片”設(shè)置區(qū)添加圖片、刪除圖片或改變選定圖片在廣告中的播放順序。

(4)設(shè)置完畢，單擊“確定”按鈕。

只有在瀏覽器中才能觀察到橫幅廣告效果。9.5.4DHTML效果

利用DHTML工具欄可以對選定對象進(jìn)行適當(dāng)?shù)脑O(shè)置。在執(zhí)行打開網(wǎng)頁、單擊、雙擊或移動鼠標(biāo)時，使頁面上的選定文本或圖片都能動起來。這些特殊效果大大增強(qiáng)了網(wǎng)頁的吸引力，而且用FrontPage2003很容易實(shí)現(xiàn)，具體操作步驟如下：

(1)選定頁面上準(zhǔn)備施加DHTML效果的對象。

(2)打開“DHTML效果”工具欄，單擊“視圖”→“工具欄”→“DHTML效果”命令，如圖9-50所示。圖9-50打開動態(tài)HTML效果

(3)打開“DHTML效果”對話框，如圖9-51所示。在“開啟”下拉列表中選擇一種事件。這里，事件表示瀏覽器能識別的動作，開啟下拉列表中有“單擊”、“雙擊”、“鼠標(biāo)懸?！焙汀熬W(wǎng)頁加載”四種事件，這四種事件發(fā)生時都能觸發(fā)選定對象產(chǎn)生動態(tài)效果。假設(shè)選擇“單擊”事件。圖9-51選擇一種事件“單擊”和“雙擊”是使用最頻繁的鼠標(biāo)操作。若選定對象為文本，可用效果有“飛出”和“格式”兩種；若選定對象為圖片，可用效果有“飛出”和“交換圖片”兩種?！笆髽?biāo)懸?！北硎臼髽?biāo)停在選定對象上時的觸發(fā)動態(tài)效果。若選定對象為文本，可用效果只有“格式”一種；若選定對象為圖片，可用效果也只有“交換圖片”一種。

“網(wǎng)頁加載”表示打開該網(wǎng)頁時觸發(fā)動態(tài)效果。此時可設(shè)置的動態(tài)效果有“彈起”、“飛入”、“螺旋”和“擦除”等。

(4)在“應(yīng)用”下拉列表中，選擇一種效果。注意選定對象類型和事件不同將顯示不同的可選項(xiàng)目。這時選擇“飛出”，表明“單擊”事件發(fā)生時選定對象要產(chǎn)生飛出效果。

在“效果”下拉列表中選擇一種設(shè)置。這里顯示的項(xiàng)目與前面的設(shè)置有關(guān)，對于文字對象的“單擊”事件有八種飛出效果供用戶選用，如圖9-52所示。而對于文字對象的“鼠標(biāo)懸?！笔录挥袃煞N格式供用戶選用，如圖9-53所示。圖9-52“單擊”的飛出效果圖9-53鼠標(biāo)懸停效果9.5.5其他操作

1.使用音頻

對多媒體的良好支持是FrontPage2003的一個重要特色，我們能夠很容易地在網(wǎng)頁里播放音樂。新版本的瀏覽器支持?.wav、.snd、.au和MIDI格式音頻文件。在FrontPage2003中有嵌入、插入和鏈接三種方法調(diào)用音頻文件；利用“插件”功能在網(wǎng)頁中嵌入音頻，任意控制音頻播放；利用“網(wǎng)頁屬性”對話框?qū)⒁纛l設(shè)置為網(wǎng)頁背景音樂，在打開網(wǎng)頁時自動播放；創(chuàng)建到音頻文件的超鏈接，從網(wǎng)上下載音頻文件。

1)利用“插件”功能調(diào)用音頻文件

(1)打開“插入”菜單，選擇“Web組件”→“高級控件”→“插件”命令，如圖9-54所示，打開“插件屬性”對話框，如圖9-55所示。圖9-54插入“插件”

(2)單擊“瀏覽”按鈕，打開文件選擇對話框，從中選擇要播放的音頻文件?？梢赃x擇擴(kuò)展名為?.wav、.mid、.snd、.au的音頻文件。

(3)單擊“確定”按鈕。在設(shè)計(jì)模式頁面中出現(xiàn)插頭標(biāo)記表示插入音頻的位置，切換到預(yù)覽模式，音樂就自動播放了，現(xiàn)在插頭變成一個播放器，如圖9-56所示。

圖9-55“插件屬性”對話框圖9-56插頭標(biāo)記和播放器

2)建立鏈接到音樂文件的超鏈接

建立鏈接到音樂文件超鏈接的步驟如下：

(1)選中作為超鏈接源的文本或者圖片，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“超鏈接”命令，彈出“創(chuàng)建超鏈接”對話框。

(2)選中所需要的音樂文件。例如，選擇一個?.wav格式的音樂文件。

(3)單擊“確定”按鈕，這樣鏈接到音樂文件的超鏈接就做好了。

2.使用視頻

用FrontPage2003不僅可以靈活地使用音頻，同時也可以很方便地控制視頻。同樣可以使用嵌入、插入和鏈接三種方法使用視頻。

如果要在網(wǎng)頁中嵌入視頻，具體步驟同嵌入音頻一樣。

使用插件，瀏覽者可以方便地控制媒體的播放。如果視頻播放控件太小，可以回到設(shè)計(jì)模式，單擊視頻的圖標(biāo)，拖動視頻圖標(biāo)周圍的小黑點(diǎn)改變大小即可，如圖9-57所示。圖9-57嵌入視頻使用插件技術(shù)嵌入視頻時，只有切換至“預(yù)覽”模式或在瀏覽器內(nèi)打開時才能看到視頻圖像的第一幀。對于使用InternetExplorer的用戶來說，可將視頻直接插入網(wǎng)頁，并對播放視頻文件的次數(shù)、間隔和播放方式進(jìn)行設(shè)置。在網(wǎng)頁中插入視頻文件的步驟如下：

(1)確定網(wǎng)頁中需插入視頻的位置。

(2)打開“插入”菜單，選擇“圖片”→“視頻”命令，如圖9-58所示，打開“視頻”對話框，如圖9-59所示。圖9-58插入視頻圖9-59“視頻”對話框

(3)選擇視頻文件，單擊“打開”按鈕。切換到預(yù)覽模式，視頻就自動播放了。

(4)默認(rèn)設(shè)置為視頻自動播放，可以利用“圖片屬性”對話框改變設(shè)置。在“網(wǎng)頁”視圖中，用鼠標(biāo)右鍵單擊視頻圖像，在快捷菜單中選擇“網(wǎng)頁屬性”命令，彈出“網(wǎng)頁屬性”對話框，選擇“視頻”選項(xiàng)卡，如圖9-60所示。

鏈接視頻文件很簡單，只要選定超鏈接載體后利用“創(chuàng)建超鏈接”對話框選擇視頻文件即可。這與創(chuàng)建普通超鏈接的方法完全一致，唯一不同的是超鏈接目標(biāo)文件類型為視頻文件。圖9-60“視頻”選項(xiàng)卡

3.使用表單

表單是網(wǎng)頁交互功能的集中體現(xiàn)，它可以幫助管理員收集所需的信息，在調(diào)查反饋信息、搜索站點(diǎn)內(nèi)容、接受網(wǎng)上注冊和實(shí)現(xiàn)網(wǎng)上查詢等方面具有廣泛的應(yīng)用前景，圖9-61所示的是一個典型的表單。圖9-61新浪會員注冊表單常見的典型表單有以下幾種：

(1)用戶注冊表單：用來限制或監(jiān)控站點(diǎn)的訪問，記錄訪問者登錄時所用的用戶名和口令。注冊表單必須保存在根站點(diǎn)，創(chuàng)建注冊表單最簡單的方法是通過用戶注冊網(wǎng)頁模板。

(2)確認(rèn)表單：用來向用戶確認(rèn)由FrontPage表單結(jié)果或注冊組件所處理的用戶輸入。

(3)搜索表單：用來讓站點(diǎn)訪問者對指定單字或短語搜索站點(diǎn)。當(dāng)訪問者提交搜索表單后，F(xiàn)rontPage檢索文本索引，并且按匹配程度顯示指向包含搜索文本的網(wǎng)頁的超鏈接列表。

1)創(chuàng)建表單

創(chuàng)建表單的操作步驟如下：

(1)在“網(wǎng)頁”視圖方式下，將光標(biāo)定位在要插入表單的位置上。

(2)打開“插入”菜單，選擇“表單”→“表單”命令?；蛘邌螕舯韱喂ぞ邫谥械摹氨韱巍卑粹o。生成一個含有“提交”和“全部重寫”兩個按鈕的表單。

假設(shè)我們要制作如圖9-62所示的表單。那么在制作表單時，應(yīng)添加的表單域有：單行文本框、下拉菜單、單選框、復(fù)選框、滾動文本框等。添加這些表單域后，還要進(jìn)行必要的屬性設(shè)置。圖9-62用戶調(diào)查表

2)添加單行文本框表單域

(1)將光標(biāo)定位在需要插入文本框的地方，打開“插入”菜單，選擇“表單”→“單行文本框”命令。這樣就插入了一個單行文本框?；蛘咧苯訂螕舯韱喂ぞ邫谥械摹皢涡形谋究颉卑粹o，即插入了一個單行文本框。在網(wǎng)上對于姓名、口令之類的信息一般都以單行文本框的形式讓用戶自己填寫。

為了使表單域滿足我們的實(shí)際需要，在插入表單域后可以對其屬性欄按照實(shí)際要求進(jìn)行設(shè)置。

(2)雙擊表單域或選中表單域單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“表單域?qū)傩浴泵?，則會彈出相應(yīng)的表單域?qū)傩詫υ捒颉?/p>

打開如圖9-63所示的“文本框?qū)傩浴睂υ捒?，在這個對話框中我們可以為文本框賦初始值、寬度等。圖9-63“文本框?qū)傩浴睂υ捒?/p>

(3)在如圖9-63所示的對話框中，單擊“驗(yàn)證有效性”按鈕，彈出“文本框有效性驗(yàn)證”對話框，它是有關(guān)文本框設(shè)置的一個非常重要的對話框。在對話框中，可以選擇輸入數(shù)據(jù)的類型，這樣就可以限制和提醒用戶輸入正確格式的數(shù)據(jù)。比如郵政編碼是6位純數(shù)字的數(shù)據(jù)格式，“文本框有效性驗(yàn)證”可以防止用戶多輸入一位數(shù)字和輸入非數(shù)字?jǐn)?shù)據(jù)。因此在添加文本框表單域時，如果有特殊要求時就要設(shè)置它的屬性。

3)添加下拉菜單表單域

(1)將光標(biāo)定位在需要插入文本框的地方，打開“插入”菜單，選擇“表單”→“下拉菜單”命令。在光標(biāo)定位處出現(xiàn)一個空的下拉菜單?；蛘咧苯訂螕舯韱喂ぞ邫谥械摹跋吕藛巍卑粹o，即插入了一個下拉菜單。下拉菜單也叫下拉列表，它的內(nèi)容可以在設(shè)置屬性時填寫。

(2)雙擊剛才生成的下拉菜單，彈出如圖9-64所示“下拉框?qū)傩浴睂υ捒颍谶@個對話框中，設(shè)置它的名稱，包括列表項(xiàng)，是否允許多重選擇等。

(3)給這個對話框添加列表項(xiàng)。單擊“添加”按鈕，彈出如圖9-65所示的“添加選項(xiàng)”對話框，在“選項(xiàng)”中填入選項(xiàng)的內(nèi)容，系統(tǒng)的默認(rèn)指定值和選項(xiàng)內(nèi)容是一致的。當(dāng)然，我們也可以設(shè)置這個選項(xiàng)內(nèi)容的初始狀態(tài)，設(shè)置完畢，單擊“確定”按鈕，返回“下拉菜單屬性”對話框。

圖9-64“下拉框?qū)傩浴睂υ捒驁D9-65“添加選項(xiàng)”對話框

(4)再次單擊“添加”按鈕添加新的列表項(xiàng)。

(5)填入選項(xiàng)的內(nèi)容和初始狀態(tài)，然后單擊“確定”按鈕。圖9-66所示的是一個已經(jīng)填寫好選項(xiàng)的“下拉框?qū)傩浴睂υ捒颉？梢詫@些選項(xiàng)進(jìn)行修改、刪除和上下移動。

(6)單擊“驗(yàn)證有效性”按鈕，我們來看看下拉菜單的有效性驗(yàn)證。如果下拉菜單不允許有多重選項(xiàng)，則彈出如圖9-67所示“下拉框驗(yàn)證”對話框，在對話框中可以復(fù)選“要求有數(shù)據(jù)”，即用戶必須在下拉菜單中選擇一項(xiàng)。選中“禁用第一項(xiàng)”則用戶不能選擇下拉菜單中的第一項(xiàng)，這是因?yàn)槲覀兂３⑾吕藛蔚牡谝豁?xiàng)作為對下拉菜單功能的說明。圖9-66“下拉框?qū)傩浴睂υ捒驁D9-67“下拉框驗(yàn)證”對話框(之一)如果下拉菜單允許多重選項(xiàng)，則彈出如圖9-68所示的對話框，在對話框中可以復(fù)選“要求有數(shù)據(jù)”，并且還可以設(shè)定至少或至多選擇多少項(xiàng)，即用戶必須在下拉菜單中選擇介于至多至少之間的選項(xiàng)。選中“禁用第一項(xiàng)”時，用戶不能選擇下拉菜單中的第一項(xiàng)。圖9-68“下拉框驗(yàn)證”對話框(之二)圖9-69“選項(xiàng)按鈕屬性”對話框

(4)在如圖9-69所示的對話框中，需要設(shè)置“組名稱”，它決定了哪幾個單選框之間有互斥性，即哪幾個單選框?qū)儆谕粋€組。凡是在同一個表單中具有相同組名稱的單選框就屬于同一個組。在這個對話框中還可以設(shè)置單選框的初始狀態(tài)，一般一組單選框中必須設(shè)置好一個而且只能是一個單選框的初始狀態(tài)為“已選”。

當(dāng)兩個單選框都設(shè)置好后，即已經(jīng)有一組單選框時，“驗(yàn)證有效性”按鈕才會被激活。

(5)單擊“驗(yàn)證有效性”按鈕，彈出如圖9-70所示“選項(xiàng)按鈕驗(yàn)證”對話框。它操作比較簡單，“要求有數(shù)據(jù)”表示用戶必須選中一個選項(xiàng)，只有選中“要求有數(shù)據(jù)”復(fù)選框，“顯示名稱”才會被激活，輸入的顯示名稱內(nèi)容用于指定驗(yàn)證警告信息中說明此表單域時用的名稱。圖9-70“選項(xiàng)按鈕驗(yàn)證”對話框

(2)選中文本和復(fù)選框，單擊表單工具欄中的“標(biāo)簽”按鈕，從而將文本與復(fù)選框關(guān)聯(lián)。為了方便用戶鍵盤操作，還可以設(shè)置熱鍵，即當(dāng)按下Alt鍵與該標(biāo)簽上的某個特定字母時，相應(yīng)的操作熱點(diǎn)就轉(zhuǎn)移到這個表單域上來。設(shè)置“熱鍵”的操作比較簡單，在標(biāo)簽的文本中加上字母，并給該字母設(shè)置下劃線屬性，則此字母便成為此標(biāo)簽的熱鍵。

使用同樣的方法建立多個復(fù)選框，但是系統(tǒng)還不知道這些復(fù)選框是否關(guān)聯(lián)。我們需要設(shè)置這些復(fù)選框的屬性，將其關(guān)聯(lián)起來。

(3)雙擊復(fù)選框表單域，彈出如圖9-71所示的“復(fù)選框?qū)傩浴睂υ捒?。將這些復(fù)選框的名稱都設(shè)置成相同，這些復(fù)選框?qū)⑾嚓P(guān)聯(lián)。在“初始狀態(tài)”中我們可以設(shè)置“選中”或者“未選中”?！斑x中”時用戶開始看到的復(fù)選框有一個對號；“未選中”時用戶看到的復(fù)選框?yàn)榭湛?。圖9-71“復(fù)選框?qū)傩浴睂υ捒? 9.6站點(diǎn)管理

9.6.1創(chuàng)建站點(diǎn)

1.建立個人站點(diǎn)

打開編輯主界面，建立個人站點(diǎn)的步驟如下：

(1)打開“文件”菜單，選擇“新建”→“網(wǎng)站”命令，打開“新建網(wǎng)站”任務(wù)窗格。

(2)選擇“由一個網(wǎng)頁組成的網(wǎng)站…”選項(xiàng)，在“指定新網(wǎng)站的位置”中指定新站點(diǎn)在用戶計(jì)算機(jī)上的位置，如“C:\MyDocuments\Mywebs”。

(3)單擊“確定”按鈕，屏幕上將顯示“正在創(chuàng)建新站點(diǎn)”提示對話框，稍后彈出如圖9-72所示的FrontPage2003的主界面。圖9-72FrontPage主界面這時，已經(jīng)利用“個人站點(diǎn)”模板成功地創(chuàng)建好一個個人站點(diǎn)。在主界面的“文件夾列表”中給出了這個站點(diǎn)中包括的文件和文件夾。

文件夾列表中詳細(xì)列出了站點(diǎn)根目錄下的文件夾和文件，可以看到“個人站點(diǎn)”模板創(chuàng)建了_private和images等多個文件夾，還有六個網(wǎng)頁favorite.htm(收藏夾)、index.htm(主頁)、interest.htm(興趣)、aboutme.htm(自序)、feedback.htm(反饋)和photo.htm(圖片集)。在“文件夾列表”中單擊每一個文件夾，可使文件窗口中顯示該文件夾中的文件和下一級文件夾。

單擊“視圖”菜單下的“導(dǎo)航”，F(xiàn)rontPage2003以形象的圖示給出當(dāng)前站點(diǎn)的導(dǎo)航結(jié)構(gòu)，如圖9-73所示。圖9-73“導(dǎo)航”結(jié)構(gòu)

2.使用站點(diǎn)向?qū)?/p>

我們也可以使用“站點(diǎn)向?qū)А?，從本地?jì)算機(jī)或網(wǎng)絡(luò)導(dǎo)入一個源目錄里的文件，創(chuàng)建站點(diǎn)。操作步驟如下：

(1)單擊“文件”→“新建”，在任務(wù)窗格中單擊“其他網(wǎng)站模板”，打開如圖9-74所示的“網(wǎng)站模板”對話框。圖9-74“網(wǎng)站模板”對話框

(2)選擇“導(dǎo)入站點(diǎn)向?qū)А?，在“指定新網(wǎng)站的位置”中輸入新站點(diǎn)所在的位置后，單擊“確定”按鈕，屏幕上將顯示“創(chuàng)建新站點(diǎn)”的提示，稍后出現(xiàn)如圖9-75所示的對話框。選擇所要導(dǎo)入文件的位置后，單擊“下一步”按鈕。圖9-75“選擇源”對話框

(3)彈出如圖9-76所示的“編輯文件列表”對話框，再單擊“下一步”按鈕。圖9-76“編輯文件列表”對話框

(4)創(chuàng)建新站點(diǎn)成功，彈出如圖9-77所示的對話框，單擊“完成”按鈕即可。圖9-77完成站點(diǎn)的創(chuàng)建9.6.2視圖

1.文件夾視圖

文件夾視圖以列表的形式給出了當(dāng)前站點(diǎn)中的文件夾和文件夾里包含的文件。由于一個站點(diǎn)要涉及到許多文件，因此將這些文件分門別類地放置在不同文件夾中就很有必要。比如，可以把所有的圖形文件放入images文件夾。FrontPage2003還提供了一個_private文件夾，用來存放一些網(wǎng)絡(luò)瀏覽者不可見的信息。與Windows中的資源管理器類似，我們可以在文件夾視圖中查看、創(chuàng)建和刪除文件夾和網(wǎng)頁文件，唯一不同的是FrontPage2003的站點(diǎn)管理功能自動維護(hù)著超鏈接關(guān)系和導(dǎo)航信息等。?在FrontPage2003中，單擊視圖區(qū)中的?“文件夾”圖標(biāo)，打開文件夾視圖，如圖9-78所示。圖9-78文件夾視圖

2.報(bào)表視圖

報(bào)表視圖提供了關(guān)于當(dāng)前站點(diǎn)全面的綜合統(tǒng)計(jì)信息，利用它可以更好地分析和管理站點(diǎn)。在FrontPage2003中，單擊視圖區(qū)中的“報(bào)表”圖標(biāo)，打開報(bào)表視圖。在報(bào)表視圖中主要包括15項(xiàng)內(nèi)容，每項(xiàng)所表示的意義如圖9-79所示。圖9-79報(bào)表視圖

3.導(dǎo)航視圖

導(dǎo)航視圖主要用于反映站點(diǎn)內(nèi)各頁面之間的邏輯關(guān)系，利用它可以方便地設(shè)計(jì)網(wǎng)站導(dǎo)航結(jié)構(gòu)。在FrontPage2003中，單擊視圖區(qū)中的“導(dǎo)航”圖標(biāo)，打開導(dǎo)航視圖，如圖9-80所示。圖9-80導(dǎo)航視圖

4.超鏈接視圖

超鏈接視圖以圖形的方式顯示了某個網(wǎng)頁的進(jìn)入與外出的鏈接，超鏈接視圖在決定每個頁面共接收和發(fā)出多少鏈接方面時特別有用。在FrontPage2003中，單擊視圖區(qū)中的“超鏈接”圖標(biāo)，打開超鏈接視圖，如圖9-81所示。圖9-81超鏈接視圖9.6.3導(dǎo)航欄

導(dǎo)航欄是一組超鏈接對象，用來瀏覽站點(diǎn)中全部或部分有代表性的頁面。一般在站點(diǎn)的每個頁面上顯示相同的導(dǎo)航欄，這樣便于瀏覽者訪問站點(diǎn)主要網(wǎng)頁。在FrontPage2003中，設(shè)計(jì)者可以手工創(chuàng)建一組按鈕或使用一組文本，讓它們鏈接到站點(diǎn)中的相關(guān)網(wǎng)頁實(shí)現(xiàn)導(dǎo)航功能，這種方法可以創(chuàng)建非常個性化的導(dǎo)航欄，但創(chuàng)建工作比較繁瑣。也可以利用FrontPage2003的插入導(dǎo)航欄功能自動創(chuàng)建和維護(hù)導(dǎo)航欄，這種方法創(chuàng)建的導(dǎo)航欄雖然形式不多，但創(chuàng)建工作比較快捷，而且便于維護(hù)。

(2)單擊視圖欄中的“網(wǎng)頁”圖標(biāo)切換到網(wǎng)頁視圖，在“設(shè)計(jì)”標(biāo)簽狀態(tài)下選定要插入導(dǎo)航欄的位置。

(3)打開“插入”菜單，選擇“導(dǎo)航”命令→“鏈接欄”→“基于導(dǎo)航結(jié)構(gòu)的鏈接欄”，如圖9-82所示。

(4)在“要添加到網(wǎng)頁的超鏈接”設(shè)置區(qū)，選擇希望在導(dǎo)航欄中出現(xiàn)的超鏈接。各選項(xiàng)含義如下：

·父層：在導(dǎo)航欄內(nèi)，創(chuàng)建指向當(dāng)前網(wǎng)頁上一級網(wǎng)頁的超鏈接，并將上一級網(wǎng)頁的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。圖9-82“鏈接欄屬性”對話框

(4)在“要添加到網(wǎng)頁的超鏈接”設(shè)置區(qū)，選擇希望在導(dǎo)航欄中出現(xiàn)的超鏈接。各選項(xiàng)含義如下：

·父層：在導(dǎo)航欄內(nèi)，創(chuàng)建指向當(dāng)前網(wǎng)頁上一級網(wǎng)頁的超鏈接，并將上一級網(wǎng)頁的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。

·同一層：在導(dǎo)航欄內(nèi)創(chuàng)建指向當(dāng)前網(wǎng)頁同級網(wǎng)頁的超鏈接，并將同級網(wǎng)頁的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。

·前一層與后一層：在導(dǎo)航欄內(nèi)創(chuàng)建向當(dāng)前網(wǎng)頁前、后相鄰的兩個網(wǎng)頁的超鏈接，相鄰的網(wǎng)頁位于同級，導(dǎo)航欄內(nèi)將出現(xiàn)“上一面”與“下一面”選項(xiàng)卡，但并不會出現(xiàn)對應(yīng)網(wǎng)頁的標(biāo)題名稱。

·子層：在導(dǎo)航欄內(nèi)建立指向當(dāng)前網(wǎng)頁下一級網(wǎng)頁的超鏈接，并將下一級網(wǎng)頁的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。

·共享層：在導(dǎo)航欄內(nèi)建立指向站點(diǎn)內(nèi)頂層網(wǎng)頁的超鏈接，并將頂層網(wǎng)頁的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。

·主頁下面的子頁：在導(dǎo)航欄內(nèi)建立指向緊鄰主頁的子頁的超鏈接，并將這些子頁的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。

在“附加網(wǎng)頁”設(shè)置區(qū)選中“主頁”和“父頁”復(fù)選框表示在導(dǎo)航欄中加入到主頁和父頁的超鏈接。

(5)在“樣式”選項(xiàng)卡中的“方向和外觀”設(shè)置區(qū)選擇導(dǎo)航欄在網(wǎng)頁上的顯示方向和外觀。

(6)設(shè)置完畢，單擊“確定”按鈕，導(dǎo)航欄就插入到頁面中了，如圖9-83所示。圖9-83個人站點(diǎn)中的導(dǎo)航欄9.6.4站點(diǎn)維護(hù)

1.測試站點(diǎn)

設(shè)計(jì)制作網(wǎng)頁的最終目的是將它們發(fā)布到網(wǎng)站上供別人瀏覽訪問。在發(fā)布站點(diǎn)之前，有必要對即將發(fā)布的站點(diǎn)進(jìn)行全面的檢查，以確保站點(diǎn)結(jié)構(gòu)合理、內(nèi)容準(zhǔn)確、訪問流暢，從而吸引更多訪問者。測試項(xiàng)目可以包括如下幾個方面：

1)頁面內(nèi)容

頁面內(nèi)容很重要，應(yīng)確保頁面內(nèi)容豐富，沒有錯誤或過時的信息，更不能出現(xiàn)違反法律的內(nèi)容。應(yīng)仔細(xì)觀察頁面中的文字、圖片、超鏈接、表格、組件、框架和表單元素是否能準(zhǔn)確顯示。利用“站點(diǎn)”視圖可快速獲取站點(diǎn)中的各項(xiàng)信息，幫助我們檢查頁面內(nèi)容。

2)瀏覽速度

頁面下載速度是每個瀏覽者很關(guān)心的問題。不管頁面設(shè)計(jì)得多好，內(nèi)容多豐富，若瀏覽時要等待很久才出現(xiàn)頁面，肯定不受歡迎。影響頁面訪問速度的因素主要與頁面自身和站點(diǎn)服務(wù)器帶寬有關(guān)。如因頁面中使用了大量圖片文件或交互組件而引起瀏覽速度降低，則設(shè)計(jì)者可通過修改頁面找到解決方法；如因服務(wù)器帶寬不夠引起，那只能增加服務(wù)器帶寬。

3)在不同瀏覽器下測試

雖然頁面瀏覽與客戶端操作系統(tǒng)環(huán)境無關(guān)，但與瀏覽器及版本號有關(guān)，要測試頁面在不同的瀏覽器中是否能正常顯示。

4)由不同設(shè)計(jì)者來測試

網(wǎng)頁設(shè)計(jì)者在檢查自己設(shè)計(jì)的頁面時，可能會因習(xí)慣的緣故，而對頁面中出現(xiàn)的一些問題視而不見，若從不同角度和審美觀瀏覽頁面可能會提出許多有益的修改意見。

5)注意收集訪問者的反饋信息

網(wǎng)站設(shè)計(jì)是個不斷改進(jìn)和不斷完善的工作，網(wǎng)站發(fā)布運(yùn)行后要注意收集訪問者的反饋信息。

2.發(fā)布站點(diǎn)

如果站點(diǎn)服務(wù)器中已經(jīng)安裝好了FrontPage服務(wù)器擴(kuò)展，而且又具有管理員級的訪問權(quán)限，那么這便是一項(xiàng)很簡單的工作，要做的僅僅是按一個按鈕，具體操作步驟如下：

(1)打開“文件”菜單，選擇“發(fā)布站點(diǎn)”命令，打開“發(fā)布站點(diǎn)”對話框，如圖9-84所示。

(2)在“指定發(fā)布站點(diǎn)的位置”文本框里直接輸入站點(diǎn)的URL地址。如果沒有配置FrontPage服務(wù)器擴(kuò)展，或Web服務(wù)器不能支持FrontPage服務(wù)器擴(kuò)展，那么就不能使用HTTP協(xié)議來發(fā)布站點(diǎn)，這時可以采用FTP的形式發(fā)布站點(diǎn)，只要在“發(fā)布站點(diǎn)”對話框中輸入站點(diǎn)對應(yīng)的FTP地址就可以了。

(3)若選中“只發(fā)布更改過的網(wǎng)頁”單選按鈕，則FrontPage會將要發(fā)布的文件與Web服務(wù)器上的文件進(jìn)行比較。只有自上次發(fā)布后更新的文件才將其發(fā)布。圖9-84發(fā)布站點(diǎn)對話框

(4)若選中“發(fā)布所有的網(wǎng)頁，覆蓋目標(biāo)站點(diǎn)上已有的同名網(wǎng)頁”單選按鈕，則FrontPage將發(fā)布所有網(wǎng)頁。

(5)若選中“包含子站點(diǎn)”復(fù)選框，則子站點(diǎn)將隨父站點(diǎn)一同發(fā)布。

(6)若選中“需要安全的鏈接”復(fù)選框，則發(fā)布過程采用安全鏈接方式。

(7)設(shè)置完畢，單擊“發(fā)布”按鈕，這時FrontPage就開始向網(wǎng)站中發(fā)送網(wǎng)頁了。站點(diǎn)發(fā)布成功后給出“完成”對話框，如圖9-85所示。

(8)單擊“完成”按鈕，站點(diǎn)發(fā)布成功。圖9-85站點(diǎn)發(fā)布成功