Part醫(yī)學(xué)網(wǎng)站的建立與FRONTPAGE的使用課件

1、Part 3 醫(yī)學(xué)網(wǎng)站的建立與FRONTPAGE2002的使用計算機醫(yī)學(xué)實用技術(shù)生物醫(yī)學(xué)工程研究所 張玉華1FRONTPAGE2002Part 3 醫(yī)學(xué)網(wǎng)站的建立與FRONTPAGE2002的使Chapter 13 FrontPage2002基礎(chǔ)知識13.1 必備的Internet知識概述13.2 FrontPage2002功能簡介13.3 FrontPage2002界面13.4 基本的文件操作13.5 基本的站點操作2FRONTPAGE2002Chapter 13 FrontPage2002基礎(chǔ)知識1313.1 必備的Internet知識概述Internet的各種服務(wù)WWW：world wi

2、de webE-mailFTP:文件傳輸協(xié)議（File Transfer Protocol）,下載文件，在Internet的兩臺主機之間傳遞文件。 Telnet：遠程登錄(Remote Logon) 3FRONTPAGE200213.1 必備的Internet知識概述Internet的各萬維網(wǎng)(WWW)和Web頁 為Internet核心，由一個個互聯(lián)互通的網(wǎng)站所組成的信息的海洋。網(wǎng)站的靈魂就是網(wǎng)頁（Web頁）。Web頁面：是包含了超文本標記的一種文本文件，它和其他普通文檔的不同之處在于該文本文件還包含了與許多圖形文件和其他Web頁面間相互鏈接的URL標記和其他格式化信息?？梢跃C合許多種元素，如

3、圖片、文本、視頻等。Web頁面必須通過Web瀏覽器來解釋執(zhí)行。Microsoft Internet ExplorerNetscape navigator。4FRONTPAGE2002萬維網(wǎng)(WWW)和Web頁 4FRONTPAGE2002Web頁面的工作原理：WWW是Client/Server（客戶/服務(wù)器）體系結(jié)構(gòu)客戶端（Client）即訪問者計算機上的web瀏覽器向web服務(wù)器發(fā)出請求信息Web服務(wù)器接收客戶端的請求，并調(diào)用服務(wù)器端的處理程序?qū)⒖蛻舳说恼埱筇幚砗蟀l(fā)送回客戶端瀏覽器（ Web服務(wù)器通過向瀏覽器傳遞HTML代碼來響應(yīng)瀏覽器發(fā)出的請求）瀏覽器將返回的信息解釋后將結(jié)果顯示在屏幕上H

4、TML（超文本標識語言）是一種標識語言，它告訴瀏覽器每個頁面元素的排列位置與風(fēng)格。5FRONTPAGE2002Web頁面的工作原理：WWW是Client/Server（客13.2 FRONTPAGE2002 功能簡介FrontPage 2002 是OFFICE XP家族成員之一，為創(chuàng)建和管理極具專業(yè)水準的Web站點提供了妥善的解決方案，無需編程即可擁有極具專業(yè)水準的Web站點。FrontPage能夠解釋和生成web頁面的HTML代碼，利用FrontPage，網(wǎng)頁制作人員不需要學(xué)習(xí)、書寫HTML源代碼即可快速并輕松地設(shè)計出各種專業(yè)網(wǎng)站，同時能夠?qū)φ麄€站點的內(nèi)容和結(jié)構(gòu)進行高效的管理。既適用于缺少H

5、TML知識的入門者，也同樣適用于有經(jīng)驗的網(wǎng)頁制作專業(yè)技術(shù)人員，建設(shè)專業(yè)品質(zhì)Internet和Intranet網(wǎng)站的最佳工具。6FRONTPAGE200213.2 FRONTPAGE2002 功能簡介FrontPFrontPage2002的特點： 簡單易用 與 Word相似的界面，所見即所得地創(chuàng)作。工具增強站點管理 可在短時間內(nèi)配置和更改所有文件，所有的站點管理工具、文件、設(shè)置等都可輕松訪問、輕松管理。數(shù)據(jù)庫集成 輕松實現(xiàn)瀏覽和發(fā)送信息到數(shù)據(jù)庫。豐富的主題 輕松自定義站點樣式，并可控制站點網(wǎng)頁顏色、字體、圖像、項目符號等屬性。交互性內(nèi)容 輕松在網(wǎng)頁內(nèi)插入圖片、音樂和視頻。內(nèi)置對動畫技術(shù)的支持，如

6、DHTML，輕松創(chuàng)建簡單動畫。HTML源代碼編輯 FrontPage允許直接進行HTML代碼編輯。7FRONTPAGE2002FrontPage2002的特點： 7FRONTPAGE2013.3 FRONTPAGE2002 界面啟動FrontPage 2002 ：“開始”菜單中的“程序Microsoft FrontPage”界面：標題欄、菜單欄、工具欄、狀態(tài)欄“視圖”工具欄：在窗口的左側(cè)文件夾列表：視圖欄右邊，顯示當前打開站點的文件夾結(jié)構(gòu)。 “視圖文件夾列表”編輯窗口：中間，用來進行網(wǎng)頁的編輯和網(wǎng)站的管理，根據(jù)所選視圖模式的不同，包含的具體內(nèi)容也不相同。任務(wù)窗格：最右面，可快速地執(zhí)行一些常用的

7、命令，分為“新建網(wǎng)頁或站點” 、“剪貼板”（24次）、“搜索”三部分，“視圖任務(wù)窗格”8FRONTPAGE200213.3 FRONTPAGE2002 界面啟動FrontPa圖13-1 FrontPage 2002的操作界面9FRONTPAGE2002圖13-1 FrontPage 2002的操作界面9FRON視圖，6種視圖幫助完成站點創(chuàng)作、發(fā)布與管理的全部任務(wù)網(wǎng)頁視圖：創(chuàng)建和編輯網(wǎng)頁，編輯框中顯示當前頁，編輯框頂部顯示網(wǎng)頁文件名，編輯框頂部的選項卡在多個打開的文件間進行切換“普通”標簽下：所見即所得地編輯網(wǎng)頁，“HTML”標簽下：直接查看、編輯及修訂HTML代碼“預(yù)覽”標簽下：用FrontP

8、age仿真瀏覽器環(huán)境預(yù)覽當前網(wǎng)頁的實際效果文件夾視圖報表視圖導(dǎo)航視圖超鏈接視圖任務(wù)視圖：用來指定、分配與協(xié)調(diào)工作，并藉以掌控不同網(wǎng)頁目前的進度。 10FRONTPAGE2002視圖，6種視圖幫助完成站點創(chuàng)作、發(fā)布與管理的全部任務(wù)10FR圖13-2 “HTML”標簽下的網(wǎng)頁視圖11FRONTPAGE2002圖13-2 “HTML”標簽下的網(wǎng)頁視圖11FRONTPAG13.4 基本的文件操作13.4.1 新建網(wǎng)頁單擊工具欄上的按鈕，F(xiàn)rontPage將自動創(chuàng)建一個空白頁，第一個空白頁的文件名自動設(shè)為new_page_1.htm。利用網(wǎng)頁模板來創(chuàng)建新網(wǎng)頁模板是FrontPage預(yù)設(shè)的若干個內(nèi)置的頁面

9、，它已經(jīng)按照一定的格式設(shè)置好，用戶可根據(jù)實際需要利用現(xiàn)成的模板快速建立自己所需要的網(wǎng)頁，大大提高開發(fā)效率?！叭蝿?wù)窗格”“網(wǎng)頁模板”，打開“網(wǎng)頁模板”對話框“常規(guī)”：共提供了27個常規(guī)類型的網(wǎng)頁模板“框架網(wǎng)頁”“樣式表”12FRONTPAGE200213.4 基本的文件操作13.4.1 新建網(wǎng)頁12FRONT13.4.2 打開文件 打開一個已有的文件文件位于當前已打開站點上：在任一視圖下，雙擊該文件圖標或文件名就可以打開該文件。文件位于另一個站點或是本地計算機的文件夾：單擊“文件打開”或“常用”工具欄上的“打開”按鈕，在彈出的“打開文件”對話框中查找需要打開的文件。 打開最近使用過的文件單擊“文

10、件最近使用的文件”從彈出菜單中選擇想要的文件。 打開其他類型的文件 如超文本模板、超文本樣式表、RTF格式、文本文件、Word文件、Excel文件等，并自動將原有的文件轉(zhuǎn)成類似于HTML格式的文件，然后可以像通常一樣修改和編輯這些文件。 當在Web中打開一個文件時，F(xiàn)rontPage總是使用與這些文件相關(guān)聯(lián)的編輯器來打開它?？梢詥螕簟肮ぞ哌x項”，在彈出的對話框中選“配置編輯器”選項卡來改變默認的設(shè)置。 13FRONTPAGE200213.4.2 打開文件13FRONTPAGE200213.4.3 保存文件 保存已打開的文件時，選擇“文件保存”或單擊工具欄上的保存按鈕。 保存新建的文件時，選擇“

11、文件保存”或單擊工具欄上的保存按鈕，在打開的“另存為”對話框中進行設(shè)置。保存類型，網(wǎng)頁標題， “更改標題”按鈕 當在頁面中插入圖像、音頻或視頻等多媒體文件時，按 “保存”按鈕后，出現(xiàn)“保存嵌入式文件”對話框，詢問是否保存該多媒體文件，可以選擇重命名或改變保存的文件夾，以及設(shè)置保存操作選項，在一般情況下，你需要保存這些圖像或其他多媒體文件。14FRONTPAGE200213.4.3 保存文件14FRONTPAGE200213.5 基本站點操作所謂站點，就是一些網(wǎng)頁和程序的集合。各個網(wǎng)頁之間通過超鏈接聯(lián)系在一起，所有的網(wǎng)頁和文件保存在一個文件夾中，通過站點把這些文件和網(wǎng)頁統(tǒng)一起來。所以說，建立一個

12、新站點，事實上就是建立一個單獨的文件夾，然后在這個文件夾中建立各個網(wǎng)頁文件，并且把它們鏈接在一起。站點中會自動建立兩個固定的文件夾：_private文件夾：存儲隱含的文件。該文件夾下的文件對于站點訪問者來說是不可見的。images文件夾：存儲圖象文件，保持web站點的整潔。15FRONTPAGE200213.5 基本站點操作所謂站點，就是一些網(wǎng)頁和程序的集合。各13.5.1 新建站點 選擇“文件新建網(wǎng)頁或站點”，從任務(wù)窗格中選擇“Web站點模板”，或用新建普通網(wǎng)頁按鈕彈出“Web站點模板”對話框。在“站點”選項卡中，共提供了10種站點模板。它們都根據(jù)各自的用途提供了完整的站點結(jié)構(gòu)和巧妙的頁面組

13、織。使用這些模板，用戶可以十分方便地建立一個專業(yè)站點的完整框架，大大減輕了用戶的工作量。常用的站點模板：空白站點；只創(chuàng)建相應(yīng)的Web文件夾，不包含任何web頁和資源。只有一個網(wǎng)頁的站點；該模板將創(chuàng)建一個有一空白網(wǎng)頁的新站點。導(dǎo)入站點向?qū)В簞?chuàng)建一個站點，并將本地計算機目錄或遠程系統(tǒng)中的文檔 添加到這個新建的站點中。公司展示站點：用來為公司或企業(yè)創(chuàng)建一個專業(yè)的Internet展示?？蛻糁С终军c：創(chuàng)建一個提供客戶支持服務(wù)的站點，通過該站點提供公司簡介、產(chǎn)品信息、軟件下載，還可以提供一個用于客戶支持的討論組，該站點尤其適用于軟件公司作為軟件產(chǎn)品的技術(shù)支持站點。個人站點：快速創(chuàng)建一個個人站點，包含興趣愛

14、好、照片和喜好。討論站點向?qū)В粍?chuàng)建一個帶有線索、目錄和全文搜索能力的討論組， 該討論組可以讓訪問者留下信息或回答信息，并以有關(guān)的線索組織信息 16FRONTPAGE200213.5.1 新建站點16FRONTPAGE2002選擇了相應(yīng)的向?qū)Щ蚰０搴?，在“指定新站點的位置”下拉列表中指定新站點所在的文件夾，可手工輸入也可以單擊“瀏覽”按鈕進行選擇。指定了新站點的位置后，還可以指定是否要將新站點作為子站點添加到當前已打開的Web站點，如果選擇了web服務(wù)器作為新站點的位置，那么還可選擇是否需要“安全的鏈接(SSL)”來保護你的站點安全。單擊“確定”按鈕，系統(tǒng)就會自動建立起相應(yīng)的文件和文件夾，下面就

15、可以雙擊文件進行編輯和修改網(wǎng)頁了。17FRONTPAGE2002選擇了相應(yīng)的向?qū)Щ蚰０搴螅凇爸付ㄐ抡军c的位置”下拉列表中指13.5.2 打開站點單擊“文件打開站點”或按工具欄上的“打開”按鈕邊上的下拉標志，從下拉菜單中選“打開站點”，在彈出的 “打開站點”對話框中找到需要打開的站點后按“打開”按鈕即可。如想在每次啟動FrontPage時自動打開上次打開的站點，可以從 “選項”對話框的“常規(guī)”選項卡中選擇“在啟動FrontPage時，自動打開上次打開的站點”。 18FRONTPAGE200213.5.2 打開站點18FRONTPAGE2002第14章 網(wǎng)頁編輯的基礎(chǔ)知識 14.1 設(shè)置文本格式

16、 14.2 創(chuàng)建超鏈接14.3 圖像處理 14.4 插入水平線14.5 應(yīng)用表格19FRONTPAGE2002第14章 網(wǎng)頁編輯的基礎(chǔ)知識 14.1 設(shè)置文本格式 19F14.1 設(shè)置文本格式 14.1.1文字格式和段落格式 文字格式 包括：字體、字形、字號、字體顏色、字符間距和應(yīng)用一些特殊效果等。格式工具欄上相應(yīng)的工具按鈕“格式字體” ，“字體”對話框 段落格式 包括：段落對齊、段落縮進、行間距、段落間距等。格式工具欄上相應(yīng)的工具按鈕“格式段落” ，“段落”對話框20FRONTPAGE200214.1 設(shè)置文本格式 14.1.1文字格式和段落格式20F14.1.2 使用文本樣式內(nèi)置了多種文本

17、樣式，利用它可以快速地設(shè)置文本的格式，包括：標題、地址、目錄列表、編號列表、菜單列表、項目符號列表、默認字符樣式。應(yīng)用樣式 “格式”工具欄“樣式”選擇框下拉按鈕21FRONTPAGE200214.1.2 使用文本樣式21FRONTPAGE2002修改樣式 “格式樣式” ，“樣式”對話框新建樣式 “樣式”對話框中單擊“新建”按鈕 可在“格式”欄“樣式”下拉列表中應(yīng)用新建樣式。22FRONTPAGE2002修改樣式 22FRONTPAGE200214.1.3 使用列表格式在網(wǎng)頁設(shè)計過程中內(nèi)容按條目來說明每一條前加一圓點、方塊、圓圈、圖片或其他符號，叫做項目符號。按先后順序來說明問題，在每一條前加數(shù)

18、字序號，叫編號。編號和項目符號統(tǒng)稱列表，利用列表來設(shè)計網(wǎng)頁可使頁面排版美觀，內(nèi)容清晰。項目符號與編號混合使用，稱為多級列表。23FRONTPAGE200214.1.3 使用列表格式23FRONTPAGE2002利用格式工具欄上的“編號”和“項目符號”按鈕可以快速地在網(wǎng)頁中添加列表格式。 選擇不同的項目符號和數(shù)字格式 “格式項目符號和編號”， “列表屬性”對話框“編號”選項卡“無格式項目列表”選項卡“圖片項目符號”選項卡24FRONTPAGE2002利用格式工具欄上的“編號”和“項目符號”按鈕可以快速地在網(wǎng)頁14.1.4 插入注釋文字便于編輯維護頁面。插入方法：“插入注釋”，“插入注釋”對話框注

19、釋文字只在編輯狀態(tài)顯示，在瀏覽器中瀏覽網(wǎng)頁時不顯示。25FRONTPAGE200214.1.4 插入注釋文字25FRONTPAGE200214.2 創(chuàng)建超鏈接超鏈接是從一個網(wǎng)頁指向另一個目的端的鏈接，通過超鏈接很方便地從一個頁面（或網(wǎng)站）漫游到另一個頁面（或網(wǎng)站）。超鏈接包括兩部分：鏈接的載體（指包含超鏈接的文字或圖像），根據(jù)鏈接載體的不同，超鏈接分為圖像超鏈接和文字超鏈接。鏈接的目的地址（單擊超鏈接后所顯示的內(nèi)容），它可以是一個網(wǎng)頁，也可是另一個網(wǎng)站或電子郵件地址。26FRONTPAGE200214.2 創(chuàng)建超鏈接超鏈接是從一個網(wǎng)頁指向另一個目的端的鏈接14.2.1建立超鏈接選中要建立超鏈接

20、的文字或圖像單擊常用工具欄中的“插入超鏈接”按鈕或單擊“插入超鏈接”菜單命令，打開“編輯超鏈接”對話框鏈接到站點內(nèi)的其他網(wǎng)頁 對話框左面“鏈接到”框中的“原有文件或Web頁”按鈕；單擊“屏幕提示”按鈕，定義鼠標指向超鏈接時顯示的提示文字。鏈接到其他網(wǎng)站 “原有文件或web頁”按鈕， 在“地址”框中直接輸入網(wǎng)址；在“瀏覽過的頁”列表中選擇一個網(wǎng)址；單擊“瀏覽web頁”按鈕瀏覽需要鏈接到的網(wǎng)站。鏈接到新網(wǎng)頁 單擊“新建文檔”按鈕。 鏈接到電子郵件 單擊“電子郵件地址”按鈕。 27FRONTPAGE200214.2.1建立超鏈接27FRONTPAGE200214.2.2 創(chuàng)建圖像熱點鏈接圖像熱點鏈接

21、就是在一個圖像之上建立多個不同的鏈接，每一個鏈接分別對應(yīng)一圓形、矩形或多邊形的區(qū)域，每一個區(qū)域就叫做一個“熱點”。當鼠標移到該熱區(qū)域內(nèi)單擊鼠標時，就可以直接跳轉(zhuǎn)到該鏈接所指的網(wǎng)頁中。建立圖像熱點鏈接的操作：選定圖像，單擊“圖片”工具欄右邊的長方形熱點、圓形熱點或多邊形熱點按鈕，在圖像上拖曳鼠標畫出相應(yīng)的形狀;松開鼠標打開“插入超鏈接”對話框，創(chuàng)建一個超鏈接。重復(fù)以上操作，在一個圖像上建立起多個熱點鏈接。如圖13-1所示的研究所主頁由圖片組成，在圖片上創(chuàng)建了兩個矩形的熱點，分別覆蓋了顯示“中文版”和“英文版”文字的區(qū)域，并把這兩個熱點分別鏈接到站點內(nèi)的中文版主頁（chinese/index1.h

22、tm）和英文版主頁（english/index1.htm）。 圖14-16 突出顯示的兩個熱點圖14-15 在網(wǎng)頁上創(chuàng)建的兩個熱點熱點形狀重疊在圖像上不易時，點擊圖片工具欄上的“突出顯示熱點”按鈕，將圖像內(nèi)容隱藏起來，只顯示熱點形狀。 28FRONTPAGE200214.2.2 創(chuàng)建圖像熱點鏈接28FRONTPAGE200214.2.3 建立指向書簽的超鏈接書簽是網(wǎng)頁中被標記的位置，可作為同一頁面或其他頁面中的超鏈接的目標。書簽的一個常見用法是將一個內(nèi)容較長的網(wǎng)頁的各個標題定義為書簽，然后在網(wǎng)頁開頭創(chuàng)建目錄，目錄中的項目是分別指向不同書簽的超鏈接。單擊目錄中的項目可快速定位到相應(yīng)內(nèi)容所在的位置

23、，方便訪問者瀏覽網(wǎng)頁。29FRONTPAGE200214.2.3 建立指向書簽的超鏈接29FRONTPAGE20建立指向書簽的超鏈接 的方法：單擊“插入書簽”菜單命令，打開“書簽”對話框，在“書簽名”文本框中給書簽起個名字單擊“確定”按鈕，目的地前方出現(xiàn)表示此處為一書簽的符號回到網(wǎng)頁開頭，選取欲作為書簽超鏈接的文字或圖片設(shè)置超鏈接，在 “插入超級鏈接”對話框中單擊右邊的“書簽”按鈕，在打開的 “在文檔中選擇位置”對話框中選擇目的書簽名稱，按“確定”完成。30FRONTPAGE2002建立指向書簽的超鏈接 的方法：30FRONTPAGE200214.3 圖像處理14.3.1 網(wǎng)頁中使用的圖像格式

24、網(wǎng)頁中廣泛使用的圖像格式有GIF和JPEG，兩種圖像格式之間有差別，但它們存儲的圖像信息都是經(jīng)過壓縮處理的，體積都較小，適于在網(wǎng)上傳輸。GIF（圖像交換格式），缺點是最多只能用 256 種不同的顏色來顯示數(shù)據(jù)。用于保存和壓縮基于文字的圖像、線條和剪貼畫等，這些圖像類型不需要百萬色，很容易存成非常小的 GIF 文件。用來做動畫，因其可以保存多個圖像。JPEG - 由聯(lián)合攝影專家組（Joint Photographic Experts Group）開發(fā)， 24 位圖像格式（真彩色，支持 16 百萬色）。是在 Internet 上展現(xiàn)實景圖像的標準格式，可將大型圖像壓縮得非常小，同時能夠保留圖像的整

25、體質(zhì)量。最大缺點是圖像壓縮的越多，信息就丟失的越多。將文件保存為 JPEG 時，在壓縮率與質(zhì)量之間求得一個平衡至關(guān)重要。FrontPage所支持的圖像格式還包括： BMP、EPS、MAC、MSP、PCD、PCX、RAS、TIFF、WMF和WPG等。使用這些圖像格式時FrontPage把它們自動轉(zhuǎn)成GIF（ 256種顏色以內(nèi)的圖像）或JPEG格式（ 256種顏色以上的圖像） 。31FRONTPAGE200214.3 圖像處理14.3.1 網(wǎng)頁中使用的圖像格式31FR14.3.2 插入圖像插入當前站點中的圖像將光標移到插入圖像的位置單擊“插入圖片來自文件”菜單命令或常用工具欄中的“插入文件中的圖片

26、”按鈕，打開“圖片”對話框，系統(tǒng)將自動打開當前站點，選擇所需的圖像文件。如果選取的圖像不在當前站點中保存時，程序?qū)⑻嵝褕D像文件的保存路徑。插入剪貼畫單擊“插入圖片剪貼畫”命令，出現(xiàn)“插入剪貼畫”任務(wù)窗格。在“搜索文字”中輸入要搜索的剪貼畫名稱，選擇合適的“搜索范圍”和“結(jié)果類型”，單擊“搜索”按鈕，顯示出要查找的圖片，單擊圖片，就可插入到當前網(wǎng)頁中。直接單擊下方的“剪輯管理器”打開剪輯庫瀏覽器，從中瀏覽并選擇所需的剪貼畫圖片。32FRONTPAGE200214.3.2 插入圖像32FRONTPAGE200214.3.3 編輯圖像調(diào)整圖像大小和位置：單擊選中圖像，在圖像周圍出現(xiàn)控制點，用鼠標按住

27、任一控制點拖動，改變圖像的大小。單擊選中圖像，拖動圖像到新的位置釋放鼠標，可將圖像移動到新的位置。右鍵單擊圖像，在彈出菜單中選擇“圖片屬性”命令，打開“圖片屬性”對話框。處理圖片：在已經(jīng)創(chuàng)建的圖片上單擊左鍵，出現(xiàn)“圖片”浮動工具欄，所有圖標按鈕都可對圖像進行操作處理。繪圖工具：利用繪圖工具，方便繪制簡單圖形“視圖工具欄繪圖”菜單命令，打開繪圖工具欄 33FRONTPAGE200214.3.3 編輯圖像33FRONTPAGE200214.3.4 設(shè)置圖像背景將一些精美的圖片作為網(wǎng)頁的背景以美化頁面。用圖像作為網(wǎng)頁背景的操作是：單擊“格式背景”菜單命令，打開“網(wǎng)頁屬性”對話框，選背景圖片”選項，單

28、擊“瀏覽”按鈕，選擇所需的背景圖像。如想用任意顏色作為網(wǎng)頁的背景色，需單擊“背景”右邊的下拉按鈕，選擇所需的顏色。14.3.5 建立圖片庫幫助建立一個包含眾多圖片的網(wǎng)頁。單擊“插入圖片新建圖片庫”菜單命令，打開“圖片庫屬性”對話框；單擊“圖片”選項卡的“添加”按鈕，選擇“圖片來自文件”選項并選中要添加到網(wǎng)頁中的圖片，“上移”和“下移”按鈕可調(diào)節(jié)圖片出現(xiàn)的順序。在“布局”選項卡中可選擇圖片的布局樣式。瀏覽時單擊圖片縮略圖就可顯示圖片庫中的圖像 。34FRONTPAGE200214.3.4 設(shè)置圖像背景34FRONTPAGE200214.4 插入水平線建立頁面層次通過不同級別的標題通過用列表方式通

29、過插入水平線插入水平線方法“插入水平線”，在頁面的當前位置插入一條水平線。默認情況下，水平線的寬度與瀏覽器中頁面寬度相同，更改水平線的屬性雙擊水平線打開“水平線屬性”對話框。 35FRONTPAGE200214.4 插入水平線建立頁面層次35FRONTPAGE20014.5 應(yīng)用表格 表格是網(wǎng)頁制作中用處非常廣泛的一種頁面元素使網(wǎng)頁內(nèi)容排列整齊進行排版網(wǎng)頁表格分為行和列，每個方格為一個單元格。表格和單元格由四個邊框組成，左邊和上邊的邊框稱為亮邊框，右邊和下邊的邊框稱為暗邊框。36FRONTPAGE200214.5 應(yīng)用表格 表格是網(wǎng)頁制作中用處非常廣泛的一種頁面元14.5.1 創(chuàng)建表格使用常用

30、工具欄中的“插入表格”工具按鈕使用“表格插入表格”菜單命令，出現(xiàn)“插入表格”對話框。手工繪制表格：程序自動生成規(guī)則的表格，手工繪制更復(fù)雜的表格，“表格繪制表格” ，表格工具欄，鼠標變成鉛筆的形狀，在編輯窗口中拖動鼠標繪制表格表格工具欄上還有擦除、插入行、插入列、刪除單元格、合并單元格、拆分單元格等功能按鈕。 37FRONTPAGE200214.5.1 創(chuàng)建表格37FRONTPAGE200214.5.2 編輯表格插入表格、行、列或單元格將光標移到某一單元格中，單擊“表格插入”，在子菜單中選擇相應(yīng)的命令選項。如選擇“標題”命令，就會在表格的上方出現(xiàn)插入點，即標題行，可輸入表格的標題。合并、拆分單元

31、格選中要合并的多個單元格，單擊“表格合并單元格”菜單命令。將光標移到要拆分的單元格中或選中要拆分的幾個單元格，單擊“表格拆分單元格”菜單命令，出現(xiàn)“拆分單元格”對話框，選擇要拆分的樣式和行數(shù)即可。平均分布行或列將表格行或列平均分配大小，用手工調(diào)整麻煩，不精確，選中需要平均分配大小的行或列，然后單擊“表格自動調(diào)整平均分布行”或“平均分布列”菜單命令即可。38FRONTPAGE200214.5.2 編輯表格38FRONTPAGE2002自動套用表格樣式內(nèi)置了很多種表格樣式，將光標移到表格內(nèi)，單擊“表格表格自動套用格式”菜單命令，出現(xiàn)“表格自動套用格式”對話框。表格轉(zhuǎn)換表格轉(zhuǎn)換成文本：選中表格后單擊

32、“表格轉(zhuǎn)換表格轉(zhuǎn)換成文本”文本轉(zhuǎn)換成表格：選中要轉(zhuǎn)換的文本，單擊“表格轉(zhuǎn)換文本轉(zhuǎn)換成表格”，在打開的對話框中選擇合適的文本分隔符。精細設(shè)置(大小、邊框和背景等)選中整個表格或某一個單元格，單擊“表格表格屬性單元格（表格）屬性”命令，打開“表格屬性”或 “單元格屬性”對話框。 39FRONTPAGE2002自動套用表格樣式39FRONTPAGE200214.5.3 利用表格進行網(wǎng)頁布局通常網(wǎng)頁的布局使用：表格框架使用表格構(gòu)造網(wǎng)頁的版面，可將頁面中的各種內(nèi)容放在不同的位置上。有經(jīng)驗的用戶常會把表格作為主要的頁面布局工具，這是因為表格幾乎被所有的Web瀏覽器支持，從而可保證設(shè)計的網(wǎng)頁能在瀏覽器中正確

33、顯示，表格的框架特性使用戶可直接控制頁面元素的位置，并使其按照所需要的方式顯示。40FRONTPAGE200214.5.3 利用表格進行網(wǎng)頁布局40FRONTPAGE20使用表格規(guī)劃網(wǎng)頁布局時應(yīng)遵循的原則是：在開始網(wǎng)頁設(shè)計前，先畫一草圖，對網(wǎng)頁中各元素的位置進行大致的布局，然后開始設(shè)計；應(yīng)從外到內(nèi)開始工作，先創(chuàng)建外部最大的表格，然后根據(jù)需要合并單元格或在單元格中插入嵌套表格。41FRONTPAGE2002使用表格規(guī)劃網(wǎng)頁布局時應(yīng)遵循的原則是：41FRONTPAGE表格邊框設(shè)為0，使看不到邊框。圖14-37 以表格形式布局的山東大學(xué)主頁42FRONTPAGE2002表格邊框設(shè)為0，使看不到邊框。

34、圖14-37 以表格形式布局的第15章 網(wǎng)頁制作高級技巧 15.1 應(yīng)用框架實現(xiàn)網(wǎng)頁布局設(shè)計15.2 應(yīng)用表單制作交互式網(wǎng)頁15.3 制作動態(tài)網(wǎng)頁15.4 插入FrontPage組件15.5 在網(wǎng)頁中加入多媒體15.6 應(yīng)用FrontPage主題設(shè)定網(wǎng)站整體風(fēng)格43FRONTPAGE2002第15章 網(wǎng)頁制作高級技巧 15.1 應(yīng)用框架實現(xiàn)網(wǎng)頁布局15.1 應(yīng)用框架實現(xiàn)網(wǎng)頁布局設(shè)計框架網(wǎng)頁:特殊的HTML網(wǎng)頁，將瀏覽器窗口分成稱為框架的不同區(qū)域，每個區(qū)域都可以顯示不同的網(wǎng)頁。常用于目錄、文章或信息列表、或任何其他的網(wǎng)頁上框架網(wǎng)頁本身并不包含可見內(nèi)容，它只用來指定要顯示的其他網(wǎng)頁及其顯示方式。在

35、一個框架中單擊超鏈接會在另一個框架(目標框架)中顯示相應(yīng)網(wǎng)頁。44FRONTPAGE200215.1 應(yīng)用框架實現(xiàn)網(wǎng)頁布局設(shè)計框架網(wǎng)頁:44FRONTP一個框架網(wǎng)頁的創(chuàng)建過程比較復(fù)雜，需經(jīng)過如下步驟： 選擇框架模板 修改框架布局 設(shè)置框架包含的網(wǎng)頁 組織框架間的調(diào)用關(guān)系 保存框架網(wǎng)頁 保存框架中顯示的網(wǎng)頁45FRONTPAGE2002一個框架網(wǎng)頁的創(chuàng)建過程比較復(fù)雜，需經(jīng)過如下步驟：45FRON一個框架網(wǎng)頁的創(chuàng)建步驟1： 15.1.1 選擇框架模板在 “網(wǎng)頁模板”對話框中選擇“框架網(wǎng)頁”選項卡，在列表框中選擇要使用的框架網(wǎng)頁模板“說明”區(qū)域為該模板的描述， “預(yù)覽”區(qū)域為框架網(wǎng)頁布局的預(yù)覽圖。4

36、6FRONTPAGE2002一個框架網(wǎng)頁的創(chuàng)建步驟1： 15.1.1 選擇框架模板46F一個框架網(wǎng)頁的創(chuàng)建步驟2： 15.1.2 修改框架布局調(diào)整框架大小手動調(diào)整，通過拖動框架的邊框調(diào)整框架大小。通過修改框架屬性來精確設(shè)定框架的大小。選擇“框架框架屬性”菜單命令，出現(xiàn)“框架屬性”對話框，在“框架大小”區(qū)域中，調(diào)整“列寬”和“高度”設(shè)置。拆分框架（內(nèi)容保存在原始框架中，并創(chuàng)建一新框架）拖動框架邊框來拆分框架：打開要修改的框架網(wǎng)頁，同時按住Ctrl鍵，并拖動框架的任一邊框，將一個框架平均拆分成兩個分開的行或列。通過菜單拆分框架：“框架拆分框架”命令，出現(xiàn)“拆分框架”對話框中。刪除框架選擇要刪除的框

37、架，單擊“框架刪除框架”命令。47FRONTPAGE2002一個框架網(wǎng)頁的創(chuàng)建步驟2： 15.1.2 修改框架布局47F一個框架網(wǎng)頁的創(chuàng)建步驟3： 15.1.3 設(shè)置框架包含的網(wǎng)頁框架網(wǎng)頁是網(wǎng)頁的集合，需設(shè)置每個框架對應(yīng)的網(wǎng)頁內(nèi)容。把現(xiàn)有網(wǎng)頁分配到框架中：在其中某個框架中，單擊“設(shè)置初始網(wǎng)頁”按鈕，出現(xiàn)“插入超鏈接”對話框?qū)υ捒蛑性O(shè)置鏈接的網(wǎng)頁，單擊“確定”按鈕，該網(wǎng)頁出現(xiàn)在框架內(nèi)。如初始網(wǎng)頁還沒建立：單擊“新建網(wǎng)頁”按鈕開始建立。改變框架中的初始網(wǎng)頁：選擇要改變初始網(wǎng)頁的框架 “框架屬性”對話框中的“初始網(wǎng)頁”文本框中輸入新網(wǎng)頁的名稱和位置，或者單擊“瀏覽”按鈕，從文件列表中選擇。48FRO

38、NTPAGE2002一個框架網(wǎng)頁的創(chuàng)建步驟3： 15.1.3 設(shè)置框架包含的網(wǎng)頁一個框架網(wǎng)頁的創(chuàng)建步驟4： 15.1.4 組織框架間的調(diào)用關(guān)系在使用框架時一定會遇到如何處理框架間的調(diào)用關(guān)系的問題，即點擊一個框架中的超鏈接后，目的頁面將會出現(xiàn)在哪一個框架內(nèi)，或是新打開一個瀏覽器窗口。在“編輯超鏈接”窗口的右側(cè)單擊“目標框架”按鈕，出現(xiàn)的“目標框架”對話框，在這個對話框中，可以直接在“當前框架網(wǎng)頁” 框中選擇一個框架作為目的框架，也可以選擇“公共目標區(qū)框”中的選項來確定目標頁面的出現(xiàn)形式：網(wǎng)頁默認值（main）：目標頁面將出現(xiàn)在默認目的框架中，默認目的框架可以在框架的頁面屬性設(shè)置窗口中設(shè)置。如果不

39、加以說明，系統(tǒng)將按照默認目的框架調(diào)用目標頁面。相同框架：目標頁面將出現(xiàn)在同一框架中，也就是覆蓋調(diào)用頁面。整頁：目標頁面將覆蓋整個框架頁面，獨立地出現(xiàn)在瀏覽器窗口中。新建窗口：目標頁面將出現(xiàn)在新打開的一個瀏覽器窗口中，而在原來的瀏覽器窗口中不發(fā)生任何變化。49FRONTPAGE2002一個框架網(wǎng)頁的創(chuàng)建步驟4： 15.1.4 組織框架間的調(diào)用關(guān)圖15-6 “目標框架”對話框50FRONTPAGE2002圖15-6 “目標框架”對話框50FRONTPAGE2002一個框架網(wǎng)頁的創(chuàng)建步驟5： 15.1.5 保存框架網(wǎng)頁若要保存包含內(nèi)容的框架網(wǎng)頁，執(zhí)行下列操作：打開要保存的框架網(wǎng)頁，單擊“文件另存為”

40、菜單命令在“另存為”對話框中會顯示框架網(wǎng)頁布局的縮略圖，因為你正在保存框架網(wǎng)頁，所以所有的區(qū)域都會用深藍色的框突出顯示，表明這是正在保存的內(nèi)容。 在“文件名”框中，鍵入突出顯示的框架網(wǎng)頁的名稱，選擇要保存網(wǎng)頁的位置，單擊“保存”按鈕。51FRONTPAGE2002一個框架網(wǎng)頁的創(chuàng)建步驟5： 15.1.5 保存框架網(wǎng)頁51F一個框架網(wǎng)頁的創(chuàng)建步驟6： 15.1.6 保存框架中顯示的網(wǎng)頁在框架網(wǎng)頁中選擇一個要保存的框架，再單擊“框架另存為網(wǎng)頁”；在“另存為”對話框中會顯示框架網(wǎng)頁布局的縮略圖，深藍色的框指明了突出顯示框架中要保存的當前網(wǎng)頁。鍵入文件名，選擇保存位置后，單擊“保存”按鈕。若框架中所顯

41、示的網(wǎng)頁已經(jīng)保存過，可單擊“框架保存網(wǎng)頁”以原來的名字保存。52FRONTPAGE2002一個框架網(wǎng)頁的創(chuàng)建步驟6： 15.1.6 保存框架中顯示的網(wǎng)15.2 應(yīng)用表單制作交互式網(wǎng)頁普通網(wǎng)頁只是讓訪問者去觀看，少了訪問者本身的參與。交互式網(wǎng)頁通過表單來向服務(wù)器傳送一些用戶的交流信息，服務(wù)器通過數(shù)據(jù)庫查詢等方法進行處理，返回用戶感興趣的內(nèi)容，從而建立了一種與用戶的交流。論壇、留言板就是采用的這種形式，這將會更加吸引訪問者。表單的作用就是搜集用戶輸入的信息，如收集客戶的個人資料，并輸入到數(shù)據(jù)庫中，或設(shè)計一個訂貨單，讓用戶指定自己要購買的商品名稱、型號和數(shù)量等。53FRONTPAGE200215.2

42、 應(yīng)用表單制作交互式網(wǎng)頁普通網(wǎng)頁只是讓訪問者去觀看，15.2 應(yīng)用表單制作交互式網(wǎng)頁15.2.1 表單域的類型表單域指表單上用以收集信息的單個域。每一類型的域都有不同的操作方式，因此用戶必須根據(jù)站點訪問者輸入信息的方式選擇表單域。一個表單中可以具有如下表單域：文本框：用于讓訪問者輸入一行文字。選項按鈕：也稱為單選按鈕，瀏覽者只能從一組選項中選擇一個選項。文本區(qū)：收集多行的文本，例如注釋。它可以滾動以容納不同數(shù)量的文本。下拉框：為網(wǎng)頁瀏覽者提供一個選擇列表。它與使用一組選項按鈕類似，但其所占用的表單空間較小。可以將下拉框設(shè)置為允許一個或多個選項。復(fù)選框：網(wǎng)頁瀏覽者可以從一組選項中選擇一個、多個或

43、全部選項，也可一個都不選。54FRONTPAGE200215.2 應(yīng)用表單制作交互式網(wǎng)頁15.2.1 表單域的類型按鈕：使用按鈕可以讓網(wǎng)頁瀏覽者在填好表單后提交該表單、重置表單或運行自定義腳本。你也可以在表單中添加圖片，用作提交按鈕。填寫表單之后，網(wǎng)頁瀏覽者可以單擊圖片以提交該表單，然后表單上的數(shù)據(jù)，包括圖片域名稱，就會發(fā)送到表單處理程序。高級按鈕：通過在表單中插入高級按鈕，可以編寫腳本，讓表單完成所需的工作。高級按鈕可自定義的程度很高，按鈕上可以使用喜愛的字體、顏色甚至表格。分組框：希望將一組相關(guān)的控件或文本同網(wǎng)頁或當前表單上的其他信息分開時，可以添加分組框。文件上載：可以給站點訪問者提供向

44、 Web 站點發(fā)送文件的機會。密碼域：希望站點訪問者輸入密碼后才能訪問Web站點時，請在注冊表單中添加密碼域。密碼域其實只是一個單行文本框。站點訪問者在這個域中鍵入數(shù)據(jù)時，大部分的Web瀏覽器都會將密碼顯示為星號以保護這些機密信息。55FRONTPAGE2002按鈕：使用按鈕可以讓網(wǎng)頁瀏覽者在填好表單后提交該表單、重置表15.2 應(yīng)用表單制作交互式網(wǎng)頁15.2.2 創(chuàng)建表單(三種方法)圖15-8 意見反饋表單示例56FRONTPAGE200215.2 應(yīng)用表單制作交互式網(wǎng)頁15.2.2 創(chuàng)建表單(三15.2.2 創(chuàng)建表單(三種方法)方法1 ：自己創(chuàng)建表單單擊“插入表單”菜單命令，此時在網(wǎng)頁上將

45、出現(xiàn)一個虛線框住的矩形區(qū)域，其中包含“提交”和“重置”按鈕，然后就可以向其中添加表單域了。添加表單域操作方法是：單擊“插入表單”菜單命令，然后從子菜單中選擇要添加到表單中的元素，這里我們需要添加一個用于選擇職業(yè)的下拉框，5個用于對網(wǎng)站評價的選項按鈕，一個用于輸入建議的多行文本區(qū)，一個用于輸入電子郵件地址的單行文本框，其他文字可按照一般文本進行輸入、編輯。右擊某表單域，在快捷菜單中選擇“表單域?qū)傩浴泵睿纱蜷_相應(yīng)的表單域?qū)傩詫υ捒蜻M行設(shè)置。 57FRONTPAGE200215.2.2 創(chuàng)建表單(三種方法)方法1 ：自己創(chuàng)建表單5715.2.2 創(chuàng)建表單(三種方法)方法2：使用向?qū)?chuàng)建表單在“網(wǎng)

46、頁模板”對話框中的“常規(guī)”選項卡中選擇“表單網(wǎng)頁向?qū)А?，單擊“確定”按鈕后出現(xiàn)“表單網(wǎng)頁向?qū)А睂υ捒?。按照屏幕上的提示一步一步添加表單中需要的問題，最后得到問題列表，單擊“完成”就可以創(chuàng)建需要的表單。58FRONTPAGE200215.2.2 創(chuàng)建表單(三種方法)方法2：使用向?qū)?chuàng)建表單515.2.2 創(chuàng)建表單(三種方法)方法3：用表單模板來創(chuàng)建類似表單在“網(wǎng)頁模板”對話框中的“常規(guī)”選項卡中選擇“確認表單”、“意見反饋表單”、“用戶注冊”或“意見薄”等表單模板，這里選擇“意見反饋表單”模板，單擊“確定”按鈕創(chuàng)建一個意見反饋表單。做相應(yīng)的修改。59FRONTPAGE200215.2.2 創(chuàng)建表

47、單(三種方法)方法3：用表單模板來創(chuàng)建類15.2 應(yīng)用表單制作交互式網(wǎng)頁15.3.3 收集表單信息表單的作用在于幫助用戶收集信息，當訪問者填完表單信息，按“提交”按鈕提交了表單結(jié)果后，F(xiàn)rontPage會予以保存，并提供了多種保存表單結(jié)果的方法，可保存到文件、電子郵件、數(shù)據(jù)庫或其他指定的對象。另外，也可在用戶成功發(fā)送表單或發(fā)送無效表單后向用戶顯示確認網(wǎng)頁?？赏ㄟ^右擊表單打開 “表單屬性”對話框，進行設(shè)置，單擊“選項”按鈕可打開“保存表單結(jié)果”對話框進行進一步的設(shè)置。注意：若要測試表單的功能，必須首先將Web站點發(fā)布到運行有服務(wù)器擴展（FrontPage Server Extension）的We

48、b服務(wù)器上。該Web站點一旦發(fā)布，即可單擊“用瀏覽器預(yù)覽”來測試該表單。60FRONTPAGE200215.2 應(yīng)用表單制作交互式網(wǎng)頁15.3.3 收集表單信息15.3 制作動態(tài)網(wǎng)頁15.3.1 使用“動態(tài)HTML效果”制作頁面元素的動態(tài)效果DHTML，即Dynamic Hyper Text Markup Language（動態(tài)超文本標記語言）的出現(xiàn)改變了普通的HTML只能提供靜態(tài)、單調(diào)的文字和超文本鏈接的局面，利用其提供的功能可以輕易地開發(fā)出五彩繽紛的動態(tài)網(wǎng)頁。FrontPage提供了多種DHTML效果，使用者無須了解DHTML語法知識就可以輕松實現(xiàn)各種各樣的動態(tài)網(wǎng)頁。61FRONTPAGE

49、200215.3 制作動態(tài)網(wǎng)頁15.3.1 使用“動態(tài)HTML效果15.3 制作動態(tài)網(wǎng)頁15.3.1 使用“動態(tài)HTML效果”制作頁面元素的動態(tài)效果在網(wǎng)頁中實現(xiàn)動態(tài)HTML效果的方法：選中要實現(xiàn)動態(tài)HTML效果的頁面元素，如頁面中的文字、圖片、表單中的按鈕等單擊“視圖工具欄DHTML效果”或“格式動態(tài)HTML效果”菜單命令，出現(xiàn)DHTML效果工具欄單擊最左邊的下拉菜單，選擇一種事件，其中有單擊、鼠標懸停、雙擊、網(wǎng)頁加載等事件在“應(yīng)用”下拉菜單中選擇一種應(yīng)用效果最后在“效果”下拉菜單中為該應(yīng)用選擇一種動態(tài)效果。不同的事件包含的應(yīng)用效果和動態(tài)效果是不同的，可以根據(jù)需要靈活選用。62FRONTPAG

50、E200215.3 制作動態(tài)網(wǎng)頁15.3.1 使用“動態(tài)HTML效果15.3.2 網(wǎng)頁過渡效果所謂網(wǎng)頁的過渡效果，是指我們從一個網(wǎng)頁切換到另一個網(wǎng)頁時，網(wǎng)頁將出現(xiàn)各種不同的轉(zhuǎn)換效果。設(shè)置網(wǎng)頁過渡效果的方法是：打開要設(shè)置過渡效果的網(wǎng)頁，單擊“格式網(wǎng)頁過渡”菜單命令，打開“網(wǎng)頁過渡”對話框；單擊“事件”下拉菜單，選擇相應(yīng)的文件操作，其中有進入網(wǎng)頁、離開網(wǎng)頁、進入站點、離開站點四種情況；在“過渡效果”列表框中選擇一種過渡效果；設(shè)置過渡效果持續(xù)的時間“周期”，單擊“確定”按鈕保存網(wǎng)頁在瀏覽器中進行預(yù)覽。63FRONTPAGE200215.3.2 網(wǎng)頁過渡效果所謂網(wǎng)頁的過渡效果，是指我們從一個15.4

51、插入FrontPage組件15.4.1 FrontPage組件的概念FrontPage組件是FrontPage所提供的一些動態(tài)的程序部件，用戶只要在頁面中插入這些現(xiàn)成的FrontPage組件就能自動完成web站點上的許多任務(wù)而無需編寫程序或腳本。它不同于Javascript等腳本語言，當使用瀏覽器瀏覽包含F(xiàn)rontPage組件的頁面時，相應(yīng)的組件將在服務(wù)器端運行并根據(jù)客戶端的請求生成動態(tài)的Web頁面?zhèn)鬟f給客戶端的瀏覽器，總之FrontPage組件為web開發(fā)者提供了不用編寫復(fù)雜的程序而生成動態(tài)、交互式頁面的手段。64FRONTPAGE200215.4 插入FrontPage組件15.4.1 F

52、ron15.4 插入FrontPage組件15.4.1 FrontPage組件的概念由于FrontPage組件是在web服務(wù)器端運行的，所以要使用FrontPage組件，Web服務(wù)器必須安裝FrontPage服務(wù)器擴展（FrontPage Server Extension）。要在頁面中插入一個FrontPage組件，選擇“插入 FrontPage 組件”菜單項，然后從彈出的“插入Web組件”對話框中選擇一個組件。65FRONTPAGE200215.4 插入FrontPage組件15.4.1 Fron15.4.1 FrontPage組件的概念FrontPage組件在編輯窗口中一般是作為頁面內(nèi)的一

53、個獨立的對象來對待的。當你在編輯包含有組件的網(wǎng)頁時，當光標指向可見的組件時，光標指針將變成形狀，以提示這是一個單獨的FrontPage組件對象。如果要刪除一個組件，只要用鼠標左鍵單擊選中該組件，然后按“DEL”鍵即可。如果要修改一個組件的屬性，可以雙擊組件或右擊組件并從快捷菜單中選擇相應(yīng)的“FrontPage組件屬性”命令打開屬性對話框。在FrontPage中，常用的組件有：橫幅廣告管理器、站點計數(shù)器、懸停按鈕、字幕、包含網(wǎng)頁、預(yù)定圖片、預(yù)定包含網(wǎng)頁、替換、類別、搜索表單、目錄等。66FRONTPAGE200215.4.1 FrontPage組件的概念FrontPage15.4.2 字幕使用字

54、幕組件可以在頁面中插入滾動文字，這些滾動文字可用于提示一些需要引起用戶注意的信息。要在頁面中插入該組件，可在“插入Web組件”對話框中選擇“動態(tài)效果”中的“字幕”，在出現(xiàn)的“字幕屬性”對話框中首先在文本框中輸入文字信息，而后對速度、大小等進行調(diào)整。67FRONTPAGE200215.4.2 字幕使用字幕組件可以在頁面中插入滾動文字，這些15.4.3 橫幅廣告管理器使用橫幅廣告管理器可以按指定的時間在頁面中變換地顯示一系列圖片，該組件通常用于制作網(wǎng)頁廣告。在“插入Web組件”對話框中選擇“動態(tài)效果”中的“橫幅廣告管理器”。在打開的“橫幅廣告管理器屬性”對話框中設(shè)置好廣告圖片的大小、過渡效果、每幅

55、圖片顯示時間及鏈接頁面，然后單擊“添加”按鈕完成所需廣告圖片的添加，最后單擊“確定”，這樣一個網(wǎng)頁中的橫幅廣告就制作好了。另外在“插入Web組件”對話框中選擇動態(tài)效果中的“懸停按鈕”。通過與上文相仿的簡單設(shè)置就可以搞定一個懸停按鈕。懸停按鈕是一種動態(tài)按鈕，當訪問者在瀏覽器中用鼠標指向它或用鼠標單擊它時，該按鈕將會產(chǎn)生一些動態(tài)的變化效果，它經(jīng)常被應(yīng)用于制作導(dǎo)航按鈕。68FRONTPAGE200215.4.3 橫幅廣告管理器使用橫幅廣告管理器可以按指定的時15.4.4 站點計數(shù)器計數(shù)器可以用來顯示頁面被訪問的次數(shù)，每當頁面被訪問時，計數(shù)器的值都將隨之遞增，站點管理員可以通過觀察計數(shù)器來了解站點的訪

56、問流量。插入“站點計數(shù)器”組件的步驟如下：在“網(wǎng)頁”視圖下打開要插入計數(shù)器的web頁面（一般是站點的首頁）并將光標移動到要放置計數(shù)器的位置，選擇“插入Web組件”對話框中的“計數(shù)器”，然后按“完成”按鈕，彈出“站點計數(shù)器屬性”對話框。在對話框的“計數(shù)器樣式”選項中選擇一種喜歡的計數(shù)器風(fēng)格，選中“計數(shù)器重置為”單選框可將計數(shù)器值重置為某一特定的數(shù)字（默認是0）；如果選中“設(shè)置數(shù)字位數(shù)”單選框，則可以定義計數(shù)器所顯示的數(shù)字位數(shù)。按“確定”按鈕，一個精美的計數(shù)器就被插入到web頁面中了。其在“網(wǎng)頁”視圖下顯示為“計數(shù)器”，在瀏覽器中打開它就能夠觀察站點被訪問的次數(shù)。 69FRONTPAGE20021

57、5.4.4 站點計數(shù)器計數(shù)器可以用來顯示頁面被訪問的次數(shù)，15.4.5 搜索表單 “搜索表單”是可以向訪問者提供對網(wǎng)站內(nèi)容進行文本搜索的組件。全文檢索對于包含有大量網(wǎng)頁的大網(wǎng)站來說，是必不可少的一項功能。當訪問者在瀏覽器中提交搜索表單時，該組件會根據(jù)用戶輸入的查詢條件返回搜索結(jié)果，該結(jié)果是以超鏈接列表形式來提供的，訪問者只要單擊超鏈接就可以進入到要查找的頁面。如果你不想讓訪問者搜索到某些網(wǎng)頁，可以將這些網(wǎng)頁移動到站點中的“_private”目錄下。70FRONTPAGE200215.4.5 搜索表單 “搜索表單”是可以向訪問者提供對網(wǎng)站要使用該組件，請按照以下步驟操作： 在“網(wǎng)頁”視圖下打開要

58、插入搜索表單的頁面，并將光標移動到要插入搜索表單的位置。從對話框中選“Web搜索”，按“完成”按鈕，打開“搜索表單屬性”對話框。設(shè)置對話框中的“搜索表單屬性”選項卡?！拜斎肟虻臉撕灐庇糜谠O(shè)置在輸入表單文本框前面的標簽，該標簽通常用于搜索表單的提示文字?！耙宰址麛?shù)為單位的寬度”用于設(shè)置輸入表單文本框的最大字符數(shù)，默認是20個字符。在搜索表單中有兩個按鈕，一個為“開始按索”，另一個為“重置”，選擇“開始搜索”，則FrontPage將根據(jù)用戶輸入的查詢語句開始對網(wǎng)站內(nèi)容進行搜索?！伴_始搜索按鈕的標簽”和“重置按鈕的標簽”用于設(shè)置“開始搜索”和“清除”按鈕上顯示的文字說明。 設(shè)置對話框中的“搜索結(jié)果”

59、選項卡?！八阉鹘Y(jié)果的范圍”用于設(shè)置搜索范圍，默認值是“全部”，即對網(wǎng)站中所有的頁面進行搜索，也可以設(shè)置搜索的范圍是站點中某一個目錄?！帮@示選項”用于設(shè)置搜索結(jié)果的顯示選項，如可以設(shè)置每頁顯示的最大記錄數(shù)和顯示結(jié)果中的附加信息。71FRONTPAGE2002要使用該組件，請按照以下步驟操作： 71FRONTPAGE215.4.6 包含網(wǎng)頁“包含網(wǎng)頁”組件可以讓你在當前web頁面中自動包含另一個web頁面當被包含的頁面發(fā)生變動時，不必打開各個web頁面，所有包含該頁面的web頁可同時自動更新，從而讓你只用一步操作就可以方便地修改FrontPage 中的許多頁面。該組件常用于包含Web頁面中的一些共

60、同的頁面元素，如公共標題、公司標志、導(dǎo)航欄等。你可以將這些元素放在一個頁面中，存成一個獨立的文件，再用該組件把這個文件插入到所有需要的web頁面中，插入后完全是一個整體的效果，在用瀏覽器瀏覽時根本看不出組合的痕跡，將來需要修改這些公共元素時，只要直接修改被包含的文件即可。這對于具有許多頁面的Web站點來說，可以節(jié)省很多工作時間。72FRONTPAGE200215.4.6 包含網(wǎng)頁“包含網(wǎng)頁”組件可以讓你在當前web頁15.4.6 包含網(wǎng)頁將被包含網(wǎng)頁包含到別的頁面中步驟：在“網(wǎng)頁”視圖下打開要插入該組件的網(wǎng)頁，鼠標指針定位于要插入組件的位置。從對話框中選擇“包含內(nèi)容”組件類型下的“網(wǎng)頁”，彈出