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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

20、的網(wǎng)站分配的默認文件名。許多Web服務(wù)器以此名稱作為主頁的文件名，當然也可以不接受這個名稱，而更換為其它名稱。為了支持網(wǎng)站管理，F(xiàn)rontPage 7.3 新建站點與網(wǎng)頁 7.3.1 新建站點 第第7 7章章 網(wǎng)頁制作軟件網(wǎng)頁制作軟件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è)計功能以及

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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