FrontPage網頁制作

　　摘 要： 隨著Internet的快速發展和計算機的普及，制作網站已成為人們展示自己、交流心得的重要手段，掌握一種網頁制作方法也成為人們的時尚之選。FrontPage以其功能強大、容易上手、界面親切而著稱。
　　關鍵詞： FrontPage 創建站點 文字 圖片 超鏈接
　　
　　現在流行網頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的FrontPage，還有Adobe Pagemill 3.0——制作多框架，表單和Image map圖像的網頁工具，Netscape，等等。其中FrontPage更以其功能強大、容易上手、界面親切而著稱。利用它可以輕松的組織、編輯網頁并將其發布到指定站點上，而且在發布之后還能對更新情況進行監控以更新站點的內容。
　　現在就讓我們從第一步的建立站點來踏上建造網上家園之旅。
　　啟動FrontPage，單擊任務欄上“開始”按鈕，從“程序”菜單中選擇“Microsoft FrontPage”單擊。便可打開FrontPage，FrontPage的界面可以分成菜單欄、工具欄、狀態欄、視圖窗和編輯器窗口5大部分。
　　首先，我們來看創建一個只包含一個網頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點位置，單擊“只有一個網頁的站點”圖標，單擊“確定”按鈕，這就建立好站點了。我們現在來看一下新站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網頁文件，名字叫做“index.htm”。瀏覽者訪問站點時首先進入的就是站點主頁。主頁名字一般情況下就叫做“index.htm”。就是說我們新建只包含一個網頁站點時，FrontPage就自動為我們創建了站點主頁。
　　盡管每一個站點都有一個主頁，不過創建站點時我們仍然可以從一個空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標來創建一個空站點。“新建站點”對話框中還有許多其他圖標，這是FrontPage提供用來創建站點模板或向導。
　　我們可以使用模板或向導來建立站點。單擊“個人站點”圖標，用它可以迅速創建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們就創建了個人站點。個人站點模板已經為我們規劃好了站點目錄和建立了相關頁面。現在我們點擊一下“文件夾”按鈕，雙擊index.htm圖標。看，這就是我們的個人站點的主頁。哎，好像有許多文字都不對，沒關系，這些文字是可以改變的，現在寫的是文字的用途，比如“主題”文字就是用來寫網站標題的地方，我們只要把它改為自己喜歡的標題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風景圖片換成自己的照片，只要在新建站點的基礎上進一步修改就可以做出自己的個人站點。這不僅節省了許多力氣，同時還給了初學者一個良好的起點。
　　模板和向導有什么區別呢？我們安裝軟件時，一步步用對話框提示我們完成安裝過程的程序就是一個向導。在FrontPage里，向導也是一種模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點的創建過程。
　　現在我們選擇“文件”菜單的“新建”選項，單擊“站點”命令，你看，FrontPage提供了兩個向導：公司展示向導、討論站點向導，使用起來都很方便，你有興趣也可以利用向導建立一個站點。
　　創建頁面最簡單的方法就是單擊FrontPage“常用”工具欄的“新建”按鈕。它的右方有一個向下小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網頁、站點、文件夾和任務。默認狀態下是新建網頁。
　　如果要新建網頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網頁能夠有更多的選擇。單擊文件菜單的“新建”命令，選擇“新建網頁”，在“新建”對話框里，可以看到FrontPage提供的許多網頁模板，我們可以用這些模板來建立相應的網頁。在右下角的預覽框里可以看到選中模板的外觀。選擇“兩欄正文”網頁，這樣就創建了一個新的分為兩欄的網頁了。然后點確定。使用模板可以不用總是從空白網頁開始編輯，這樣就會省時省力很多。
　　網上幾乎所有的網頁都使用圖片加以點綴，在網頁中插入適當的圖片，能夠產生圖文并茂的效果。如果有一個圖形，怎樣把它放到網頁上呢？
　　首先要看你的圖形是什么格式的，也就是它的擴展名是什么，只有擴展名為GIF和JPEG的圖形文件才能成為我們頁面的一部分。如果圖形不是這種格式，使用其他格式的圖形文件，在保存網頁時FrontPage會提示做格式轉換，FrontPage可以自動進行格式轉換。
　　現在我們看看怎么插入圖形，選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。在默認情況下，FrontPage認為你要插入的圖片總是放在你建立站點的目錄或它的子目錄下。可以說，站點就是一個目錄。我們把編輯的許多網頁文件放在同一個目錄下，我們稱這個目錄為站點主目錄。這些網頁引用的圖形一般也放在這個目錄下。當然，我們也可以在這個目錄下建立其他子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。
　　使用圖形可以使網頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網頁相互聯系起來。怎么用圖形來建立鏈接呢？其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面1.htm”，單擊“確定”按鈕，在普通模式中，按住CTRL鍵，就跳到主頁頁面了。
　　怎樣使網頁布局更合理？我們可以在網頁中使用表格。
　　最常用的方法是：選擇“表格菜單/插入/表格”項，在打開的對話框里設置你需要的表格屬性，比如設置表格的“對齊方式”，“邊框粗細”，等等，輸入需要的行和列的數值，單擊“確定”表格就創建完畢了。
　　設計好的頁面，應該檢查它在瀏覽器中是否顯示正常。一般只要切換到預覽模式就可以了。單擊“預覽”選項卡，在預覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網頁。即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機器上多裝幾個瀏覽器，用來檢查網頁的兼容性。選擇“文件”菜單的“在瀏覽器中預覽”選項，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”按鈕。就可以看到新建頁面在瀏覽器中的效果了。
　　怎樣才能把自己做的網頁相互聯系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉到其他頁面呢？我們把這種點擊后會進行頁面切換的網頁界面元素叫超鏈接。下面來看一下用文字來建立鏈接。
　　選擇文字“主頁”，單擊“插入”菜單的“超鏈接”命令，在文件列表框內選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件地址。單擊“確定”按鈕，超鏈接就制作成功了。我們切換到預覽模式（單擊預覽按鈕），當我們把鼠標指向“主頁”兩字時鼠標變成手形，單擊它，就切換到主頁了。
　　為什么不在普通模式下試呢？因為普通模式主要是用來編輯網頁的，當我們在普通模式下把鼠標指向“主頁”兩字時鼠標沒有變成小手狀，所以不能進行頁面切換。不過如果按住CTRL鍵，鼠標就變成小手狀。單擊就可以進行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。
　　這樣我們就差不多完成了網頁的制作步驟，最后可將它發布到Web服務器上。站點發布前還要對它進行檢查工作，包括超鏈接，頁面等。
　　
　　參考文獻：
　　［1］甘登岱.邊用邊學FrontPage2000.人民郵電出版社，2000.10.
　　［2］李振格.Office入門與提高.清華大學出版社，2001.2.
　　［3］王超鋒.網頁制作.人民郵電出版社，2001.10.
　　［4］黃洪杰.網頁制作基礎教程.電子工業出版，2007.8.