網(wǎng)頁制作與發(fā)布

網(wǎng)頁制作與發(fā)布第一頁，共六十八頁，編輯于2023年，星期三8.1主頁制作的基本步驟8.1.1準備材料8.1.2制作網(wǎng)站8.1.3發(fā)布網(wǎng)站要制作主頁，實際上所要解決的問題主要有兩個：一是如何制作主頁，二是如何讓其他人找到主頁，也就是要解決網(wǎng)頁的發(fā)布問題。一般情況下，主頁制作主要包括準備材料、開始制作與安放網(wǎng)頁三個步驟。第二頁，共六十八頁，編輯于2023年，星期三8.1.1準備材料在制作主頁前，首先應(yīng)做一個小小的計劃（不用很詳細），準備在主頁上告訴人家什么？比如要制作我的個人主頁，計劃介紹三個方面：自我介紹，我的愛好，我的工作，那你就先創(chuàng)建一個總目錄（文件夾），比如d:\Html，來存放你的所有文件，然后再在這個目錄建立三個子目錄：Myself、Hobby、Job。文件名可以任意，但最好全部小寫，因為有的主機要區(qū)分大小寫。以后要增加內(nèi)容，可再新建子目錄。不過，如果利用FrontPage2000的模板或向?qū)е谱骶W(wǎng)頁，系統(tǒng)將自動幫助用戶規(guī)劃網(wǎng)站目錄結(jié)構(gòu)。第三頁，共六十八頁，編輯于2023年，星期三接下來將個人材料復(fù)制到相應(yīng)的子目錄。比如，要在主頁里展示你的照片，那就將照片掃描成JPG格式的文件，放在myself目錄下。要注意，網(wǎng)上只能使用JPG和GIF兩種圖像格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上，但用戶可以用很多圖像軟件進行轉(zhuǎn)換，如Photoshop等。把準備在主頁上出現(xiàn)的圖像放進相應(yīng)的目錄里后，就可以開始制作網(wǎng)頁了。第四頁，共六十八頁，編輯于2023年，星期三8.1.2制作網(wǎng)站網(wǎng)頁是全球廣域網(wǎng)上的基本文檔，用HTML(超文本標記語言)書寫。一個HTML網(wǎng)頁包含了HTML標記符，這些標記符是一些嵌入式命令，提供網(wǎng)頁的結(jié)構(gòu)、外觀和內(nèi)容等信息。Web瀏覽器利用這些信息來決定如何顯示網(wǎng)頁。不過，用戶無需懂得HTML就可以使用MicrosoftFrontPage。您可以像在字處理程序中一樣編輯網(wǎng)頁，當您輸入文本、設(shè)置文本格式以及添加圖形、表格等網(wǎng)頁元素時，F(xiàn)rontPage會在后臺添加相應(yīng)的HTML標記符。您的網(wǎng)頁就會如同在Web瀏覽器中出現(xiàn)一般被顯示出來。當然，用戶也可以在網(wǎng)頁上將HTML標記符顯示出來；而且，如果用戶熟悉HTML，也可以自己編輯HTML標記符。第五頁，共六十八頁，編輯于2023年，星期三為了幫助用戶創(chuàng)建專業(yè)化外觀、設(shè)計完善的網(wǎng)頁，F(xiàn)rontPage提供了多種網(wǎng)頁模板，使用戶能快速地創(chuàng)建具有各種布局和功能的網(wǎng)頁。例如，用戶可以利用FrontPage的模板來創(chuàng)建兩列式的網(wǎng)頁或帶有搜索表單的網(wǎng)頁，也可以使用多種主題之一來創(chuàng)建設(shè)計風格一致的網(wǎng)頁，一個主題包含了附有顏色結(jié)構(gòu)的完整設(shè)計組件，其中包括字體、圖形、背景、導(dǎo)航欄、水平線和其他網(wǎng)頁元素。第六頁，共六十八頁，編輯于2023年，星期三如果想自己設(shè)計網(wǎng)頁，可以從一個空白的網(wǎng)頁開始執(zhí)行如下步驟。（1）使用框架、表格或絕對定位來精確定位網(wǎng)頁上的文本和圖形。（2）添加網(wǎng)頁元素，例如文本、圖形、網(wǎng)頁橫幅、表格、表單、超鏈接、橫幅廣告、字幕、懸停按鈕、日戳、計數(shù)器等。（3）應(yīng)用樣式或使用樣式表來設(shè)置文本格式。（4）設(shè)置網(wǎng)頁元素動畫屬性和網(wǎng)頁過渡功能，使得網(wǎng)頁效果栩栩如生。（5）設(shè)置背景顏色、圖片或聲音。（6）創(chuàng)建自己的網(wǎng)頁模板。第七頁，共六十八頁，編輯于2023年，星期三8.1.3發(fā)布網(wǎng)站要在網(wǎng)上展示自己的個人主頁，用戶必須先申請一塊地皮，即向某一個主機申請一塊硬盤空間。有了這個空間之后，就可以發(fā)布自己的網(wǎng)頁了。申請了個人主頁空間以后，用戶將獲得一個域名、用來放置網(wǎng)頁的FTP服務(wù)器的地址、用戶名及口令等，接下來用戶只需把文件用FTP上傳至你的目錄就可以了。為了讓其他人能夠找到你，用戶還必須將自己的網(wǎng)址連同說明添加到各種搜索引擎中。例如，國內(nèi)比較有名的網(wǎng)易（）、搜狐（www.s）、新浪（www.sina.com），以及國外比較有名的Yahoo（）、Excite（）等都提供了搜索服務(wù)，用戶可直接訪問這些網(wǎng)站來了解如何將自己的網(wǎng)址添加到它們提供的搜索引擎中。第八頁，共六十八頁，編輯于2023年，星期三1．發(fā)布站點之前在發(fā)布站點之前，應(yīng)該檢查斷開的超鏈接，確認網(wǎng)頁的外觀是否合適，并測試站點的各項操作是否都能正常工作。有一個好的方法可以確認站點是否準備就緒，那就是在Web瀏覽器上進行預(yù)覽并且瀏覽站點的各處，以及在報表視圖模式下檢查所有文件的狀態(tài)。如果準備將站點發(fā)布到全球廣域網(wǎng)上，將需要一個Internet服務(wù)提供者（ISP），它最好是擁有安裝了FrontPage服務(wù)器擴展的站點服務(wù)器。當然，用戶還必須知道用來發(fā)布站點的ISP的站點服務(wù)器位置，必要時還須知道自己的用戶名稱和密碼。要獲得使用FrontPage服務(wù)器擴展的ISP（一般稱為站點展示提供者）的相關(guān)信息，請訪問MicrosoftFrontPage主頁，或單擊“文件”菜單中的“發(fā)布站點”，然后再單擊“WPP”按鈕。第九頁，共六十八頁，編輯于2023年，星期三2．服務(wù)器擴展對發(fā)布的影響將站點發(fā)布到已安裝了FrontPage服務(wù)器擴展的站點服務(wù)器有下列好處：當站點被發(fā)布時，它將會有完整的

FrontPage功能。若是沒有服務(wù)器擴展，某些功能將無法工作，例如，大部分的表單處理程序、訪問計數(shù)器和組件功能。FrontPage將維護文件和超鏈接。每次發(fā)布站點時，F(xiàn)rontPage將比較本地計算機上的文件與站點服務(wù)器上的文件。例如，若在本地站點中移動了一個文件，F(xiàn)rontPage將更新和更正任何指向該文件的超鏈接，并且在下次發(fā)布站點時，也對站點服務(wù)器上的文件做相同的更正。發(fā)布站點以后，將可以直接在

ISP的站點服務(wù)器上進行編輯（盡管如此，本地站點的本地版本將無法與服務(wù)器保持同步）。如果站點服務(wù)器有服務(wù)器擴展，F(xiàn)rontPage就可以使用

HTTP（超文本傳輸協(xié)議）來發(fā)布站點。否則，將使用

FTP（文件傳輸協(xié)議）發(fā)布。

第十頁，共六十八頁，編輯于2023年，星期三3．選擇要發(fā)布的文件用戶可以選擇哪些文件是要發(fā)布的，哪些文件是不要發(fā)布的。例如，如果有一個網(wǎng)頁是不完整的或并不是直接屬于站點的部分，可以將它標記為“不要發(fā)布”。將來，如果決定要發(fā)布該文件時，例如，已完成網(wǎng)頁制作時，則可以將它的狀態(tài)更改為“發(fā)布”。在首次發(fā)布站點之后，某些文件不應(yīng)再次發(fā)布。例如，假定用戶創(chuàng)建了一個帶有訪客錄的站點，然后發(fā)布它，后來又更新了網(wǎng)頁。那么，再次發(fā)布該網(wǎng)頁時，如果要發(fā)布所有的文件，包括訪客錄，則空白的訪客錄將覆蓋已有的文件，此時將丟失全部信息。用戶也可以選擇只發(fā)布已更改過的文件。FrontPage將比較本地計算機上當前工作站點中的文件與發(fā)布到站點服務(wù)器上的文件。如果FrontPage在本地計算機上檢測到一個較新版本的文件，則該文件將會被發(fā)布到站點服務(wù)器上。第十一頁，共六十八頁，編輯于2023年，星期三4．管理站點服務(wù)器上的文件如果ISP對用戶站點在站點服務(wù)器上的大小加以限制，那么文件管理就很必要。定期刪除未用的或舊的文件（尤其是圖形文件），可以讓站點的尺寸不致過大。站點一旦被發(fā)布之后，F(xiàn)rontPage就可以在每次再發(fā)布站點時，將本地站點上的文件與站點服務(wù)器上發(fā)布的文件保持同步。刪除本地計算機上的文件后，當用戶再度發(fā)布站點時，F(xiàn)rontPage將會提示刪除在站點服務(wù)器上相同的文件，并選擇只發(fā)布已經(jīng)更改過的網(wǎng)頁。如果站點服務(wù)器使用FrontPage服務(wù)器擴展，F(xiàn)rontPage也可以在下次發(fā)布站點時，與站點服務(wù)器上的其他操作相配合，例如移動或重命名文件。FrontPage將會更新站點服務(wù)器上的導(dǎo)航欄、共享邊框和超鏈接，來與本地計算機站點上運行的操作相配合第十二頁，共六十八頁，編輯于2023年，星期三8.2FrontPage2000入門8.2.1使用站點模板創(chuàng)建站點8.2.2根據(jù)網(wǎng)頁模板創(chuàng)建網(wǎng)頁8.2.3創(chuàng)建空白站點與空白網(wǎng)頁8.2.4創(chuàng)建框架網(wǎng)頁8.2.5網(wǎng)站與網(wǎng)頁的打開與保存8.2.6FrontPage2000提供的視圖第十三頁，共六十八頁，編輯于2023年，星期三8.2.1使用站點模板創(chuàng)建站點創(chuàng)建網(wǎng)站的第一步當然是新建網(wǎng)站。實際上，所謂新建網(wǎng)站就是設(shè)置存放網(wǎng)頁及相關(guān)數(shù)據(jù)的文件夾。此外，F(xiàn)rontPage還提供了眾多網(wǎng)站模板，如個人站點、客戶支持站點、項目站點等。使用站點模板創(chuàng)建站點的操作步驟如下：第十四頁，共六十八頁，編輯于2023年，星期三（1）啟動FrontPage2000，主界面如下圖所示。選擇“文件”菜單下的“新建”>“站點”選項，系統(tǒng)將彈出如下頁圖所示的“新建”站點對話框。視圖欄菜單欄常用工具欄狀態(tài)欄主編輯窗口編輯模式格式工具欄窗口按鈕標題欄控制菜單按鈕第十五頁，共六十八頁，編輯于2023年，星期三（2）單擊上圖所示對話框“站點”列表區(qū)中的“個人站點”，然后單擊“確定”按鈕，系統(tǒng)將自動依據(jù)該模板創(chuàng)建一個典型的個人站點。第十六頁，共六十八頁，編輯于2023年，星期三（3）在文件夾列表區(qū)雙擊Index.htm，此時畫面如下圖所示。第十七頁，共六十八頁，編輯于2023年，星期三（4）根據(jù)后面介紹的網(wǎng)頁編輯方法編輯網(wǎng)頁或增加、刪除網(wǎng)頁等。上頁圖所示創(chuàng)建的站點文件夾中有二個子文件夾，即_private與images。其中，_private文件夾用于存放一些不希望別人看到的文件，images文件夾用于存放網(wǎng)頁中用到的一些圖片。如果利用資源管理器查看以上創(chuàng)建的站點文件夾，還會發(fā)現(xiàn)其中有一些隱藏的文件夾。它們主要用于保存一些站點信息，及FrontPage擴展服務(wù)器運行程序。要關(guān)閉或打開站點，可選擇“文件”菜單中的適當選項。

第十八頁，共六十八頁，編輯于2023年，星期三8.2.2根據(jù)網(wǎng)頁模板創(chuàng)建網(wǎng)頁用戶除了可以利用站點模板創(chuàng)建站點外，還可以利用網(wǎng)頁模板創(chuàng)建網(wǎng)頁。為此，可執(zhí)行下面的步驟。（1）選擇“文件”>“新建”>“網(wǎng)頁”菜單，打開下圖所示的“新建”網(wǎng)頁對話框。第十九頁，共六十八頁，編輯于2023年，星期三（2）選擇上頁圖所示對話框中的“常規(guī)”選項卡，在該選項卡中“帶有目錄和邊欄的一欄正文”選項，然后單擊“確定”按鈕，此時畫面將如下圖所示。第二十頁，共六十八頁，編輯于2023年，星期三8.2.3創(chuàng)建空白站點與空白網(wǎng)頁對于一些高級用戶而言，他們可能更喜歡親手規(guī)劃站點與網(wǎng)頁。為此，可執(zhí)行如下步驟。（1）要創(chuàng)建空白站點，可首先選擇“文件”>“新建”>“站點”菜單，此時系統(tǒng)也將打開“新建”站點對話框。（2）在“新建”站點對話框中選擇“空站點”，單擊“確定”按鈕，即可創(chuàng)建一個不包含任何網(wǎng)頁的空白站點，如下頁圖所示。第二十一頁，共六十八頁，編輯于2023年，星期三（3）要創(chuàng)建空白網(wǎng)頁，可直接單擊“常用”工具欄上的“新建網(wǎng)頁”按鈕。第二十二頁，共六十八頁，編輯于2023年，星期三8.2.4創(chuàng)建框架網(wǎng)頁框架（Frame）網(wǎng)頁是一種特殊類型的網(wǎng)頁，該網(wǎng)頁將顯示區(qū)劃分成了多個獨立區(qū)域，例如，下圖所示的網(wǎng)頁就包含了三個框架。根據(jù)橫幅和目錄框架網(wǎng)頁模板制作的網(wǎng)頁目錄框架橫幅框架主框架第二十三頁，共六十八頁，編輯于2023年，星期三框架網(wǎng)頁實際上包含了多個網(wǎng)頁，一個是主框架網(wǎng)頁，該網(wǎng)頁定義了各框架的名稱、位置及尺寸等，它在瀏覽器中不顯示；此外，每個框架實際上都是一個獨立的網(wǎng)頁文件。因此，在制作框架網(wǎng)頁時，既可以直接將已經(jīng)制作好的網(wǎng)頁放入框架，也可為每個框架制作新網(wǎng)頁。使用框架網(wǎng)頁的好處是，屏幕上只進行部分更新。例如，當用戶在上頁圖中單擊目錄框架中的人名時，目錄框架及橫幅框架的內(nèi)容不變，而只更新主框架。對于每個框架而言，它都有框架屬性，其中定義了框架名稱、框架初始網(wǎng)頁，以及框架尺寸、框架位置等。第二十四頁，共六十八頁，編輯于2023年，星期三在FrontPage2000中，要創(chuàng)建框架網(wǎng)頁，可首先選擇“文件”>“新建”>“網(wǎng)頁”菜單，打開“網(wǎng)頁模板”對話框，在該對話框中選擇“框架網(wǎng)頁”選項卡，如下圖所示，然后在其中選擇適當?shù)目蚣懿季謽邮剑螕簟按_定”按鈕，結(jié)果如下頁圖所示。第二十五頁，共六十八頁，編輯于2023年，星期三第二十六頁，共六十八頁，編輯于2023年，星期三通過前面的介紹，我們已經(jīng)知道，所謂框架網(wǎng)頁實際上是一個網(wǎng)頁組，即每個框架區(qū)域都對應(yīng)了一個網(wǎng)頁。因此，在上頁圖中單擊“設(shè)置初始網(wǎng)頁”按鈕可為框架區(qū)指定一個現(xiàn)存的網(wǎng)頁作為其初始網(wǎng)頁，或者單擊“新建網(wǎng)頁”按鈕新建一個初始網(wǎng)頁。此外，要拆分框架或刪除框架，可選擇“框架”菜單中的適當選項。其中，要選擇框架，只需簡單地在框架區(qū)單擊即可。第二十七頁，共六十八頁，編輯于2023年，星期三8.2.5網(wǎng)站與網(wǎng)頁的打開與保存無論用戶是創(chuàng)建一個空白站點，還是基于站點模板創(chuàng)建一個站點，系統(tǒng)都將自動在指定位置（通常是“我的文檔”文件夾）創(chuàng)建一個文件夾。通過選擇“文件”菜單中的“打開站點”或“關(guān)閉”選項，可打開一個指定站點或關(guān)閉當前站點。如前所述，打開或新建站點后，所有網(wǎng)頁都被列在“文件夾列表”區(qū)中，因此，用戶只需簡單地雙擊網(wǎng)頁文件，即可打開該網(wǎng)頁。要保存網(wǎng)頁，可選擇“文件”>“保存”或“另存為”菜單，或單擊常用工具欄中的保存按鈕。如果網(wǎng)頁中使用了位于當前站點文件夾之外的文件，系統(tǒng)將會打開一個“保存嵌入式文件”對話框，如下頁圖所示。第二十八頁，共六十八頁，編輯于2023年，星期三在“保存嵌入式文件”對話框中單擊“重命名”按鈕，可更改文件名稱；單擊“更改文件夾”按鈕，可設(shè)置將文件保存到站點文件中的哪個子文件夾中。缺省情況下，文件將被直接保存到站點文件夾中。第二十九頁，共六十八頁，編輯于2023年，星期三8.2.6FrontPage2000提供的視圖為了便于更好地支持網(wǎng)站設(shè)計，F(xiàn)rontPage2000提供了多種視圖。通過在視圖欄中單擊不同的按鈕（若視圖欄被隱藏，可選擇“查看”>“視圖欄”菜單顯示出來），或選擇“查看”菜單中最上面的六個菜單項，可在各種視圖之間進行切換。這些視圖的特點如下：網(wǎng)頁視圖：這是缺省視圖模式，用戶可在該模式下編輯網(wǎng)頁。文件夾視圖：在該視圖模式，用戶可查看站點文件夾中的文件。報表視圖：該視圖又包含了多種類型，利用這些類型可分別查看站點摘要信息、站點中的文件（全部文件、最近增加的文件、最近更改的文件、較舊的文件）等。

第三十頁，共六十八頁，編輯于2023年，星期三導(dǎo)航視圖：該視圖用于為導(dǎo)航欄設(shè)計站點結(jié)構(gòu)。當用戶希望在網(wǎng)頁中插入導(dǎo)航欄時，系統(tǒng)將根據(jù)此處的設(shè)計自動制作導(dǎo)航欄。超鏈接視圖：該視圖用于查看各網(wǎng)頁之間的鏈接所示。任務(wù)視圖：利用任務(wù)可以幫助用戶跟蹤Web站點中需要完成的工作，可以將任務(wù)分配給個人或工作組。任務(wù)可以包含對Web站點上某個特定文件上要完成的工作的說明，它可以與Web站點中的任何文件（如Web頁、圖片、聲音及其他Office文檔）關(guān)聯(lián)。在文件夾列表區(qū)選定某個文件后，通過選擇“編輯”>“任務(wù)”菜單中的適當選項，可添加、編輯、開始任務(wù)等。在“任務(wù)”視圖下，可查看各任務(wù)的完成情況。第三十一頁，共六十八頁，編輯于2023年，星期三8.3網(wǎng)頁編輯8.3.1使用表格設(shè)計網(wǎng)頁布局8.3.2相對定位與絕對定位8.3.3使用導(dǎo)航欄與導(dǎo)航視圖8.3.4使用網(wǎng)頁橫幅8.3.5使用Web組件、數(shù)據(jù)庫及表單8.3.6使用圖片、文件、書簽與超鏈接8.3.7使用簡單網(wǎng)頁元素8.3.8使用主題與共享邊框8.3.9設(shè)置網(wǎng)頁屬性第三十二頁，共六十八頁，編輯于2023年，星期三8.3.1使用表格設(shè)計網(wǎng)頁布局在FrontPage2000中，用戶可利用表格進行網(wǎng)頁布局。下面通過一個簡單的實例來說明表格的用法。（1）新建一個空白網(wǎng)頁，并分別選擇“查看”菜單中的“視圖欄”與“文件夾列表”，暫時關(guān)閉這兩個區(qū)域。（2）選擇“表格”>“手繪表格”菜單，系統(tǒng)打開如下圖所示的“表格”工具欄，在網(wǎng)頁編輯區(qū)單擊并拖動制作表格。第三十三頁，共六十八頁，編輯于2023年，星期三（3）分別沿水平及垂直方向單擊并拖動，制作水平分割線與垂直分割線，構(gòu)成表格中的單元格。手繪表格如下圖所示。第三十四頁，共六十八頁，編輯于2023年，星期三（4）表格中還可嵌套子表格，為此，可首先在“表格”工具欄中單擊“手繪表格”按鈕，取消自由繪制表格狀態(tài)。接下來將光標定位在選定的單元格中，并選擇“表格”>“插入”>“表格”菜單，此時系統(tǒng)將打開如下圖所示“插入表格”對話框。第三十五頁，共六十八頁，編輯于2023年，星期三（5）在“插入表格”對話框中設(shè)置適當?shù)摹靶袛?shù)”、“列數(shù)”及其他參數(shù)，然后單擊“確定”按鈕，即可在指定位置插入表格，如下圖所示。第三十六頁，共六十八頁，編輯于2023年，星期三（6）將光標移至表格線上單擊并拖動，調(diào)整表格外觀。（7）要調(diào)整表格屬性，可選擇“表格”>“屬性”>“表格”菜單，此時系統(tǒng)將打開如下圖所示的“表格屬性”對話框。第三十七頁，共六十八頁，編輯于2023年，星期三（8）利用“表格屬性”對話框，可設(shè)置表格的尺寸，單元格邊距與間距，邊框線粗細與顏色，表格背景等。下圖顯示了將表格邊框線粗細設(shè)置為0（表示不要邊線），及為表格設(shè)置圖片背景后的畫面。第三十八頁，共六十八頁，編輯于2023年，星期三（9）通過選擇表格中的其他選項，可拆分表格、拆分單元格、刪除單元格、合并單元格，為表格套用格式等。（10）如果要刪除表格，可首先將光標定位在表格中，然后選擇“表格”>“選擇”>“表格”菜單選中表格，并按Ctrl+X組合鍵剪切之。第三十九頁，共六十八頁，編輯于2023年，星期三8.3.2相對定位與絕對定位在FrontPage2000中，對象的定位有兩種方式，一種是缺省的相對定位方式，一種是絕對定位方式。在相對定位方式下，只能依靠字符和回車來調(diào)整各對象的位置。如果希望將對象自由定位，則必須首先將其轉(zhuǎn)換為絕對定位方式，然后再移動其位置。例如，要將前面制作的嵌套表格移動位置，可按如下步驟來進行。（1）選擇“查看”>“工具欄”>“定位”菜單，打開“定位”工具欄。（2）將光標定位在嵌套表格中，然后選擇“表格”>“選定”>“表格”菜單，選中表格。第四十頁，共六十八頁，編輯于2023年，星期三（3）單擊“定位”工具欄中的“絕對定位”按鈕，將光標移至表格邊線上，此時光標呈花十字狀，單擊并拖動調(diào)整表格位置，如下圖所示。第四十一頁，共六十八頁，編輯于2023年，星期三8.3.3使用導(dǎo)航欄與導(dǎo)航視圖通過在網(wǎng)頁中插入導(dǎo)航欄，可使瀏覽者輕松地在站點的各網(wǎng)頁之間切換。通常情況下，要在網(wǎng)頁中插入導(dǎo)航欄，應(yīng)首先利用導(dǎo)航視圖為站點設(shè)計導(dǎo)航結(jié)構(gòu)圖。缺省情況下，用戶創(chuàng)建的第1個網(wǎng)頁被稱為主頁，即該網(wǎng)頁被作為站點的入口網(wǎng)頁，其名稱通常為index.htm。同時，該網(wǎng)頁被自動增加到導(dǎo)航結(jié)構(gòu)圖中，如下頁圖所示。第四十二頁，共六十八頁，編輯于2023年，星期三第四十三頁，共六十八頁，編輯于2023年，星期三要將站點中的其他網(wǎng)頁加入到導(dǎo)航結(jié)構(gòu)圖中，可在“文件夾列表”區(qū)單擊選擇網(wǎng)頁，然后將其拖至導(dǎo)航視圖中，此時將出現(xiàn)一條連接主頁的虛線，如下圖所示，釋放鼠標按鈕后，所選網(wǎng)頁添加到導(dǎo)航結(jié)構(gòu)圖中。第四十四頁，共六十八頁，編輯于2023年，星期三在站點結(jié)構(gòu)圖中，主頁始終位于最上層，通過將其他網(wǎng)頁拖至不同位置，可使選定網(wǎng)頁與主頁位于同一層，或主頁的下層。此外，用戶也可通過直接在導(dǎo)航視圖中單擊并拖動網(wǎng)頁圖標調(diào)整導(dǎo)航結(jié)構(gòu)圖。在導(dǎo)航視圖中，網(wǎng)頁圖標中顯示了網(wǎng)頁的標題，當瀏覽者瀏覽該網(wǎng)頁時，其內(nèi)容將顯示在瀏覽器的標題欄中。因此，為了使其擁有明確的意義，可右擊網(wǎng)頁圖標，從彈出的菜單中選擇“重命名”，然后輸入新的標題即可，如右圖所示。第四十五頁，共六十八頁，編輯于2023年，星期三當站點中網(wǎng)頁比較多時，根據(jù)該網(wǎng)頁的主題命名網(wǎng)頁文件是非常重要的。在很多情況下，使用導(dǎo)航視圖規(guī)劃站點結(jié)構(gòu)是一種不錯的方法。為了便于理解后面介紹的導(dǎo)航欄，利用導(dǎo)航視圖為站點設(shè)計如下圖所示的導(dǎo)航結(jié)構(gòu)圖。導(dǎo)航欄是一組超鏈接，典型的導(dǎo)航欄將有一些指向站點的主頁和主要網(wǎng)頁的超鏈接。導(dǎo)航欄可以是按鈕形式，也可以是文本形式。要在網(wǎng)頁中插入導(dǎo)航欄，方法如下：（1）在網(wǎng)頁編輯視圖中定位要放置導(dǎo)航欄的位置，或放在一個共享邊界內(nèi)。第四十六頁，共六十八頁，編輯于2023年，星期三（2）選擇“插入”>“導(dǎo)航欄”菜單，打開下圖所示“導(dǎo)航欄屬性”對話框。第四十七頁，共六十八頁，編輯于2023年，星期三（3）在“導(dǎo)航欄屬性”對話框的“要添加到網(wǎng)頁的超鏈接”區(qū)，選擇導(dǎo)航欄中的超鏈接類型。（4）在“方向和外觀”區(qū)，設(shè)置導(dǎo)航欄是水平還是垂直，是按鈕形式還是文本形式。如果使用了主題，則只能選擇“按鈕”單選鈕。（5）最后，單擊“確定”按鈕，插入導(dǎo)航欄到網(wǎng)頁視圖中。如果站點應(yīng)用了一個主題，按鈕式導(dǎo)航欄將使用主題的字體、顏色和其他樣式組件。例如，在導(dǎo)航結(jié)構(gòu)圖對應(yīng)的網(wǎng)頁中應(yīng)用主題后，插入導(dǎo)航欄如下頁圖所示。

第四十八頁，共六十八頁，編輯于2023年，星期三刪除導(dǎo)航欄的方法如下：（1）選定要刪除的導(dǎo)航欄。（2）選擇“編輯”>“刪除”菜單，或按Delete鍵。插入的導(dǎo)航欄第四十九頁，共六十八頁，編輯于2023年，星期三8.3.4使用網(wǎng)頁橫幅網(wǎng)頁橫幅的內(nèi)容始終與網(wǎng)頁標題一致，換句話說，通過修改網(wǎng)頁標題可修改橫幅文本，或者通過修改網(wǎng)頁橫幅文本修改網(wǎng)頁標題。要創(chuàng)建網(wǎng)頁橫幅，必須首先確認當前網(wǎng)頁已被增加到導(dǎo)航結(jié)構(gòu)圖中。接下來可首先將光標定位在要插入網(wǎng)頁橫幅的位置，然后選擇“插入”>“網(wǎng)頁橫幅”菜單，此時系統(tǒng)將打開如下圖所示“網(wǎng)頁橫幅屬性”對話框。由圖可以看出，系統(tǒng)提供了兩種類型的網(wǎng)頁橫幅，一類是圖片式網(wǎng)頁橫幅，一類是文本式網(wǎng)頁橫幅。這兩種類型的橫幅外觀完全相同，只是存儲方式不一樣。第五十頁，共六十八頁，編輯于2023年，星期三8.3.5使用Web組件、數(shù)據(jù)庫及表單如果選擇“插入”>“組件”菜單，系統(tǒng)顯示如圖所示“組件”子菜單。由“組件”子菜單可以看出，系統(tǒng)提供了眾多組件。例如，具有動態(tài)效果的組件：懸停按鈕、字幕、站點計數(shù)器、橫幅廣告管理器；還有電子表格、圖表、預(yù)覽圖片、附加組件等。如果選擇“插入”>“數(shù)據(jù)庫”菜單中的“結(jié)果”，可在網(wǎng)頁中插入數(shù)據(jù)庫關(guān)聯(lián)元素，如下頁左圖所示。如此一來，當數(shù)據(jù)庫內(nèi)容更新時，網(wǎng)頁將自動更新。不過，此時由于需要服務(wù)器支持，必須將網(wǎng)頁以.asp格式存儲。第五十一頁，共六十八頁，編輯于2023年，星期三通過選擇“插入”>“表單”菜單，系統(tǒng)顯示如右下圖所示“表單”子菜單，選擇適當選項可在網(wǎng)頁中插入所需表單，如各種按鈕、文本框、復(fù)選框等表單元素。同樣，在網(wǎng)頁中插入的表單要想正確工作，必須獲得服務(wù)器的支持才可以。第五十二頁，共六十八頁，編輯于2023年，星期三8.3.6使用圖片、文件、書簽與超鏈接通過選擇“插入”菜單中的適當選項，用戶還可在網(wǎng)頁中插入圖片、圖形、剪貼畫、藝術(shù)字、視頻、文件、書簽與超鏈接等，如下圖所示。第五十三頁，共六十八頁，編輯于2023年，星期三對于圖片而言，當用戶單擊圖片時，系統(tǒng)將顯示如下圖所示“圖片”工具欄，單擊選擇不同的工具，可以執(zhí)行如下工作。在當前位置插入圖片。在圖片上添加文字。自動生成縮略圖。生成縮略圖后，瀏覽者只需單擊該縮略圖即可看到原圖片。將圖像改為絕對定位狀態(tài)，從而便于將圖像移至指定位置。調(diào)整對象層次。旋轉(zhuǎn)及翻轉(zhuǎn)對象。調(diào)整圖像的對比度與亮度。裁剪圖像。將圖像的某種顏色設(shè)置為透明色。將圖像轉(zhuǎn)換為灰度圖。第五十四頁，共六十八頁，編輯于2023年，星期三為圖像增加凹凸效果。按圖像的當前狀態(tài)重新取樣。當一幅大圖像被重新取樣后，可有效減小文件尺寸。在圖像上創(chuàng)建矩形、圓形或多邊形熱點。復(fù)位圖片的原始狀態(tài)。書簽是網(wǎng)頁中被標記的位置或被標記的選中文本，是網(wǎng)頁內(nèi)部位置的一種標識，可以作為超鏈接的目的端。書簽用于把同一網(wǎng)頁的不同指定位置連接起來。另外，在同一個站點中的不同頁面上指定位置相連接時，往往要把目標對象定義為書簽。當網(wǎng)頁內(nèi)容較多時，可在網(wǎng)頁中設(shè)置書簽來標記位置。例如，如果網(wǎng)頁是一篇包含了多個專題的文章，則可利用書簽分別標記各專題所在位置，然后將書簽指定給各小標題即可。第五十五頁，共六十八頁，編輯于2023年，星期三書簽有兩種類型，一是將網(wǎng)頁中的文字或圖片等設(shè)置為標簽。為此，可首先選中希望設(shè)置為書簽的文字或圖片，然后選擇“插入”>“書簽”菜單，此時系統(tǒng)將打開左下圖所示“書簽”對話框。缺省情況下，所選文字被作為書簽名稱。單擊“確定”按鈕后，所選文字下方將增加一條虛線，如中圖所示。如果當前未選中任何文字或圖片，則將在當前位置插入一個旗幟符號作為書簽，用戶此時需命名書簽，如右下圖所示。第五十六頁，共六十八頁，編輯于2023年，星期三超鏈接是從一個網(wǎng)頁指向另一個網(wǎng)頁的鏈接關(guān)系。鏈接的目標通常是另一個Web網(wǎng)頁或者相同網(wǎng)頁上的不同位置，也可以是一幅圖片、一個電子郵件地址、一個文件或者一個程序。書簽制作好以后，用戶可將其指定給某個超鏈接。下面就來介紹如何在FrontPage中設(shè)置超鏈接。同樣，如果希望將文字或圖片設(shè)置為超鏈接，必須首先選中這些文字或圖片，然后選擇“插入”>“超鏈接”菜單，此時系統(tǒng)將打開如右圖所示“創(chuàng)建超鏈接”對話框。第五十七頁，共六十八頁，編輯于2023年，星期三利用該對話框可將當前站點中的某個網(wǎng)頁、某個URL地址設(shè)置為超鏈接地址。如果單擊“書簽”按鈕，則可將當前頁面中某個書簽設(shè)置為超鏈接地址。此外，通過單擊“更改目標框架”按鈕，還可設(shè)置在何處顯示鏈接網(wǎng)頁。如果單擊URL左側(cè)的“創(chuàng)建一網(wǎng)頁并鏈接到該網(wǎng)頁”按鈕，表示將新建一個鏈接網(wǎng)頁。如果單擊“制作發(fā)送電子郵件的超鏈接”按鈕，表示單擊鏈接將啟動郵件編輯器，用戶此時可編輯并發(fā)送郵件。第五十八頁，共六十八頁，編輯于2023年，星期三8.3.7使用簡單網(wǎng)頁元素通過選擇“插入”菜單中的“換行符”、“水平線”、“日期與時間”、“符號”與“注釋”，用戶還可在網(wǎng)頁中插入換行符、水平線、當前日期與時間等。其中，注釋主要用于制作網(wǎng)頁模板。如右圖所示，在網(wǎng)頁中插入了水平線與日期。插入的水平線插入的日期第五十九頁，共六十八頁，編輯