FrontPage2000是一個創(chuàng)建站點和設(shè)計網(wǎng)頁的優(yōu)秀軟件，是目前最常用的一種所見即所得的網(wǎng)頁制作與站點管理工具，它能將網(wǎng)頁界面自動翻譯成對應(yīng)的HTML標記語言，故不需要用戶掌握很深的網(wǎng)頁制作技術(shù)，就可以進行添加表格、圖像、聲音、動畫和電影等的編輯，制作出精美的網(wǎng)頁。它作為系列套裝軟件Office2000中的一個應(yīng)用程序，不僅保留了“所見即所得”的特點，而且操作極為簡便。使用FrontPage2000制作網(wǎng)頁，就如同使用Word進行文字處理一樣容易。在本章中，我們將介紹中文FrontPage2000的基本操作。
7.1 創(chuàng)建站點
7.1.1 FrontPage2000的界面
FrontPage2000的啟動與Office2000其他組件的啟動方法相同。圖7-1是 FrontPage 2000窗口界面。
圖7-1 FrontPage 2000窗口界面
標題欄顯示當前打開的站點名及其位置。菜單欄和工具欄的使用方法與Office2000其他組件大致相同。視圖欄提供的各個視圖是為了管理站點的服務(wù)的，通過切換到不同的視圖，可以更好的了解站點的狀況。
窗口主體部分為網(wǎng)頁編輯區(qū)，該區(qū)域占據(jù)了大部分的屏幕空間，所有網(wǎng)頁都是在這里進行編輯制作的。在編輯區(qū)左下方有3個選項卡，用于切換網(wǎng)頁文件的顯示模式。“普通”模式用于可視化地編輯頁面；“HTML”模式用于顯示和編輯HTML源文件；“預(yù)覽”模式用于查看網(wǎng)頁在瀏覽器中的實際顯示效果。
7.1.2 使用“個人站點”模板建立個人站點
站點是指為表達一個特定的內(nèi)容而設(shè)計、并存儲在Web服務(wù)器上或硬盤上的一系列網(wǎng)頁、圖形、文本、聲音、視頻等多媒體文件、站點可能還包括Frontpage為實現(xiàn)特殊功能所需要的用戶看不見的文件。FrontPage 2000提供了一系列模板和向?qū)?chuàng)建各種類型站點。
創(chuàng)建個人站點的步驟是：
1、單擊窗口“文件”→“新建”→“站點”命令，彈出如圖7-2所示的“新建”對話框；選中“個人站點”；在“指定新站點的位置”框中指定新建站點在你的機器硬盤上的位置和站點名
圖7-2 選擇要建立站點類型和位置
2、確定后，一個簡單的個人站點就建立了。新站點中包含5個網(wǎng)頁文件、3幅圖片和2個文件夾。一般網(wǎng)站都有兩個標準的文件夾：Private文件夾和Images文件夾。雙擊Index.htm可以打開新站點的主頁，如圖7-3所示。
圖7-3 新建的個人站點
根據(jù)實際情況，可以對其內(nèi)容做相應(yīng)的修改和擴充。
7.2 視圖、導(dǎo)航欄與共享邊框
7.2.1 FrontPage 2000的視圖
1、“網(wǎng)頁”視圖：是FrontPage 提供的對網(wǎng)頁編輯的方式，在這種視圖下，可以對網(wǎng)頁的內(nèi)容進行編輯和修改，但無法了解網(wǎng)站的整體結(jié)構(gòu)。
2、“文件夾”視圖：是用來查看網(wǎng)站中的文件夾的分布情況。在這個視圖中，可以方便地完成對文件的操作（如重命名、移動文件等）、類似資源管理器。
3、“報表”視圖：是FrontPage 2000新增加的一種視圖，實際上就是把許多視圖以報表的形式列在一張表里，使站點的管理者能夠更加方便的管理網(wǎng)站。
4、“導(dǎo)航”視圖：FrontPage 自動將網(wǎng)站中的各個網(wǎng)頁以組織結(jié)構(gòu)圖的形式列在“導(dǎo)航”視圖里。表示各網(wǎng)頁之間的層次關(guān)系。
5、“超鏈接”視圖：是詳細顯示各個文件之間超鏈接關(guān)系的一種視圖。一般以一個網(wǎng)頁文件為中心，發(fā)散地表示出鏈接的關(guān)系。
6、“任務(wù)”視圖：用來維護一個動態(tài)項目表的視圖。
7.2.2 導(dǎo)航視圖
打開新建個人站點，單擊“查看”→“導(dǎo)航”，或單擊視圖欄“導(dǎo)航“按鈕。系統(tǒng)將切換到導(dǎo)航視圖方式，如圖7-4所示。
圖7-4 認識導(dǎo)航視圖
導(dǎo)航視圖中用矩形框表示網(wǎng)頁，矩形框內(nèi)顯示的文字是網(wǎng)頁的標題。含有下層的網(wǎng)頁稱為父網(wǎng)頁，其下層的網(wǎng)頁稱為子網(wǎng)頁。同在一個父層下的子網(wǎng)頁稱為兄弟網(wǎng)頁。
1、移動網(wǎng)頁
選中需要移動的網(wǎng)頁，將其在導(dǎo)航視圖中拖到合適的位置上。這樣可以方便改變網(wǎng)頁間的層次關(guān)系和排列順序。
2、添加網(wǎng)頁
如果要添加一個頂層網(wǎng)頁，只要在空白地方單擊鼠標右鍵，在彈出的快捷菜單中選擇“新建頂層網(wǎng)頁”即可。
3、修改網(wǎng)頁標題
選中要修改標題的網(wǎng)頁，單擊鼠標右鍵，在彈出的菜單中選擇“重命名”即可。
4、刪除網(wǎng)頁
選中網(wǎng)頁文件，按鍵盤上的Delete鍵或者用右鍵快捷菜單的“刪除”命令。在彈出對話框中選擇從所有導(dǎo)航欄刪除還是從站點刪除，如果選擇“從所有導(dǎo)航欄中刪除”，則站點中仍有此網(wǎng)頁文件；如果選擇“從站點中刪除此網(wǎng)頁”，則當前網(wǎng)頁徹底被刪除。
7.2.3 導(dǎo)航欄與共享邊框
導(dǎo)航欄是根據(jù)導(dǎo)航視圖中網(wǎng)站結(jié)構(gòu)自動建立的，由一組按鈕或文本組成的超鏈接構(gòu)成。創(chuàng)建導(dǎo)航欄的目的是為了用戶在每一個網(wǎng)頁上都能很方便的訪問到其他相關(guān)的網(wǎng)頁上。
共享邊框是站點中一個或多個網(wǎng)頁的公共區(qū)域，其包含的內(nèi)容將在該共享邊框的每一個網(wǎng)頁中出現(xiàn)，可以在網(wǎng)頁的頂部、左邊、右邊、底部創(chuàng)建共享邊框。通常把導(dǎo)航欄插入到網(wǎng)頁頂部和左邊的共享邊框中。
只有在同一個站點中的導(dǎo)航視圖里有聯(lián)系的網(wǎng)頁才能顯示在導(dǎo)航欄中，獨立的網(wǎng)頁無法顯示。
插入共享邊框的步驟
1、單擊“格式”→“共享邊框”或使用右鍵快捷菜單的“共享邊框”命令。
2、在出現(xiàn)的“共享邊框”對話框中，單擊“所有網(wǎng)頁”單選鈕，然后選中“上”、“下”復(fù)選框及“包含導(dǎo)航按鈕”，如圖7-5所示。單擊確定，完成設(shè)置。
圖7-5 設(shè)置“共享邊框”對話框
7.3 網(wǎng)頁的基本操作
7.3.1 網(wǎng)頁的創(chuàng)建、打開、保存、打印和關(guān)閉
網(wǎng)頁文件的后綴一般都是.htm或.html。其操作基本類似其他Office軟件。
1、創(chuàng)建新網(wǎng)頁
選擇“文件”→“新建”→“網(wǎng)頁”，打開“新建”對話框，在“常規(guī)”選項卡中可以看到FrontPage2000提供了26種網(wǎng)頁的模板，如圖7-6所示，選擇需要的模板，確定即可。如果單擊常用工具欄“新建網(wǎng)頁”按鈕，則FrontPage2000將自動生成一張普通網(wǎng)頁。
圖7-6 “新建”網(wǎng)頁對話框
2、打開網(wǎng)頁
使用“文件”→“打開”→“網(wǎng)頁”命令，或單擊常用工具欄“打開”按鈕，然后在“打開文件”對話框中選中要打開的網(wǎng)頁文件即可。要打開的網(wǎng)頁是正在當前編輯的站點中，則在“文件夾”、“導(dǎo)航”或“超鏈接”等任意視圖下，雙擊該網(wǎng)頁的圖標或文件名即可打開它。
3、保存網(wǎng)頁
直接單擊常用工具欄上的“保存文件”按鈕，或使用菜單命令即可。
4、打印網(wǎng)頁
使用“文件”→“打印”命令，也可直接單擊常用工具欄“打印”按鈕，可將網(wǎng)頁外觀打印出來
5、關(guān)閉網(wǎng)頁
使用“文件” →“關(guān)閉”命令，或單擊網(wǎng)頁編輯窗口右上角的網(wǎng)頁關(guān)閉按鈕即可。使用“文件” →“關(guān)閉站點”命令，可以關(guān)閉當前的站點和站點里所有的網(wǎng)頁。
7.3.2 網(wǎng)頁的主題
主題是一種預(yù)先設(shè)計的元素與色彩方案，使用主題將使站點的所有頁面和諧統(tǒng)一。FrontPage提供了大量風(fēng)格各異的主題，通過主題可以方便地改變整個站點的面貌。設(shè)置主題的方案如下：
1、選擇菜單欄“格式” →“主題”，打開“主題”對話框，如圖7-7所示。
2、點擊列表框選擇一種主題，并選擇將主題應(yīng)用到所有網(wǎng)頁還是所選的網(wǎng)頁。
3、選擇是否應(yīng)用主題顏色、動態(tài)圖形、背景圖片和CSS；CSS即級聯(lián)樣式表，可以使用CSS統(tǒng)一修改任何HTML樣式標簽如標題、段落文本的外觀，或者自定義新的樣式。
4、點擊“確定”完成操作。
圖7-7 “主題”對話框
7.3.3 網(wǎng)頁橫幅
網(wǎng)頁橫幅位于網(wǎng)頁頂端，是一條可以自己選定的橫幅標志，類似與廣告牌。網(wǎng)頁橫幅可以是圖片或文本形式。雙擊網(wǎng)頁橫幅可以打開“網(wǎng)頁橫幅屬性”對話框，如圖7-8所示。在該對話框中可以修改網(wǎng)頁橫幅的屬性和文本。網(wǎng)頁橫幅的圖片由所選擇的主題提供。如果刪除了主題，網(wǎng)頁橫幅就只能以“文本”形式體現(xiàn)。
圖7-8 “網(wǎng)頁橫幅屬性”對話框
7.3.3 網(wǎng)頁文本的編輯和格式化
在FrontPage2000中網(wǎng)頁文本的編輯和格式化與Word操作非常相似，相同部分這里不再贅述。我們來看一些FrontPage2000的自身特色的內(nèi)容。
1、項目符號和編號
如果網(wǎng)頁中應(yīng)用了主題，為使網(wǎng)站風(fēng)格保持一致，在使用項目符號時，可以使用主題中帶有圖片。單擊“格式” →“項目符號和編號”命令，在“圖片項目符號”選項卡中選中“使用當前主題中的圖片”項，這時主題中自帶的圖片就成為了網(wǎng)頁文字的項目符號。
2、加入注釋信息
為方便管理和維護網(wǎng)站，可以加入注釋信息。注釋信息會自動以不同顏色顯示，并會自動在注釋內(nèi)容的最前面增加注釋字樣。使用“插入” →“注釋”命令，可以完成該操作。如圖7-9所示。
圖7-9 “注釋”對話框
3、在網(wǎng)頁中插入水平線
網(wǎng)頁中適當插入水平線可以分隔網(wǎng)頁上的內(nèi)容，使用“插入”菜單可以完成操作。
7.4 網(wǎng)頁中的多媒體
7.4.1 網(wǎng)頁圖片和圖片工具欄
網(wǎng)頁中一般都大量用到圖片。圖片主要來自外部圖像文件和Office2000提供的剪貼畫庫。插入圖片方法是：
1、鼠標定位在需插入圖片位置
2、單擊“插入” →“圖片” →“來自文件”
3、選擇圖片來源，如圖7-10所示。
圖7-10 選擇插入圖片的來源
4、選擇完后，確定即可將選定的圖片插入到當前網(wǎng)頁。
FrontPage2000提供功能豐富的圖片工具欄。當選中插入的圖片，或使用“查看” →“工具欄” →“圖片”命令，可以調(diào)出圖片工具欄，如圖7-11所示。
圖7-11 圖片工具欄
7.4.2 網(wǎng)頁中應(yīng)用聲音、動畫和視頻
FrontPage2000支持的聲音文件主要是PC上通用的WAV和MIDI音樂。一般網(wǎng)頁中添加的主要是背景音樂。其操作步驟如下：
1、將要添加背景音樂的網(wǎng)頁文件打開。
2、單擊“文件” →“屬性”命令，或在網(wǎng)頁上使用右鍵快捷菜單的“網(wǎng)頁屬性”命令。
3、單擊“常規(guī)”選項卡中的“瀏覽”，打開對話框，如圖7-12所示。
圖7-12 選擇背景音樂的來源
4、選擇音樂來源后選擇添加的背景音樂，單擊“確定”按鈕即可。
應(yīng)用動畫和視頻采用“插入”→“圖片” →“視頻”命令就可以方便的插入動畫和視頻文件。
在“普通”網(wǎng)頁編輯模式下聽不到音樂，需單擊“預(yù)覽”選項卡，在預(yù)覽模式下才能得到網(wǎng)頁的最終瀏覽結(jié)果。
7.5 超級鏈接的使用
超鏈接是建立網(wǎng)站過程中所使用的最重要的技術(shù)之一，它將原本互相分離的各個網(wǎng)頁相互連接，是整個Web站點的結(jié)構(gòu)基礎(chǔ)。一般可以把鏈接分為文本超鏈接和圖片超鏈接兩類。
7.5.1 創(chuàng)建文本超鏈接
網(wǎng)頁上絕大多數(shù)超鏈接都是文本超鏈接，創(chuàng)建了文本超鏈接后將給文本加下劃線，并以一種不同于其他文字的顏色來顯示。創(chuàng)建文本超鏈接的步驟是：
1、選中文本，單擊“插入” →“超鏈接”或鼠標右鍵快捷菜單的“超鏈接”命令。
2、選定超鏈接方式（共5種），如圖7-13所示。找到鏈接目標，確定即可。
圖7-13 創(chuàng)建文本和圖片的超鏈接
7.5.2 創(chuàng)建圖片超鏈接
創(chuàng)建圖片超鏈接與創(chuàng)建文本超鏈接的方法相同，同樣在如圖7-13所示對話框操作。為圖片建立熱區(qū)也是創(chuàng)建圖片超鏈接的一種方式，如圖7-14所示。
圖7-14 為圖片創(chuàng)建熱區(qū)
7.5.3 書簽的使用
如果網(wǎng)頁中內(nèi)容較多，可以使用書簽進行定位和分層次，再建立指向書簽的超鏈接。這樣方便瀏覽者有選擇的閱讀網(wǎng)頁內(nèi)容。其方法如下：
1、選中要文本，單擊“插入” →“書簽”命令。
2、彈出“書簽”對話框，填寫書簽名稱，確定。出現(xiàn)虛線的書簽標記。如圖7-15所示。
3、重復(fù)上述步驟，建立其他書簽。
4、在網(wǎng)頁最上方創(chuàng)建書簽超鏈接源，右擊文本。選擇“超鏈接”，打開對話框。
5、單擊“書簽”列表的下拉箭頭，打開書簽列表，選擇要鏈接到的書簽列表項。
6、單擊“確定”，重復(fù)操作直到創(chuàng)建好所有書簽鏈接。
圖7-15 書簽標記
7.6 網(wǎng)頁中表格的使用
使用表格可以設(shè)計出布局合理、結(jié)構(gòu)協(xié)調(diào)、美觀勻稱的網(wǎng)頁。
7.6.1 創(chuàng)建表格
在FrontPage2000中提供了方便快捷的表格操作，其操作命令以及方式與Word相似。如圖7-16所示。
圖7-16 網(wǎng)頁中的表格
7.6.2 表格的編輯
1、表格屬性
將鼠標移動到表格內(nèi)任意位置，右鍵單擊，在快捷菜單中選擇“表格屬性”，打開對話框，如圖7-17所示。在該對話框?qū)Ρ砀襁M行統(tǒng)一設(shè)置。
圖7-17 表格屬性對話框
2、插入表格的標題
將鼠標移動到表格中任意一個單元格，單擊“表格” →“插入” →“標題”命令，這時在表格頂端自動空出一行，在此輸入標題即可。
3、單元格屬性
前面所述的“表格屬性”是針對整張表格的設(shè)置，“單元格屬性”則針對不同的單元格來進行屬性設(shè)置。注意其區(qū)別。
選擇需要設(shè)置的單元格，單擊鼠標右鍵，在出現(xiàn)的快捷菜單中選擇“單元格屬性”命令，可打開“單元格屬性”對話框。如圖7-18所示。
圖7-18 單元格屬性對話框
7.7 網(wǎng)頁中表單的使用
表單是聯(lián)系Web瀏覽器和Web服務(wù)器的工具。表單中包含允許用戶輸入和選擇信息的稱為表單域，是表單上基本組成元素，如圖7-19所示為典型表單操作。
使用“插入” →“表單” →選擇表單域類型可完成表單域的插入。
圖7-19 典型表單操作
完成表單域插入后，在相應(yīng)對象上雙擊來設(shè)置其屬性。如圖7-20所示。
圖7-20 設(shè)置單行文本框?qū)傩?/span>
7.8 網(wǎng)頁中框架的使用
FrontPage2000中的框架網(wǎng)頁是一種能在一個瀏覽器窗口包含多個子窗口的網(wǎng)頁結(jié)構(gòu)。它將網(wǎng)頁劃分為幾個區(qū)域，每個區(qū)域都是一個單獨的頁面。框架網(wǎng)頁并不是一個真正意義的網(wǎng)頁，它主要記錄在框架網(wǎng)頁中所包含的框架數(shù)量以及拆分方式等信息。
7.8.1 創(chuàng)建與設(shè)置框架網(wǎng)頁
單擊“文件” →“新建” →“網(wǎng)頁” →“框架網(wǎng)頁”，如圖7-21所示。
圖7-21 創(chuàng)建框架網(wǎng)頁
FrontPage2000提供了10類框架模板，挑選合適模板后確定，打開該框架網(wǎng)頁。如圖7-22所示。
圖7-22 標題、頁腳和目錄框架網(wǎng)頁
如果需要在其中使用模板，可以選中框架區(qū)域（該區(qū)域邊框變成藍色），單擊“文件” →“新建” →“網(wǎng)頁”，選擇需要的模板。如圖7-23所示。
圖7-23 在框架中新建模板網(wǎng)頁
7.8.2 保存框架網(wǎng)頁
單擊“文件” →“保存”命令，或直接單擊常用工具欄上“保存”按鈕，均可保存框架網(wǎng)頁。由于框架網(wǎng)頁中每個區(qū)域就是一個網(wǎng)頁，因此需要分別保存，在對話框右邊預(yù)覽框內(nèi)有保存網(wǎng)頁在框架中的位置圖，最后保存的是整個框架結(jié)構(gòu)的文件。如圖7-24所示。
圖7-24 保存框架結(jié)構(gòu)文件
7.9 動態(tài)網(wǎng)頁
7.9.1 使用字幕
字幕是指網(wǎng)頁中水平滾動的文字，類似于電子廣告的效果。
定位光標，單擊“插入” →“組件” →“字幕”命令，打開“字幕屬性”對話框，如圖7-25所示。用戶可以在文本欄中輸入文字，如“謝謝你的光臨！”并對其設(shè)置其它屬性，如運動的速度、方向、背景顏色等。
圖7-25 設(shè)置字幕
7.9.2 懸停按鈕
懸停按鈕是一個具有動感效果的按鈕，當鼠標移動到其上面時，該按鈕的顏色與形狀發(fā)生變化，產(chǎn)生動畫效果。單擊該按鈕將打開與之相鏈接的目標文件。
定位光標，單擊“插入” →“組件” →“懸停按鈕”命令，打開對話框，如圖7-26所示?？梢岳貌煌粹o對其進行相應(yīng)的設(shè)置。
圖7-26 設(shè)置懸停按鈕
7.10 發(fā)布站點
站點發(fā)布是指將已經(jīng)設(shè)計好的站點傳送到Internet上的一個Web服務(wù)器上，這樣Internet上的用戶才能夠訪問。使用Frontpage2000可以直接發(fā)布和更新站點。其步驟是：
1、打開需要發(fā)布的站點，單擊“文件” →“發(fā)布站點”命令。
2、如圖7-27所示。在“指定發(fā)布站點的位置”列表框中可以直接鍵入Web服務(wù)器的URL地址，也可以單擊“瀏覽”按鈕選擇一個地址；然后選擇發(fā)布網(wǎng)頁的內(nèi)容，設(shè)置完畢后，單擊“發(fā)布”按鈕，Frontpage2000立即開始發(fā)布和更新站點。
圖7-27 “發(fā)布站點”對話框
