網(wǎng)頁(yè)制作軟件FrontPage 2003的使用

《網(wǎng)頁(yè)制作軟件FrontPage 2003的使用》由會(huì)員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁(yè)制作軟件FrontPage 2003的使用（58頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 1WWWWWW是World Wide Web的縮寫(xiě)，中文叫做萬(wàn)維網(wǎng)。它是歐洲核子物理研究中心在1989年研制成的。直到1993年WWW瀏覽器出現(xiàn)，WWW才開(kāi)始在整個(gè)Internet里傳播，今天，對(duì)很多人來(lái)說(shuō)，Internet就意味著WWW。WWW能夠處理文字、圖像、聲音、視頻等多媒體信息，是一個(gè)多媒體信息系統(tǒng)。它提供了大量的、內(nèi)容豐富的信息資源，這些信息一頁(yè)一頁(yè)分門別類地存放在各個(gè)服務(wù)器上，用戶可以根據(jù)個(gè)人興趣閱讀其內(nèi)容。2Web 服務(wù)器服務(wù)器Web 服務(wù)器是一臺(tái)運(yùn)行專用服務(wù)軟件的計(jì)算

2、機(jī)。當(dāng)客戶端（如 Web瀏覽器）發(fā)出請(qǐng)求時(shí)，該軟件提供 HTML 網(wǎng)頁(yè)和相關(guān)的文件。當(dāng)您使用瀏覽器訪問(wèn)網(wǎng)站時(shí)，通常通過(guò)輸入 URL（例如：http:/）發(fā)出請(qǐng)求。URL 是統(tǒng)一資源定位器。它僅僅是網(wǎng)站上的文件的地址。當(dāng)服務(wù)器收到您的請(qǐng)求時(shí)，它將提供或下載您需要的網(wǎng)頁(yè)及其所有相關(guān)文件（如圖片等）。7.1網(wǎng)頁(yè)制作的基本概念 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 3 3WebWeb瀏覽器瀏覽器Web瀏覽器是閱讀WWW上信息資源的一個(gè)軟件。瀏覽器在網(wǎng)絡(luò)上與Web服務(wù)器打交道，從服務(wù)器中下載文件。如果是一個(gè)HTML文件，瀏覽器就會(huì)翻

3、譯那個(gè)文件中的HTML代碼，進(jìn)行格式化，并顯示內(nèi)容。如果文件中包含圖像以及其它類型文件的鏈接，它也相應(yīng)地處理圖像及其它類型文件。目前應(yīng)用最廣的Web瀏覽器包括微軟的 Internet Explorer、SUN公司的Netscape Navigator、Mozilla Firefox等。4 4HTMLHTMLHTMLHTML 即超文本標(biāo)記語(yǔ)言，是一種用于WWW上文檔中的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。HTML語(yǔ)言使用“標(biāo)記”來(lái)指示W(wǎng)eb瀏覽器如何顯示網(wǎng)頁(yè)元素，如文本和圖形，以及Web瀏覽器應(yīng)該如何回復(fù)使用者的操作，例如，超鏈接的啟用應(yīng)通過(guò)單擊鍵盤按鍵或單擊鼠標(biāo)來(lái)完成。使用FrontPage，可以不需具備HTML語(yǔ)

4、言的知識(shí)就能讀寫(xiě)HTML文件。5 5統(tǒng)一資源定位器統(tǒng)一資源定位器URL稱為統(tǒng)一資源定位器，它是Uniform Resource Locator的縮寫(xiě)，是網(wǎng)絡(luò)上資源位置的一種表示法，是一種標(biāo)準(zhǔn)的方式，也可以稱為URL網(wǎng)址，比如，搜狐公司的網(wǎng)址為：http:/，263網(wǎng)站的網(wǎng)址為http:/等。7.1網(wǎng)頁(yè)制作的基本概念 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 6 6網(wǎng)頁(yè)網(wǎng)頁(yè)網(wǎng)頁(yè)（Web page）是一個(gè)HTML文件，可以將需要公布的信息按照一定的方式分門別類的放在一個(gè)個(gè)網(wǎng)頁(yè)上，網(wǎng)頁(yè)里可以有文字、表格、圖像、聲音和視頻等，由Web

5、瀏覽器下載和顯示。搜狐公司的網(wǎng)頁(yè)文件news147129807如圖7-1所示。7.1網(wǎng)頁(yè)制作的基本概念 圖圖7-1 搜狐公司提供的網(wǎng)頁(yè)搜狐公司提供的網(wǎng)頁(yè)n242727887.shtml第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 7.7.網(wǎng)站網(wǎng)站網(wǎng)站是Web服務(wù)器上的一組相關(guān)網(wǎng)頁(yè)。它們通過(guò)超鏈接相互連接，成為一個(gè)整體，用于描述一組完整的信息。多數(shù)網(wǎng)站向網(wǎng)站訪問(wèn)者提供一個(gè)主頁(yè)作為起點(diǎn)。主頁(yè)使用超鏈接和導(dǎo)航結(jié)構(gòu)與其他網(wǎng)頁(yè)相互連接，如搜狐公司制作的網(wǎng)站是放在http:/下的所有文件集合。8 8主頁(yè)主頁(yè)也稱首頁(yè)，它既是一個(gè)獨(dú)立的網(wǎng)頁(yè)，因而

6、象一般的網(wǎng)頁(yè)一樣可以存放各種信息，又是一個(gè)特殊的網(wǎng)頁(yè)，它是整個(gè)網(wǎng)站的起始點(diǎn)和匯總點(diǎn)，是用戶開(kāi)始瀏覽一個(gè)網(wǎng)站的地方。圖7-2是新浪網(wǎng)站的主頁(yè)，主頁(yè)上列出該網(wǎng)站的主要內(nèi)容，用戶可以在鏈接的引導(dǎo)下瀏覽一個(gè)一個(gè)網(wǎng)頁(yè)。7.1網(wǎng)頁(yè)制作的基本概念 圖圖7-2 新浪網(wǎng)站的主頁(yè)新浪網(wǎng)站的主頁(yè)第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 FrontPage 2003以前的版本都是隨Office自動(dòng)安裝的，而FrontPage 2003不同，它必須獨(dú)立安裝。FrontPage 2003的安裝很簡(jiǎn)單，只需按照安裝向?qū)У奶崾揪涂身樌瓿?。Office 20

7、03的其它組件都有制作網(wǎng)頁(yè)的功能，他們各有所長(zhǎng)，可以制作不同功能的網(wǎng)頁(yè)。FrontPage 2003 是專門的網(wǎng)站創(chuàng)建和管理程序，可創(chuàng)建功能強(qiáng)大的網(wǎng)站，而且操作簡(jiǎn)單方便。有了它，用戶不需要記住網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言就可以創(chuàng)建功能復(fù)雜的網(wǎng)站，設(shè)計(jì)出精美的網(wǎng)頁(yè)。FrontPage是目前流行的網(wǎng)頁(yè)制作軟件之一。本章以豐富的例子來(lái)介紹FrontPage 2003各種功能的使用，使用戶在熟悉FrontPage 2003的同時(shí)，從中感受到網(wǎng)頁(yè)制作的輕松和愉快。Microsoft作了很大努力使其Office產(chǎn)品（Word、Excel、PowerPoint、Access）以及將要介紹的FrontPage共享相同的界面，

8、譬如，使用相同的工具欄命令按鈕、相同的菜單等。因此，如果大家已經(jīng)掌握前面介紹的Word、Excel、PowerPoint或者Access，就可以毫無(wú)困難地馬上在FrontPage中工作了。7.2 FrontPage 2003簡(jiǎn)介 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 在Windows 環(huán)境中，選擇【開(kāi)始所有程序 Microsoft office Microsoft Office FrontPage 2003】命令，將啟動(dòng)FrontPage 2003中文版，并且自動(dòng)進(jìn)入圖7-3所示的FrontPage 2003窗口界面。7.

9、2 FrontPage 2003簡(jiǎn)介 圖圖7-3 FrontPage 2003的窗口界面的窗口界面標(biāo)題欄工具欄網(wǎng)站/網(wǎng)頁(yè)選項(xiàng)卡視圖切換區(qū)狀態(tài)欄任務(wù)窗格第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 FrontPage 中包含兩種視圖：網(wǎng)站視圖和網(wǎng)頁(yè)視圖，使用選項(xiàng)卡進(jìn)行選擇。大多數(shù)情況下，處理整個(gè)網(wǎng)站時(shí)，應(yīng)使用“網(wǎng)站”視圖；處理單獨(dú)的網(wǎng)頁(yè)時(shí)，應(yīng)使用“網(wǎng)頁(yè)”視圖。網(wǎng)站視圖和網(wǎng)頁(yè)視圖的切換可以使用“網(wǎng)站/網(wǎng)頁(yè)”選項(xiàng)卡，也可以使用“視圖”菜單。當(dāng)打開(kāi)網(wǎng)站并單擊“網(wǎng)站”選項(xiàng)卡時(shí)，“網(wǎng)站”的視圖按鈕將顯示在底部。包括文件夾視圖、遠(yuǎn)程網(wǎng)站視圖、報(bào)

10、表視圖、導(dǎo)航視圖、超鏈接視圖和任務(wù)視圖。l “文件夾”視圖列出了構(gòu)成 FrontPage 網(wǎng)站的所有文件和文件夾，它很像 Windows資源管理器。您可以在此處添加、移動(dòng)、重命名、打開(kāi)和刪除文件。l “遠(yuǎn)程網(wǎng)站”視圖可用于將 FrontPage 網(wǎng)站發(fā)布到遠(yuǎn)程位置。當(dāng)您需要發(fā)布您的網(wǎng)站時(shí)，就要使用“遠(yuǎn)程網(wǎng)站”視圖。這個(gè)視圖非常有用，通過(guò)它不僅可以將網(wǎng)站發(fā)布到遠(yuǎn)程 Web 服務(wù)器，還可以通過(guò)將網(wǎng)站從 Web 服務(wù)器發(fā)布到本地磁盤來(lái)進(jìn)行備份。您還可以通過(guò)單擊一次按鈕來(lái)同步遠(yuǎn)程網(wǎng)站和本地網(wǎng)站，使它們保持一致。l “報(bào)表”視圖包含許多可以針對(duì)您的網(wǎng)站運(yùn)行的診斷報(bào)表。有些報(bào)表僅用于對(duì)網(wǎng)站進(jìn)行簡(jiǎn)單的總結(jié)，

11、如網(wǎng)站中文件的數(shù)量等。另外一些報(bào)表對(duì)排除故障非常有幫助。三個(gè)最有用的排除故障報(bào)表是：“未鏈接文件報(bào)表”查找網(wǎng)站中所有無(wú)鏈接指向的文件；“慢速網(wǎng)頁(yè)報(bào)表”給出人們需要花很長(zhǎng)時(shí)間才能下載和瀏覽的網(wǎng)頁(yè)；“斷開(kāi)的超鏈接報(bào)表”給出任何沒(méi)有鏈接到有效位置的鏈接。7.2 FrontPage 2003簡(jiǎn)介 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 要處理單個(gè)文件，可以使用以下某個(gè)“網(wǎng)頁(yè)”視圖：“設(shè)計(jì)”、“拆分”、“代碼”和“預(yù)覽”。當(dāng)網(wǎng)頁(yè)打開(kāi)時(shí)，可通過(guò)底部的按鈕訪問(wèn)這些視圖，請(qǐng)注意，在“網(wǎng)頁(yè)”視圖中打開(kāi)某個(gè)網(wǎng)頁(yè)時(shí)，底部的其他“網(wǎng)站”視圖按鈕將不

12、再可用。如果需要切換回這些視圖，可以使用“視圖”菜單或“網(wǎng)站”選項(xiàng)卡。l在“設(shè)計(jì)”視圖中，可以直觀地設(shè)計(jì)網(wǎng)頁(yè)布局、鍵入文本、插入圖片、插入超鏈接等等。當(dāng)您在“設(shè)計(jì)”視圖中工作時(shí)，F(xiàn)rontPage 在后臺(tái)為您生成所有的 HTML 代碼。“設(shè)計(jì)”視圖又稱為“所見(jiàn)即所得”視圖，也就是說(shuō)，在“設(shè)計(jì)”視圖中看到的網(wǎng)頁(yè)與它在 Web 瀏覽器中的外觀比較相似。l“拆分”視圖在頂部顯示 HTML 代碼并且在底部顯示“設(shè)計(jì)”視圖中對(duì)應(yīng)的網(wǎng)頁(yè)。如果您對(duì)其中的一半進(jìn)行編輯，另一半將自動(dòng)更新。l“代碼”視圖顯示網(wǎng)頁(yè)的 HTML 代碼，可以快速而精確地插入和編輯 HTML 標(biāo)記、屬性和事件。l“預(yù)覽”視圖顯示了在 W

13、eb 瀏覽器中打開(kāi)網(wǎng)頁(yè)時(shí)的近似外觀。7.2 FrontPage 2003簡(jiǎn)介 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 1.1.使用使用FrontPage 2003FrontPage 2003創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn)可以創(chuàng)建基于磁盤或基于服務(wù)器的網(wǎng)站?；诖疟P的網(wǎng)站是位于本地計(jì)算機(jī)上的網(wǎng)站。也就是說(shuō)首先在自己的本地硬盤上創(chuàng)建網(wǎng)站，完成網(wǎng)站的設(shè)計(jì)和制作之后，再將其發(fā)布到遠(yuǎn)程位置?？梢允褂?FrontPage 或者任何其他發(fā)布軟件進(jìn)行發(fā)布。基于服務(wù)器的網(wǎng)站是直接在 Web 服務(wù)器上創(chuàng)建和處理的網(wǎng)站。也就是說(shuō)當(dāng)保存所做的修改時(shí)，就可在Web

14、服務(wù)器上立即看到這些修改。需要注意：要使用基于服務(wù)器的網(wǎng)站，F(xiàn)rontPage 網(wǎng)站必須位于運(yùn)行 FrontPage Server Extensions 或 SharePoint Services 的服務(wù)器上。創(chuàng)建 FrontPage 網(wǎng)站要執(zhí)行下列基本步驟：l 從主機(jī)服務(wù)商（例如 Internet 服務(wù)提供商ISP或網(wǎng)站建立提供商WPP）獲取網(wǎng)站主機(jī)帳戶或URL。l 使用模板和向?qū)?chuàng)建網(wǎng)站結(jié)構(gòu)。l 添加自已的個(gè)性化內(nèi)容。l 在WWW上向公眾發(fā)布網(wǎng)站。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.1 新建站點(diǎn) 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的

15、使用的使用 1.1.使用使用FrontPage 2003FrontPage 2003創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn)單擊菜單【文件新建】，打開(kāi)新建任務(wù)窗格，如圖7-4所示。在“新建”任務(wù)窗格的“新建網(wǎng)站”選區(qū)下提供了幾個(gè)用于新建 FrontPage 網(wǎng)站的鏈接，單擊要?jiǎng)?chuàng)建的網(wǎng)站的類型。打開(kāi)網(wǎng)站模板對(duì)話框，圖7-5是單擊“由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站”鏈接打開(kāi)的模板對(duì)話框。在該對(duì)話框上，首先單擊需要建立的網(wǎng)站模板，然后確定要發(fā)布網(wǎng)站的位置，最后單擊【確定】按鈕。如果需要?jiǎng)?chuàng)建基于磁盤的網(wǎng)站，則輸入硬盤上的位置。如果要?jiǎng)?chuàng)建基于服務(wù)器的網(wǎng)站，則輸入網(wǎng)站的URL地址。如果要?jiǎng)?chuàng)建 SharePoint 網(wǎng)站，必須將它發(fā)布到運(yùn)行

16、Microsoft SharePoint Services 的服務(wù)器。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.1 新建站點(diǎn) 圖圖7-5 網(wǎng)站模板對(duì)話框網(wǎng)站模板對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 1.1.使用使用FrontPage 2003FrontPage 2003創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn)【例【例7.17.1】創(chuàng)建自己的 FrontPage 網(wǎng)站。該網(wǎng)站是單網(wǎng)頁(yè)且存儲(chǔ)在硬盤上的基于磁盤的網(wǎng)站。（1）在【文件】菜單上，單擊【新建】。（2）在“新建”任務(wù)窗格中的“新建網(wǎng)站”下，單擊“由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站”鏈接。（3）在如圖7-5所示的

17、網(wǎng)站模板對(duì)話框上，選擇“只有一個(gè)網(wǎng)頁(yè)的網(wǎng)站”模板。在右側(cè)選項(xiàng)中單擊【瀏覽】按鈕。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.1 新建站點(diǎn) 圖圖7-5 網(wǎng)站模板對(duì)話框網(wǎng)站模板對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 1.1.使用使用FrontPage 2003FrontPage 2003創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn)在如圖7-6所示的“新網(wǎng)站位置”對(duì)話框中，選擇新網(wǎng)站的位置。本例中，我們希望將網(wǎng)站放在“C:My Web Sites”文件夾內(nèi)。如果沒(méi)有該文件夾，則創(chuàng)建它，如果有則選擇該文件夾，然后單擊【打開(kāi)】按鈕。（4）在網(wǎng)站模板對(duì)話框上單擊【確定】

18、按鈕即可創(chuàng)建該網(wǎng)站。圖7-7就是所創(chuàng)建的網(wǎng)站。雙擊打開(kāi) index.htm 文件，它是空白文件，從這里可以開(kāi)始創(chuàng)建自己的個(gè)性化網(wǎng)站。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.1 新建站點(diǎn) 圖圖7-77-7單網(wǎng)頁(yè)網(wǎng)站單網(wǎng)頁(yè)網(wǎng)站第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 1.1.使用使用FrontPage 2003FrontPage 2003創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn)在如圖7-6所示的“新網(wǎng)站位置”【例【例7.27.2】使用“公司展示向?qū)А蹦０鍎?chuàng)建一個(gè)基于磁盤的網(wǎng)站。（1）選擇菜單【文件新建】。（2）在“新建”任務(wù)窗格的“新建網(wǎng)站”選區(qū)下，單擊“由一個(gè)

19、網(wǎng)頁(yè)組成的網(wǎng)站”。（3）在如圖7-5所示的網(wǎng)站模板對(duì)話框上，選擇“公司展示向?qū)А蹦０?。按上例的方法?chuàng)建并選擇“C:My Web Sites”文件夾，單擊【確定】即可打開(kāi)“公司展示向?qū)А薄＃?）“公司展示向?qū)А惫灿?4頁(yè)，通過(guò)詢問(wèn)一些有關(guān)網(wǎng)站的問(wèn)題，構(gòu)建一個(gè)缺省的公司網(wǎng)站。當(dāng)需要快速創(chuàng)建網(wǎng)站時(shí)，選擇一個(gè)合適的模板，在此基礎(chǔ)上再作細(xì)節(jié)改動(dòng)是一種最佳途徑。（5）在向?qū)占晁械馁Y料之后，單擊【完成】按鈕，F(xiàn)rontPage根據(jù)填寫(xiě)的內(nèi)容創(chuàng)建一個(gè)公司網(wǎng)站框架，只需在其中編寫(xiě)個(gè)性化內(nèi)容，就可以創(chuàng)建一個(gè)內(nèi)容豐富的公司網(wǎng)站。請(qǐng)注意，主頁(yè)被命名為 index.htm。這是 FrontPage 為所有基于磁盤

20、的網(wǎng)站分配的默認(rèn)文件名。許多Web服務(wù)器以此名稱作為主頁(yè)的文件名，當(dāng)然也可以不接受這個(gè)名稱，而更換為其它名稱。為了支持網(wǎng)站管理，F(xiàn)rontPage 7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.1 新建站點(diǎn) 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 2 2將其它網(wǎng)站轉(zhuǎn)換為將其它網(wǎng)站轉(zhuǎn)換為FrontPageFrontPage網(wǎng)站網(wǎng)站如果已經(jīng)使用其他程序（如 Macromedia Dreamweaver 或 HomeSite等網(wǎng)站制作工具）制作了網(wǎng)站，可以將其轉(zhuǎn)換為 FrontPage 網(wǎng)站。從而可以使用 FrontPage 的網(wǎng)站設(shè)計(jì)功能以及

21、管理功能。要轉(zhuǎn)換用另一種程序制作的網(wǎng)站，選擇菜單【文件打開(kāi)網(wǎng)站】，在“打開(kāi)網(wǎng)站”對(duì)話框中指定要轉(zhuǎn)換的文件夾，F(xiàn)rontPage 將詢問(wèn)是否向該文件夾中添加信息。要添加的信息僅僅是兩個(gè)文件夾：_vti_cnf 文件夾和 _vti_pvt 文件夾，不會(huì)將任何東西添加到已經(jīng)創(chuàng)建的網(wǎng)頁(yè)中。3 3網(wǎng)站的打開(kāi)、關(guān)閉和刪除網(wǎng)站的打開(kāi)、關(guān)閉和刪除要打開(kāi)Web站點(diǎn)只需在FrontPage 2003中選擇菜單【文件開(kāi)打網(wǎng)站】，在“打開(kāi)網(wǎng)站”對(duì)話框中選擇要打開(kāi)的網(wǎng)站即可。要關(guān)閉已經(jīng)打開(kāi)的網(wǎng)站，只需選擇菜單【文件關(guān)閉網(wǎng)站】即可。刪除站點(diǎn)一般有兩種方法：一種是使用Windows命令刪除站點(diǎn)所在的文件夾。另一種是在站點(diǎn)的

22、“文件夾”視圖中刪除站點(diǎn)內(nèi)所有的文件和文件夾。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.1 新建站點(diǎn) 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 1 1新建網(wǎng)頁(yè)新建網(wǎng)頁(yè)通過(guò)向?qū)Щ蚰０褰⒌恼军c(diǎn)不會(huì)完全符合用戶的要求，也可能沒(méi)提供所需要的網(wǎng)頁(yè)，因此需要用戶自己創(chuàng)建所需的網(wǎng)頁(yè)。網(wǎng)頁(yè)可以屬于某個(gè)站點(diǎn)，也可以是個(gè)獨(dú)立的網(wǎng)頁(yè)，屬于站點(diǎn)的網(wǎng)頁(yè)繼承站點(diǎn)的共有屬性。本節(jié)只介紹網(wǎng)頁(yè)設(shè)計(jì)的一些基礎(chǔ)知識(shí)。下面通過(guò)制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，從中體會(huì)使用FrontPage制作網(wǎng)頁(yè)的簡(jiǎn)潔性與方便性。（1）新建空白網(wǎng)頁(yè) 選擇菜單【文件新建】，打開(kāi)新建任務(wù)窗格，在該任務(wù)窗格的

23、“新建網(wǎng)頁(yè)”選區(qū)中選擇“空白網(wǎng)頁(yè)”超鏈接，即可創(chuàng)建一個(gè)空白網(wǎng)頁(yè)。單擊工具欄上的【新建】圖標(biāo)，也可以直接建立一個(gè)空白網(wǎng)頁(yè)。新建的空白網(wǎng)頁(yè)如圖7-8所示。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.2 新建網(wǎng)頁(yè) 圖圖7-8 新建的空白網(wǎng)頁(yè)新建的空白網(wǎng)頁(yè)第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 1 1新建網(wǎng)頁(yè)新建網(wǎng)頁(yè)（2）使用模板創(chuàng)建網(wǎng)頁(yè) 模板是可以用于制作新網(wǎng)頁(yè)的預(yù)制頁(yè)。使用模板，不僅使制作一個(gè)網(wǎng)頁(yè)更方便，而且使用同一個(gè)模板制作的不同網(wǎng)頁(yè)具有一致的外觀。在新建任務(wù)窗格的“新建網(wǎng)頁(yè)”選區(qū)中單擊“其他網(wǎng)頁(yè)模板”超鏈接，彈出如圖7-9所示的“網(wǎng)頁(yè)模

24、板”對(duì)話框。在網(wǎng)頁(yè)模板對(duì)話框中選擇需要的網(wǎng)頁(yè)模板，然后單擊【確定】按鈕，即可按照模板的樣式新建一個(gè)網(wǎng)頁(yè)。（3）使用非HTML文件創(chuàng)建網(wǎng)頁(yè) 除了標(biāo)準(zhǔn)的HTML網(wǎng)頁(yè)之外，Office 2003的其它組件都有制作網(wǎng)頁(yè)的功能，例如在word 2003中，可以直接創(chuàng)建Web頁(yè)或者把一個(gè)Word文檔存為一個(gè)Web頁(yè)。要把文檔存為Web頁(yè)，只需選擇【文件】菜單下的【另存為網(wǎng)頁(yè)】即可。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.2 新建網(wǎng)頁(yè) 圖圖7-9 網(wǎng)頁(yè)模板對(duì)話框網(wǎng)頁(yè)模板對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 2 2保存網(wǎng)頁(yè)保存網(wǎng)頁(yè)網(wǎng)頁(yè)編輯完

25、成后，為了以后方便查看，需要保存該網(wǎng)頁(yè)，保存網(wǎng)頁(yè)有下述方法：（1）直接保存 選擇菜單【文件保存】或者工具條上的保存圖標(biāo)，在彈出的“另存為”對(duì)話框中，輸入需保存的網(wǎng)頁(yè)的名稱和存放位置，單擊【保存】按鈕即可。（2）將網(wǎng)頁(yè)保存為嵌入式文件 當(dāng)網(wǎng)頁(yè)中有圖像等多媒體文件時(shí)，為了使網(wǎng)頁(yè)在保存后不發(fā)生改變，即圖片和多媒體文件不丟失，通常保存為嵌入式文件。假設(shè)網(wǎng)頁(yè)中含有一個(gè)圖片，選擇菜單【文件保存】，彈出“另存為”對(duì)話框，在該對(duì)話框上設(shè)置網(wǎng)頁(yè)的名稱和存放位置，然后單擊【保存】按鈕，則彈出如圖7-10所示的“保存嵌入式文件”對(duì)話框。該對(duì)話框列出了網(wǎng)頁(yè)上的所有嵌入式文件，可以為每個(gè)嵌入式文件重命名、設(shè)定保存的位置

26、，單擊【確定】按鈕完成網(wǎng)頁(yè)保存。（3）保存為模板 對(duì)于一些設(shè)計(jì)較好的網(wǎng)頁(yè)，可以將其保存為模板，以后可以用此模板創(chuàng)建新的網(wǎng)頁(yè)。選擇菜單【文件保存】,在彈出的“另存為”對(duì)話框的保存類型下拉列表中選擇“FrontPage模板”選項(xiàng)，則彈出如圖7-11所示的“另存為模板”對(duì)話框。在該對(duì)話框上設(shè)定標(biāo)題、名稱以及說(shuō)明，單擊【確定】按鈕即可完成保存。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.2 新建網(wǎng)頁(yè) 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 3.3.預(yù)覽網(wǎng)頁(yè)預(yù)覽網(wǎng)頁(yè)制作完網(wǎng)頁(yè)之后，在設(shè)計(jì)狀態(tài)只能看到頁(yè)面的基本形態(tài)，視頻、音頻、多媒體、動(dòng)畫(huà)等只有在

27、網(wǎng)頁(yè)預(yù)覽模式下，或者在瀏覽器中才可以看到其真正效果。預(yù)覽網(wǎng)頁(yè)有兩種方式：（1）在預(yù)覽視圖中預(yù)覽網(wǎng)頁(yè) 在網(wǎng)頁(yè)編輯狀態(tài)下，單擊視圖切換按鈕中的【預(yù)覽】按鈕，即可看到其預(yù)覽效果。（2）在瀏覽器中預(yù)覽網(wǎng)頁(yè) 使用瀏覽器預(yù)覽網(wǎng)頁(yè)可以從整體上查看網(wǎng)頁(yè)的預(yù)覽效果，選擇菜單【文件在瀏覽器中預(yù)覽】，在列出的瀏覽器列表中選擇合適的瀏覽器和分辨率，即可打開(kāi)瀏覽器并在瀏覽器中預(yù)覽正在編輯的網(wǎng)頁(yè)。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.2 新建網(wǎng)頁(yè) 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 3.3.預(yù)覽網(wǎng)頁(yè)預(yù)覽網(wǎng)頁(yè)【例【例7.3】“公司職員”模板是一個(gè)自定義的模

28、板，使用該模板為職員趙志誠(chéng)創(chuàng)建一個(gè)網(wǎng)頁(yè)。如果“新建”任務(wù)窗格沒(méi)打開(kāi)，選擇菜單【文件新建】打開(kāi)它。在新建任務(wù)窗格的“新建網(wǎng)頁(yè)”選區(qū)中單擊“其他網(wǎng)頁(yè)模板”超鏈接，打開(kāi)如圖7-12所示“網(wǎng)頁(yè)模板”對(duì)話框，圖7-12與圖7-9相比，多了一個(gè)“我的模板”選項(xiàng)卡，單擊該選項(xiàng)卡，列出了所有的自定義模板。選擇“公司職員”模板，則進(jìn)入圖7-13所示的由模板自動(dòng)生成的網(wǎng)頁(yè)。一般情況下，由模板生成的網(wǎng)頁(yè)上有許多提示性的信息，可以根據(jù)提示信息輸入個(gè)性化內(nèi)容，把它更改為具有個(gè)性的網(wǎng)頁(yè)，圖7-14就是在圖7-13所示的網(wǎng)頁(yè)上，通過(guò)輸入職員趙志誠(chéng)的個(gè)人數(shù)據(jù) 為 他 制 作 的 網(wǎng) 頁(yè)。將 該 網(wǎng) 頁(yè) 保 存 為zzc.ht

29、m。7.3 新建站點(diǎn)與網(wǎng)頁(yè) 7.3.2 新建網(wǎng)頁(yè) 圖圖7-13 使用使用“公司職員公司職員”模板創(chuàng)建的網(wǎng)頁(yè)模板創(chuàng)建的網(wǎng)頁(yè)圖圖7-14 使用職員模板為趙志誠(chéng)制作的個(gè)人網(wǎng)頁(yè)使用職員模板為趙志誠(chéng)制作的個(gè)人網(wǎng)頁(yè)第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 文本是信息的主要載體，是網(wǎng)頁(yè)中不可或缺的一部分。輸入文本是網(wǎng)頁(yè)設(shè)計(jì)的基本操作。在網(wǎng)頁(yè)中輸入文本與在其他文檔中輸入文本的操作方法相同。打開(kāi)網(wǎng)頁(yè)，在網(wǎng)頁(yè)的設(shè)計(jì)視圖中，將光標(biāo)定位于需要輸入文本的位置，即可輸入文本。在輸入過(guò)程中，如果已經(jīng)到達(dá)了網(wǎng)頁(yè)邊界，系統(tǒng)會(huì)自動(dòng)換到下一行繼續(xù)輸入，如果要另起一

30、段，可以按，光標(biāo)會(huì)自動(dòng)移到另一段的開(kāi)始位置。本節(jié)將介紹文本的格式化、對(duì)象和列表的使用、邊框和底紋等對(duì)文本的操作方法。1 1設(shè)置字體格式設(shè)置字體格式FrontPage 2003提供了多種字體格式，大致可以分為：字體、字形、大小、顏色和效果，這一點(diǎn)與Word中的字體格式相同。字體和字形決定文字的形狀；大小指文字的大?。活伾珱Q定文字的顏色；效果是對(duì)文字的修飾，如下劃線、下標(biāo)等。7.4 文本編排 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 設(shè)置字體格式可用下面的方法：l 選中要設(shè)置字體屬性的文字；l 選擇菜單【格式字體】，打開(kāi)如圖7-1

31、5所示的設(shè)置字體對(duì)話框；l 在對(duì)話框中設(shè)置字體的各種屬性；若單擊【應(yīng)用】按鈕，則將設(shè)置應(yīng)用到選定文本，但該對(duì)話框不關(guān)閉。若單擊【確定】按鈕，則不僅將設(shè)置應(yīng)用到文本，而且可以關(guān)閉該對(duì)話框。7.4 文本編排 圖圖7-15 字體屬性對(duì)話框字體屬性對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 2 2 邊框和底紋邊框和底紋在編輯文本時(shí)，可以為整篇文章或者某個(gè)段落添加邊框和底紋，使其突出顯示。要添加邊框和底紋，首先選中需要添加邊框和底紋的段落，然后選擇菜單【格式邊框和底紋】，在彈出的“邊框和底紋”對(duì)話框中，設(shè)置邊框的格式和底紋的樣式。3

32、.3.設(shè)置段落格式設(shè)置段落格式段落格式主要包括對(duì)齊方式、文本的縮進(jìn)、段間距、行間距和字間距等。設(shè)置段落格式可用下面的方法：l 右單擊要設(shè)置格式的段落，在彈出的快捷菜單中選擇【段落】命令，或者首先將光標(biāo)定位到指定段落，然后選擇菜單【格式段落】，打開(kāi)如圖7-16所示的設(shè)置段落對(duì)話框。l 在段落對(duì)話框中設(shè)置段落的各種格式；單擊【確定】按鈕，完成格式設(shè)置。7.4 文本編排 圖圖7-16 設(shè)置段落屬性設(shè)置段落屬性第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 4.4.制作列表制作列表用戶在瀏覽器上讀文件時(shí)，希望看到的是按一定規(guī)則和格式排序的文

33、件，井然有序的列表不僅使描述更規(guī)范，而且使內(nèi)容更加醒目。要把文本做成列表，用鼠標(biāo)選中需改變的文本，然后選擇工具欄的【項(xiàng)目符號(hào)】圖標(biāo)，這時(shí)，選中的每一段前面都出現(xiàn)一個(gè)黑點(diǎn)，表示各行都變成了列表項(xiàng)，如圖7-17所示。列表符號(hào)除了小黑點(diǎn)之外，還有以數(shù)字開(kāi)頭的列表項(xiàng)。要建立以數(shù)字開(kāi)頭的列表項(xiàng)，只需單擊工具欄的【編號(hào)】圖標(biāo)即可。可以在一個(gè)列表中嵌套另一個(gè)列表，就象每個(gè)大問(wèn)題下面列出了每個(gè)小問(wèn)題一樣。例如，在圖7-18所示的網(wǎng)頁(yè)中，要把第一章、第二章作成一級(jí)列表，而把第一節(jié)、第二節(jié)作成第一章嵌套的另一個(gè)列表。首先，對(duì)第一行和第四行，分別單擊【項(xiàng)目符號(hào)】使其成為第一級(jí)列表；然后，選定第二行和第三行，單擊【增

34、加縮進(jìn)】圖標(biāo)，使其向右移動(dòng)，然后再單擊【項(xiàng)目符號(hào)】按鈕，使其成為二級(jí)列表。7.4 文本編排 圖圖7-17 制作列表制作列表圖圖7-18 列表嵌套列表嵌套第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 4.4.制作列表制作列表工具欄上的【項(xiàng)目符號(hào)】和【編號(hào)】以默認(rèn)風(fēng)格創(chuàng)建一個(gè)列表，也可以為這些列表選擇其它類型的圓點(diǎn)或編號(hào)。查看或更改列表風(fēng)格的最簡(jiǎn)單方法是首先選中列表項(xiàng)，然后選擇菜單【格式項(xiàng)目符號(hào)和編號(hào)】，或右鍵單擊列表并從快捷菜單中選擇【列表屬性】選項(xiàng)，在彈出的“項(xiàng)目符號(hào)和編號(hào)方式”對(duì)話框中可以選定項(xiàng)目符號(hào)和編號(hào)的格式，如圖7-19所

35、示。列表屬性對(duì)話框中各選項(xiàng)卡的含義為：（1）圖片項(xiàng)目符號(hào)：將指定的圖片作為列表標(biāo)志；（2）編號(hào)：選擇編號(hào)列表的編號(hào)風(fēng)格，例如使用阿拉伯?dāng)?shù)字編號(hào)或羅馬數(shù)字編號(hào)、大小寫(xiě)字母編號(hào)等，還可以指定起始編號(hào)。（3）無(wú)格式項(xiàng)目列表：選擇項(xiàng)目列表的風(fēng)格，例如選擇使用實(shí)心圓點(diǎn)、空心圓點(diǎn)還是小方塊作為項(xiàng)目符號(hào)。（4）其他：在列表中選擇一種列表樣式。7.4 文本編排 圖圖7-19 列表屬性對(duì)話框列表屬性對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 5 5插入橫線插入橫線為了將不同內(nèi)容的文本分割，可以在它們之間添加橫線，具體做法是：首先把光標(biāo)定位在

36、要添加橫線的位置，然后選擇菜單【插入水平線】，則光標(biāo)所在位置出現(xiàn)一個(gè)水平線。要改變水平線的屬性，首先選中水平線，然后選擇菜單【格式屬性】，或者用鼠標(biāo)右單擊水平線，在彈出的快捷菜單上選取“水平線屬性”選項(xiàng)，即可打開(kāi)“水平線”屬性對(duì)話框。在該對(duì)話框上，可以設(shè)置水平線的寬度、高度、對(duì)齊方式、線條顏色、是否實(shí)心、有無(wú)陰影等屬性。6 6文本的左右移動(dòng)文本的左右移動(dòng)要想把一塊文本左右移動(dòng)，先用鼠標(biāo)選中預(yù)移動(dòng)的文本塊，然后單擊工具欄上的【增加縮進(jìn)】或【縮小縮進(jìn)】圖標(biāo)即可。7.4 文本編排 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 7 7使用

37、表格使用表格為了方便、快捷地將大量數(shù)據(jù)和信息組織在一起，常常要使用表格。表格能夠把許多相互關(guān)聯(lián)的數(shù)字和信息集中起來(lái)，使人看上去一目了然，便于分析、比較、綜合和使用。使用FrontPage 2003可以方便地制作各種表格。在網(wǎng)頁(yè)中創(chuàng)建表格包含下列步驟：（1）創(chuàng)建表格 按Word 2003中插入表格的類似步驟可在網(wǎng)頁(yè)中插入表格，圖7-20是在網(wǎng)頁(yè)中插入了一個(gè)2行2列的表格。（2）在表格中輸入文字 把光標(biāo)定位在表格內(nèi)，然后輸入適當(dāng)文字。7.4 文本編排 圖圖7-20 網(wǎng)頁(yè)中插入一個(gè)網(wǎng)頁(yè)中插入一個(gè)2行行2列的表格列的表格第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPa

38、ge 2003的使用的使用 7 7使用表格使用表格（3）修改單元格屬性 把光標(biāo)定位在所編輯的單元格內(nèi)，選擇菜單【表格表格屬性單元格】，或者單擊鼠標(biāo)右鍵，選取“單元格屬性”選項(xiàng)。在彈出“單元格屬性”對(duì)話框中，選擇設(shè)置該單元格的各種屬性。（4）修改表格屬性 光標(biāo)定位到表格內(nèi)部，或者選中表格，選擇菜單【表格表格屬性表格】，或者右單擊表格，選擇“表格屬性”選項(xiàng)，在彈出的“表格屬性”對(duì)話框中，設(shè)置該表格的屬性。（5）調(diào)整表格大小 表格以及表格中的行和列按需要可擴(kuò)大或縮小，以適應(yīng)單元格長(zhǎng)短不一的項(xiàng)目。最簡(jiǎn)單的方法是將鼠標(biāo)移到表格的邊框，在鼠標(biāo)光標(biāo)變成雙箭頭之后，按下鼠標(biāo)左鍵拖曳?！纠纠?-47-4】設(shè)計(jì)

39、一個(gè)如圖7-21所示的用戶意見(jiàn)卡網(wǎng)頁(yè)。（1）新建一個(gè)空白網(wǎng)頁(yè)；（2）插入一個(gè)2行2列的表格；（3）選擇菜單【表格插入標(biāo)題】，則在表格上方空出一行，光標(biāo)定位在表格中間的位置，按題目要求輸入標(biāo)題。（4）按題目要求輸入各單元格的內(nèi)容。7.4 文本編排 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 前面介紹過(guò)，網(wǎng)站中的各網(wǎng)頁(yè)以一定的方式鏈接在一起，來(lái)描述一組完整的信息。鏈接是在并不連續(xù)的兩段文字或文件之間用標(biāo)識(shí)符號(hào)架起的一座橋梁，是相互關(guān)聯(lián)的網(wǎng)頁(yè)構(gòu)成一個(gè)網(wǎng)站的唯一手段，也是一個(gè)網(wǎng)頁(yè)與外界聯(lián)系的唯一方式。當(dāng)鼠標(biāo)在瀏覽器的網(wǎng)頁(yè)上移動(dòng)時(shí)，若鼠標(biāo)

40、光標(biāo)變成“小手”形狀，則表示該位置可以鏈接到一個(gè)新的網(wǎng)頁(yè)或本網(wǎng)頁(yè)內(nèi)的其它位置。鏈接有三種方式：同一頁(yè)內(nèi)的鏈接、頁(yè)間鏈接和網(wǎng)絡(luò)鏈接，此外還可以實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)頁(yè)對(duì)另外一網(wǎng)頁(yè)的頁(yè)內(nèi)某個(gè)位置的鏈接。除了文本鏈接外，還可以方便地制作圖像鏈接。本節(jié)只介紹文本鏈接。7.5超文本鏈接 圖圖7-22插入超鏈接對(duì)話框插入超鏈接對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 要鏈接到不同的文件時(shí)，首先把作為鏈接的文本選成塊，然后選擇工具欄中的“插入超鏈接”圖標(biāo)，或者選擇菜單【插入超鏈接】，或者右單擊選中文本在快捷菜單中選擇“超鏈接”，則彈出如圖7-2

41、2所示的“插入超鏈接”對(duì)話框。在“插入超鏈接”對(duì)話框中選擇鏈接目標(biāo)對(duì)應(yīng)的網(wǎng)頁(yè)文件名，或者直接輸入文件名，然后點(diǎn)擊“確定”按鈕即可。這樣在瀏覽網(wǎng)頁(yè)過(guò)程中，當(dāng)在網(wǎng)頁(yè)中點(diǎn)擊該文本時(shí)，鏈接的目標(biāo)網(wǎng)頁(yè)將顯示在窗口中。7.5超文本鏈接 圖圖7-22插入超鏈接對(duì)話框插入超鏈接對(duì)話框7.5.1不同文件間的鏈接 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 創(chuàng)建書(shū)簽就是給頁(yè)內(nèi)的鏈接目的地起個(gè)名字，以便可以用這個(gè)名字鏈接到那個(gè)地方。要定義書(shū)簽，首先在編輯器中，把光標(biāo)定位到要?jiǎng)?chuàng)建書(shū)簽的行，然后選擇菜單【插入書(shū)簽】，在如圖7-23所示的“書(shū)簽”對(duì)話框中輸

42、入書(shū)簽的名字，點(diǎn)擊【確定】后書(shū)簽定義完畢。定義好書(shū)簽后，就可以用它來(lái)做鏈接了。選定要實(shí)現(xiàn)鏈接的文本塊，選擇工具欄中的“插入超鏈接”圖標(biāo)，或者選擇菜單【插入超鏈接】，或者右單擊選中文本在快捷菜單中選擇“超鏈接”，則彈出圖7-22所示的“插入超鏈接”對(duì)話框，在該對(duì)話框上，單擊左側(cè)的【本文檔中的位置】，則本頁(yè)內(nèi)所有已經(jīng)定義的書(shū)簽列出來(lái)，如圖7-24所示。選擇一個(gè)書(shū)簽作為鏈接目標(biāo)。這樣當(dāng)在網(wǎng)頁(yè)中點(diǎn)擊該文本時(shí)，網(wǎng)頁(yè)滾到書(shū)簽所在位置。若想鏈接到另一個(gè)網(wǎng)頁(yè)的頁(yè)內(nèi)，則在鏈接對(duì)話框中，輸入第二個(gè)網(wǎng)頁(yè)文件名的同時(shí)指定要鏈接的書(shū)簽。7.5超文本鏈接 7.5.2 用書(shū)簽實(shí)現(xiàn)同一文檔內(nèi)的鏈接 圖圖 7-23 定義書(shū)簽對(duì)

43、話框定義書(shū)簽對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 網(wǎng)絡(luò)鏈接一般用于對(duì)外聯(lián)系，使訪問(wèn)網(wǎng)頁(yè)的用戶很方便地跳到相關(guān)的站點(diǎn)。網(wǎng)絡(luò)鏈接方式跟文件鏈接方式幾乎一樣，不同的是在網(wǎng)絡(luò)鏈接中需要輸入目標(biāo)網(wǎng)頁(yè)的URL地址。例如，要鏈接到搜狐網(wǎng)站，在插入超鏈接對(duì)話框中，要輸入“搜狐網(wǎng)站”對(duì)應(yīng)的URL：“htttp:/”。7.5超文本鏈接 7.5.3網(wǎng)絡(luò)鏈接 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 如果頁(yè)面都顯示在同一個(gè)窗口中，那么當(dāng)用戶在閱讀某個(gè)網(wǎng)頁(yè)時(shí)若再調(diào)用另一個(gè)網(wǎng)頁(yè)

44、，則前一個(gè)網(wǎng)頁(yè)就自動(dòng)關(guān)閉，這樣很不方便。尤其是當(dāng)要求一個(gè)窗口顯示目錄，另一個(gè)窗口顯示所選內(nèi)容時(shí)，由于目錄不變化，而內(nèi)容則隨著選取的目錄進(jìn)行切換。目錄式的框架網(wǎng)頁(yè)可以方便地在多個(gè)頁(yè)之間切換。用FrontPage 2003可以便捷地創(chuàng)建框架網(wǎng)頁(yè)。創(chuàng)建框架網(wǎng)頁(yè)可以直接使用框架模板。假設(shè)想制作的網(wǎng)頁(yè)包括三個(gè)部分，頂部窗口顯示章節(jié)的標(biāo)題，左邊窗口用作該章的目錄，右邊的窗口顯示左邊選定的章節(jié)的具體內(nèi)容，那么網(wǎng)頁(yè)的創(chuàng)建步驟如下：7.6 框架網(wǎng)頁(yè) 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 （1）新建空白頁(yè) 選擇使用模板新建網(wǎng)頁(yè)，在“網(wǎng)頁(yè)模板”

45、對(duì)話框中選取“框架網(wǎng)頁(yè)”選項(xiàng)卡。選擇“橫幅和目錄”框架，右側(cè)的說(shuō)明部分列出了該類框架的簡(jiǎn)要說(shuō)明，預(yù)覽顯示了該模板的樣式，如圖7-25所示。該模板包括四個(gè)網(wǎng)頁(yè)，除了每個(gè)窗口一個(gè)網(wǎng)頁(yè)外，還有一個(gè)框架頁(yè)。單擊【確定】按鈕，則新的空白框架網(wǎng)頁(yè)創(chuàng)建成功，如圖7-26所示。7.6 框架網(wǎng)頁(yè) 圖圖7-26 新建框架網(wǎng)頁(yè)新建框架網(wǎng)頁(yè)第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 （2）編寫(xiě)網(wǎng)頁(yè) 在圖7-26中，每個(gè)窗口有兩個(gè)按鈕，對(duì)應(yīng)不同的功能，“設(shè)置初始網(wǎng)頁(yè)”是用已經(jīng)編輯好的網(wǎng)頁(yè)替代該頁(yè)，“新建網(wǎng)頁(yè)”是從零開(kāi)始制作網(wǎng)頁(yè)，這里假設(shè)頂部的網(wǎng)頁(yè)chap

46、.htm和左部的left.htm已經(jīng)做好。所以點(diǎn)擊頂部的“設(shè)置初始頁(yè)”按鈕，在彈出的“插入超鏈接”對(duì)話框中找到文件chap.htm，然后單擊確定。這樣就用已經(jīng)編輯好的網(wǎng)頁(yè)初始化了該窗口，同樣用網(wǎng)頁(yè)left.htm初始化左邊的窗口，對(duì)右邊的窗口，點(diǎn)擊新建網(wǎng)頁(yè)，則一個(gè)空白網(wǎng)頁(yè)顯示在該窗口，圖7-27為初始化后的網(wǎng)頁(yè)。最后保存文件，由于頂部窗口和左部窗口都使用了現(xiàn)有的網(wǎng)頁(yè)，所以不需保存，而新建的右部窗口對(duì)應(yīng)的網(wǎng)頁(yè)和框架網(wǎng)頁(yè)需要保存，假設(shè)分別保存為right.htm和frame.htm.。7.6 框架網(wǎng)頁(yè) 圖圖7-27 初始化后的框架網(wǎng)頁(yè)初始化后的框架網(wǎng)頁(yè)第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件Fro

47、ntPage 2003FrontPage 2003的使用的使用 （3）建立網(wǎng)頁(yè)間的關(guān)系 在框架網(wǎng)頁(yè)中，當(dāng)在左邊的窗口中作了鏈接時(shí)，一般希望該鏈接的目標(biāo)網(wǎng)頁(yè)顯示在右邊的窗口，這需要在創(chuàng)建鏈接時(shí)，除了選定鏈接文件，還要選擇目標(biāo)框架。在如圖7-22所示的“插入超級(jí)鏈接”對(duì)話框中點(diǎn)擊【目標(biāo)框架】按鈕。則彈出圖7-28所示的設(shè)置鏈接的目標(biāo)框架對(duì)話框。在圖7-28所示的“目標(biāo)框架”對(duì)話框中，用鼠標(biāo)選取目標(biāo)窗口。這樣當(dāng)在瀏覽器中點(diǎn)擊鏈接文字時(shí)，鏈接目標(biāo)出現(xiàn)在右部窗口，如圖7-29所示。（4）修改框架屬性 可以方便地修改框架各窗口的屬性。要修改框架各窗口的屬性，在該框架內(nèi)點(diǎn)擊鼠標(biāo)右鍵，選取“框架屬性”選項(xiàng)，在

48、彈出的“框架屬性”窗口中，可以修改該窗口的初始網(wǎng)頁(yè)、框架名稱、框架的高度、行高、可否在瀏覽器中調(diào)整大小、是否顯示滾動(dòng)條等屬性。7.6 框架網(wǎng)頁(yè) 圖圖7-28 設(shè)置鏈接的目標(biāo)框架設(shè)置鏈接的目標(biāo)框架圖圖7-29 框架網(wǎng)頁(yè)預(yù)覽框架網(wǎng)頁(yè)預(yù)覽第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 為了使網(wǎng)頁(yè)更加美觀，可以為其設(shè)置動(dòng)態(tài)效果。所謂動(dòng)態(tài)就是使網(wǎng)頁(yè)能夠動(dòng)起來(lái)，F(xiàn)rontPage 2003提供了許多動(dòng)態(tài)效果，包括滾動(dòng)字幕、交互式按鈕、動(dòng)態(tài)HTML（DHTML）效果、網(wǎng)頁(yè)過(guò)渡、橫幅廣告、網(wǎng)站計(jì)數(shù)器等。字幕：字幕就是在瀏覽器中顯示的一條水平滾動(dòng)的文

49、本信息。交互式按鈕：是一種動(dòng)態(tài)效果的活動(dòng)按鈕，瀏覽網(wǎng)頁(yè)時(shí)單擊或者指向該按鈕，它將產(chǎn)生發(fā)光、顯示自定義圖片或者播放聲音等效果。還可以為交互式按鈕創(chuàng)建鏈接；DHTML：可以將DHTML效果應(yīng)用到網(wǎng)頁(yè)的任何元素中，如文本、段落、圖片、按鈕以及字幕等。同時(shí)將這些效果綁定在某個(gè)事件上，如綁定在單擊鼠標(biāo)事件上。當(dāng)瀏覽網(wǎng)頁(yè)時(shí)，這些事件元素會(huì)從預(yù)先設(shè)計(jì)好的方向飛過(guò)來(lái)，給人以美感。網(wǎng)頁(yè)過(guò)渡：即從一個(gè)頁(yè)面進(jìn)入另一個(gè)頁(yè)面時(shí)的特殊效果，通常會(huì)在站點(diǎn)中使用；橫幅：可以將圖片或者文本按一定次序和時(shí)間間隔循環(huán)地顯示在橫幅窗口中。網(wǎng)站計(jì)數(shù)器：用來(lái)統(tǒng)計(jì)站點(diǎn)被訪問(wèn)的次數(shù)。7.7動(dòng)態(tài)網(wǎng)頁(yè) 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件F

50、rontPage 2003FrontPage 2003的使用的使用 組件是一個(gè)預(yù)先編好的插入程序，只需使用菜單命令就可以將其插入到當(dāng)前網(wǎng)頁(yè)中。1 1字幕字幕 字幕是常用的動(dòng)態(tài)組件，可以用在歡迎字幕上。插入字幕的步驟如下：1）在網(wǎng)頁(yè)的設(shè)計(jì)視圖里，將光標(biāo)定位到要插入字幕的位置，然后輸入或選擇文本（如果此處不輸入或者選擇文本，則需要在步驟3時(shí)輸入文本）。2）選擇菜單【插入Web組件】，在彈出的“插入Web組件”對(duì)話框中，在“組件類型”列表中選擇“動(dòng)態(tài)效果”選項(xiàng)，再在右邊的“選擇一種效果”列表中選擇“字幕”選項(xiàng)，單擊【完成】按鈕，彈出如圖7-30所示的字幕屬性對(duì)話框。3）在字幕屬性對(duì)話框上，可以輸入字

51、幕要顯示的文本，設(shè)置字幕的滾動(dòng)方向、速度、大小、重復(fù)方式、背景色等屬性。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.1 使用Web組件 圖圖7-30 字幕屬性對(duì)話框字幕屬性對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 2 2交互式按鈕交互式按鈕交互式按鈕是一種動(dòng)態(tài)按鈕，它與普通按鈕在外觀上沒(méi)有多大的差別，但在設(shè)置方法上差別很大。創(chuàng)建交互式按鈕的步驟如下：1）將光標(biāo)定位于網(wǎng)頁(yè)中要插入交互式按鈕的位置；2）執(zhí)行菜單【插入Web組件】，在彈出的“插入Web組件”對(duì)話框中，在“組件類型”列表中選擇“動(dòng)態(tài)效果”選項(xiàng)，再在右邊的“選擇一種效果”列表中選擇“

52、交互式按鈕”選項(xiàng)，單擊【完成】按鈕，彈出“交互式按鈕”對(duì)話框，如圖7-31所示。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.1 使用Web組件 圖圖7-31 交互式按鈕屬性對(duì)話框交互式按鈕屬性對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 2 2交互式按鈕交互式按鈕3）該對(duì)話框有三個(gè)選項(xiàng)卡，“按鈕”選項(xiàng)卡用于設(shè)置按鈕的樣式、按鈕上要顯示的文本、按鈕是否鏈接到某個(gè)網(wǎng)頁(yè)；“字體”選項(xiàng)卡用于設(shè)置按鈕上文本的字體以及當(dāng)鼠標(biāo)單擊按鈕時(shí)字體顏色的變化；“圖像”選項(xiàng)卡用于設(shè)置按鈕的大小以及按鈕的效果。4）如果對(duì)插入的交互式按鈕不滿意，可以在設(shè)計(jì)視圖時(shí)右單擊按鈕

53、，在彈出的快捷菜單中選擇“按鈕”屬性選項(xiàng)，在彈出的“按鈕屬性”對(duì)話框中重新設(shè)置。3 3計(jì)數(shù)器計(jì)數(shù)器站點(diǎn)計(jì)數(shù)器用來(lái)顯示站點(diǎn)被訪問(wèn)的次數(shù)，每訪問(wèn)一次頁(yè)面，計(jì)數(shù)器的值都將隨之增加。站點(diǎn)計(jì)數(shù)器只有在網(wǎng)站發(fā)布之后才能真正顯示出來(lái)，在網(wǎng)頁(yè)中插入站點(diǎn)計(jì)數(shù)器的步驟如下：1）將光標(biāo)定位于網(wǎng)頁(yè)中要插入計(jì)數(shù)器的位置；7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.1 使用Web組件 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 2）執(zhí)行菜單【插入Web組件】，在彈出的“插入Web組件”對(duì)話框中，在“組件類型”列表中選擇“計(jì)數(shù)器”選項(xiàng)，在選擇“計(jì)數(shù)器樣式”列表中選擇需要的計(jì)數(shù)器

54、樣式，單擊【完成】按鈕，彈出“計(jì)數(shù)器屬性”對(duì)話框，如圖7-32所示。3）在“計(jì)數(shù)器樣式”選項(xiàng)組中選擇所需的計(jì)數(shù)器樣式；還可以設(shè)置計(jì)數(shù)器重置之后的值以及計(jì)數(shù)器的位數(shù)。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.1 使用Web組件 圖圖7-32 計(jì)數(shù)器屬性對(duì)話框計(jì)數(shù)器屬性對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 4 4插入圖片庫(kù)插入圖片庫(kù)圖片庫(kù)是指一組圖片，在網(wǎng)頁(yè)生成這組圖片的縮略圖，當(dāng)單擊某個(gè)縮略圖時(shí)，會(huì)打開(kāi)該圖片。在網(wǎng)頁(yè)中插入圖片庫(kù)的步驟如下：1）將光標(biāo)定位于網(wǎng)頁(yè)中要插入圖片庫(kù)的位置；2）執(zhí)行菜單【插入Web組件】，在彈出的“插入Web組件

55、”對(duì)話框中，在“組件類型”列表中選擇“圖片庫(kù)”選項(xiàng)，在“選擇圖片庫(kù)選項(xiàng)”列表框中選擇圖片庫(kù)樣式，單擊【完成】按鈕，彈出“圖片庫(kù)屬性”對(duì)話框。3）在“圖片庫(kù)屬性”對(duì)話框上，指定要插入圖片庫(kù)中的圖片，如圖7-33所示。還可以編輯插入的每個(gè)圖片。單擊【確定】按鈕，即完成圖片庫(kù)的插入。圖7-34是使用“蒙太奇”布局插入8幅圖的圖片庫(kù)。4）如果對(duì)插入的圖片庫(kù)不滿意，可以在網(wǎng)頁(yè)的設(shè)計(jì)視圖中右單擊圖片庫(kù)，在彈出的快捷菜單中選擇“圖片庫(kù)屬性”選項(xiàng)，在彈出的“圖片庫(kù)屬性”對(duì)話框中重新設(shè)置。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.1 使用Web組件 圖圖7-33 圖片庫(kù)屬性對(duì)話框圖片庫(kù)屬性對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制

56、作軟件FrontPage 2003FrontPage 2003的使用的使用 5 5插入橫幅插入橫幅 使用網(wǎng)頁(yè)橫幅，可以快速為網(wǎng)頁(yè)添加標(biāo)題。如果已對(duì)活動(dòng)網(wǎng)頁(yè)應(yīng)用了主題，網(wǎng)頁(yè)橫幅將使用與主題相同的樣式和圖形。否則，網(wǎng)頁(yè)橫幅只顯示可以設(shè)置格式的文本。必須先在“導(dǎo)航”視圖中設(shè)置網(wǎng)站的導(dǎo)航結(jié)構(gòu)，然后才能使用網(wǎng)頁(yè)橫幅。除非網(wǎng)頁(yè)包含在導(dǎo)航結(jié)構(gòu)內(nèi)，否則網(wǎng)頁(yè)橫幅在該網(wǎng)頁(yè)上不可見(jiàn)。網(wǎng)頁(yè)橫幅使用“導(dǎo)航”視圖中的網(wǎng)頁(yè)標(biāo)題；如果更改了網(wǎng)頁(yè)的這個(gè)標(biāo)題，則該網(wǎng)頁(yè)的網(wǎng)頁(yè)橫幅標(biāo)簽也會(huì)更改。為網(wǎng)頁(yè)添加了網(wǎng)頁(yè)橫幅后，可以更改橫幅上顯示的文本，也可以指定是顯示圖形還是只顯示文本。所顯示的網(wǎng)頁(yè)橫幅圖片是與該特殊網(wǎng)頁(yè)的主題相關(guān)聯(lián)的橫幅。

57、選擇【插入網(wǎng)頁(yè)橫幅】命令，彈出如圖7-35所示的“網(wǎng)頁(yè)橫幅屬性”對(duì)話框。默認(rèn)情況下，網(wǎng)頁(yè)在“導(dǎo)航”視圖中顯示時(shí)，網(wǎng)頁(yè)橫幅會(huì)顯示網(wǎng)頁(yè)標(biāo)題。在“網(wǎng)頁(yè)橫幅屬性”對(duì)話框上，提供兩個(gè)選項(xiàng)：l文本：“文本”表示以文本方式顯示網(wǎng)頁(yè)橫幅，可以在下面的“網(wǎng)頁(yè)橫幅文本”框中鍵入要在網(wǎng)頁(yè)橫幅中顯示的文本，并單擊【確定】按鈕。文本橫幅設(shè)置之后還可以修改字體屬性。l圖片：“圖片”表示以圖片形式顯示橫幅。所顯示的網(wǎng)頁(yè)橫幅圖片是與該網(wǎng)頁(yè)主題相關(guān)聯(lián)的橫幅。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.1 使用Web組件 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 如果要使網(wǎng)頁(yè)中的文

58、本產(chǎn)生動(dòng)態(tài)效果，可以加入DHTML，即設(shè)置一個(gè)觸發(fā)事件。FrontPage 2003中的觸發(fā)事件有單擊、雙擊、鼠標(biāo)懸停、網(wǎng)頁(yè)加載等。動(dòng)態(tài)效果主要有兩種：一種是字體格式的變化，一種是邊框格式的變化，下面以設(shè)置字體動(dòng)畫(huà)為例，介紹設(shè)置DHTML效果的步驟：1）打開(kāi)“DHTML效果”工具條：選擇菜單【視圖工具欄DHTML效果】，打開(kāi)DHTML效果工具條，如圖7-36所示。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.2 DHTML效果 圖圖7-36 DHTML工具條工具條第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 2）選中要設(shè)置DHTML效果的第一行文字。在

59、DHTML效果工具欄上，在“在”下拉列表中選擇一個(gè)事件，比如“單擊”事件；在“應(yīng)用”下拉列表中選擇一種效果，不同的事件可以選擇的效果不同，比如對(duì)“單擊”事件，可以選擇的效果有“飛出”效果和“格式效果”，“飛出”效果表示文字飛出網(wǎng)頁(yè)范圍，“格式”效果表示文字的格式發(fā)生變化。在后面的列表中選擇該效果的有關(guān)選項(xiàng)，同樣地，不同效果提供的選項(xiàng)也不同，比如飛出效果的選項(xiàng)是飛出的目標(biāo)，而“格式”效果的選項(xiàng)包括字體、邊框等選項(xiàng)。3）對(duì)同一段文字，可以針對(duì)不同的事件設(shè)置不同的效果；4）如果對(duì)設(shè)置的效果不滿意，可以單擊設(shè)置效果的文本，使用“DHTML效果”工具欄刪除所設(shè)的效果或者重新設(shè)置效果。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.

60、7.2 DHTML效果 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 所謂網(wǎng)頁(yè)過(guò)渡效果是指離開(kāi)或者進(jìn)入另一個(gè)網(wǎng)頁(yè)時(shí)的效果。在FrontPage 2003中設(shè)置網(wǎng)頁(yè)過(guò)渡效果的步驟如下：1）打開(kāi)需要設(shè)置過(guò)渡效果的網(wǎng)頁(yè)；2）選擇菜單【格式網(wǎng)頁(yè)過(guò)渡】，彈出如圖7-37所示的“網(wǎng)頁(yè)過(guò)渡”對(duì)話框。3）在“事件”列表中選擇一種觸發(fā)過(guò)渡效果的事件?？蛇x的事件包括：進(jìn)入網(wǎng)頁(yè)、離開(kāi)網(wǎng)頁(yè)、進(jìn)入網(wǎng)站、離開(kāi)網(wǎng)站。在過(guò)渡效果列表中選擇一種過(guò)渡效果，最后單擊【確定】按鈕，完成過(guò)渡效果的設(shè)置。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.3 網(wǎng)頁(yè)過(guò)渡效果 圖圖7-37 網(wǎng)頁(yè)過(guò)渡效果對(duì)

61、話框網(wǎng)頁(yè)過(guò)渡效果對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 1 1插入圖片插入圖片圖像在網(wǎng)頁(yè)中既可以作為整個(gè)頁(yè)面的背景，又可以作為單個(gè)對(duì)象顯示在網(wǎng)頁(yè)中，還可以作為網(wǎng)頁(yè)的鏈接對(duì)象。在網(wǎng)頁(yè)中插入的圖片，一般是.gif（Graphical Interchange Format-圖片交換格式）和.jpg(Joint Photograph expert Group-聯(lián)合圖像專家組)兩種格式。gif格式的圖片文件一般較小，只支持256種色彩，圖片質(zhì)量不是很好，但它支持動(dòng)畫(huà)，因此可以在網(wǎng)頁(yè)里使用它來(lái)使網(wǎng)頁(yè)更活潑。.jpg保留的顏色數(shù)比.

62、gif多，且壓縮比高。在實(shí)際工作中，用戶可視具體情況選用其中的一種格式。（1）背景圖片 背景圖片作為網(wǎng)頁(yè)上文字等信息的背景顯示。要插入背景圖片，首先在編輯窗口中單擊鼠標(biāo)右鍵，在快捷菜單上選取“網(wǎng)頁(yè)屬性”選項(xiàng)，在彈出的“網(wǎng)頁(yè)屬性”對(duì)話框上，單擊“格式”選項(xiàng)卡，如圖7-38所示。選取“背景圖片”選項(xiàng)，并單擊【瀏覽】按鈕，選擇適當(dāng)?shù)膱D像文件。確定之后，編輯器馬上用所選的圖案鋪滿背景，使網(wǎng)頁(yè)生色不少，圖7-39就是使用實(shí)例圖片文件夾中的圖片“Blue hills.jpg”作網(wǎng)頁(yè)背景的顯示效果。注意，網(wǎng)頁(yè)應(yīng)該用文件小的圖像作背景，否則，當(dāng)下載網(wǎng)頁(yè)時(shí)會(huì)花費(fèi)太多的時(shí)間。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.4 在網(wǎng)頁(yè)中插

63、入多媒體文件 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 1 1插入圖片插入圖片（2）內(nèi)連圖像 所謂內(nèi)連圖像，就是在網(wǎng)頁(yè)中嵌入圖像，瀏覽器可以直接顯示它們。要在網(wǎng)頁(yè)中插入圖像，首先把光標(biāo)定位在要嵌入圖像的位置，點(diǎn)擊工具欄中的【插入文件中的圖片】圖標(biāo)或者選擇菜單【插入圖片】，在彈出的“圖片”對(duì)話框中，選取所需的圖片文件。這時(shí)所選的圖片就被嵌入在文本中。若想修改圖片的屬性，在圖片上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選取【圖片屬性】選項(xiàng)，則彈出圖7-40所示的“圖片屬性”對(duì)話框，這里可以方便地修改圖片的外觀、視頻等屬性。內(nèi)連圖像除了作點(diǎn)

64、綴之外，還可以作為鏈接對(duì)象，成為對(duì)外鏈接的起點(diǎn)。作為鏈接圖，既可以把整個(gè)圖作為一個(gè)鏈接，也可以將它劃分若干區(qū)域，每個(gè)區(qū)域?qū)?yīng)一個(gè)鏈接。把整個(gè)圖像作為鏈接時(shí)，首先把圖像選中，然后創(chuàng)建一個(gè)鏈接便可?，F(xiàn)在看一看FrontPage如何制作區(qū)域圖像鏈接。首先，用鼠標(biāo)單擊圖像激活它，選取繪圖工具欄上的【矩形】按鈕，在圖片上畫(huà)一個(gè)矩形，激活該矩形，單擊工具欄上的“插入超鏈接”按鈕，或者執(zhí)行菜單【插入超鏈接】，或者右單擊矩形并在快捷菜單中選擇“超鏈接”，則打開(kāi)“插入超鏈接”對(duì)話框，在該對(duì)話框中輸入鏈接對(duì)象的地址或書(shū)簽便可。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.4 在網(wǎng)頁(yè)中插入多媒體文件 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作

65、軟件FrontPage 2003FrontPage 2003的使用的使用 2 2插入音頻文件插入音頻文件瀏覽器不僅可以顯示圖像，還可以播放聲音?？梢圆迦氲囊纛l文件格式主要有wav、MIDI、AU、RealAudio、mp3等。在網(wǎng)頁(yè)上插入音頻文件主要有插入音頻插件、鏈接音頻文件和添加背景音樂(lè)3種：（1）插入音頻插件 首先將光標(biāo)定位于網(wǎng)頁(yè)中要插入音頻插件的位置。然后執(zhí)行菜單【插入Web組件】，彈出“插入Web組件”對(duì)話框，在“組件類型”列表中選擇“高級(jí)控件”選項(xiàng)，在“選擇一個(gè)控件”列表中選擇“插件”，單擊【完成】按鈕，彈出“插件屬性”對(duì)話框，如圖7-41所示。在“數(shù)據(jù)源”文本框中輸入音頻文件所在

66、的地址及文件名，也可以單擊【瀏覽】按鈕選擇音頻文件。此外，還可以設(shè)置瀏覽器不支持該格式文件時(shí)的顯示信息以及大小和布局屬性。最后單擊【確定】按鈕完成插入操作。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.4 在網(wǎng)頁(yè)中插入多媒體文件 圖圖7-41 選擇插件對(duì)話框選擇插件對(duì)話框第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 （2）鏈接音頻文件 在網(wǎng)頁(yè)中還可以鏈接音頻文件，當(dāng)單擊超鏈接時(shí)，所鏈接的音頻文件隨即打開(kāi)。鏈接音頻文件的方法與7.5節(jié)介紹的鏈接一個(gè)網(wǎng)頁(yè)文件的步驟相同，只不過(guò)鏈接的目標(biāo)是一個(gè)音頻文件。（3）添加背景音樂(lè) 在網(wǎng)頁(yè)中添加背景音樂(lè)可以增強(qiáng)網(wǎng)頁(yè)效果。要增加背景聲音，首先用鼠標(biāo)右單擊編輯窗口，在快捷菜單中選取【網(wǎng)頁(yè)屬性】選項(xiàng)，在網(wǎng)頁(yè)屬性對(duì)話框“常規(guī)”選項(xiàng)卡上的“背景音樂(lè)”項(xiàng)中選取聲音文件。這樣，在瀏覽器顯示網(wǎng)頁(yè)的同時(shí)，播放指定的背景音樂(lè)。7.7動(dòng)態(tài)網(wǎng)頁(yè) 7.7.4 在網(wǎng)頁(yè)中插入多媒體文件 第第7 7章章 網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)制作軟件FrontPage 2003FrontPage 2003的使用的使用 3 3插入視頻文件插入視頻文件視頻由聲音和活動(dòng)