孫曉峰

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

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

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

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

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

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

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

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

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

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

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

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