使用ＦｒｏｎｔＰａｇｅ制作網(wǎng)頁

孫曉峰

[摘要]FrontPage以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上，而且在發(fā)布之后還能對更新情況進行監(jiān)控，以更新站點的內(nèi)容。

[關(guān)鍵詞]FrontPage 創(chuàng)建站點 新建頁面 文字 超鏈接

制作網(wǎng)頁的軟件有很多，其中FrontPage以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上，而且在發(fā)布之后還能對更新情況進行監(jiān)控以更新站點的內(nèi)容。

用FrontPage創(chuàng)建站點是很容易的。我們先來看一下創(chuàng)建一個只包含一個網(wǎng)頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網(wǎng)頁的站點”圖標，單擊“確定”按鈕。這就建立好站點了，我們現(xiàn)在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網(wǎng)頁文件，名字叫做“index.htm”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網(wǎng)頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫作“index.htm”。就是說，我們新建只包含一個網(wǎng)頁的站點時，F(xiàn)rontPage就自動為我們創(chuàng)建了站點的主頁了。這個新建的站點主頁是空的，我們可以向里面添加內(nèi)容。 在文件列表里除了主頁之外，還有文件夾。新建站點時，F(xiàn)rontPage都會在站點所在位置下新建兩個文件夾，一個是“images”，另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片?！皃rivate”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個文件夾里，比如，我們可以在這個文件夾里存放注冊用戶的個人信息。盡管每一個站點都要有一個主頁，不過創(chuàng)建站點時我們?nèi)匀豢梢詮囊粋€空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標來創(chuàng)建一個空站點。“新建站點”對話框中還有許多其他圖標，這是FrontPage提供的用來創(chuàng)建站點模板或向?qū)?。我們?chuàng)建只有一個網(wǎng)頁的站點或者創(chuàng)建空站點，都是從頭開始來創(chuàng)建一個站點，這就好像蓋房子一樣，先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。

我們單擊“個人站點”圖標，用它可以迅速創(chuàng)建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個人站點。個人站點模板已經(jīng)為我們規(guī)劃好了站點的目錄和建立了相關(guān)的頁面?，F(xiàn)在我們點擊一下“文件夾”按鈕，雙擊index.htm圖標，這就是我們的個人站點的主頁。這時，會發(fā)現(xiàn)有許多文字都不對，沒關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如，“主題”文字就是用來寫網(wǎng)站標題的地方，我們只要把它改為自己喜歡的標題就可以了。也可以把風景圖片換成自己的照片，只要在新建站點的基礎(chǔ)上進一步修改就可以做出自己的個人站點了。這不僅節(jié)省了許多力氣，同時也給了初學(xué)者一個良好的出發(fā)點。

創(chuàng)建頁面最簡單的方法就是單擊FrontPage常用工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務(wù)。默認狀態(tài)下是新建網(wǎng)頁。

如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對話框里，可以看到FrontPage提供的許多網(wǎng)頁模板，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個新的分為兩欄的網(wǎng)頁了，然后點確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。

現(xiàn)在我們看看怎么插入圖形，選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。在默認情況下，F(xiàn)rontPage認為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的?？梢哉f,站點就是一個目錄。我們把編輯的許多網(wǎng)頁文件放在同一個目錄下，我們稱這個目錄為站點的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個目錄下。當然，我們也可以在這個目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。如果要插入的圖片不在主目錄下,在“選擇文件”對話框中進行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了。單擊“常用”工具欄的“保存”按鈕，進行保存。也可選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”，插入圖片。一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對齊方式很重要，方法與WORD一樣操作。

設(shè)計好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項卡，在這個預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因為即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。所以，我們要在自己的機器上多裝幾個瀏覽器，用來檢查網(wǎng)頁的兼容性。

那么，為什么要用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項，在瀏覽器列表框中選擇不同的瀏覽器。（以internet explorer 5.0為例）單擊“確定”按鈕，就可以看到新建頁面在瀏覽器中的效果了。怎樣才能把自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢？在網(wǎng)頁里，我們把這種點擊后會進行頁面切換的網(wǎng)頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。先創(chuàng)建一個指向站點內(nèi)其他網(wǎng)頁的超鏈接。選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕，超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當我們把鼠標指向“主頁”兩字時鼠標變成手形，單擊它，我們就切換到主頁了。那么為什么不在普通模式下試呢？因為普通模式主要是用來編輯網(wǎng)頁的，當我們在普通模式把鼠標指向“主頁”兩字時鼠標沒有變成小手狀，因此不能進行頁面切換。

我們也可以將超鏈接指向其他站點的網(wǎng)頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里，在URL地址欄中直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要做超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在internet上查找要鏈接的網(wǎng)頁，F(xiàn)rontPage會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置完的超鏈接。要想取消超鏈接，刪除所有URL地址框里的內(nèi)容就可以了。還有一種超鏈接，可以鏈接電子郵件。這樣可以使你的網(wǎng)上朋友通過E-mail及時與你聯(lián)系，這是一個網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時超鏈接就建立好了。

這樣，我們就差不多完成了網(wǎng)頁的制作步驟，最后可將它發(fā)布到Web服務(wù)器上。站點發(fā)布前，還要對它進行檢查工作，包括超鏈接、頁面等。