經過上次的學習，想必讀者朋友們已經基本掌握了使用frontpage xp建立和管理站點的方法，那么建立好一個站點以后，接下來的工作就是讀者朋友們最為關心的網頁的制作和編輯了。我們知道，一個站點是由多個網頁組成，一個網頁又是由文字、圖像、聲音、視頻、超鏈接等多種對象構成，這次我們就圍繞網頁元素的制作，來使用frontpage xp一步步完成。

網頁的創建

網頁的創建有兩種方法，一種是基于空白網頁創建，另外一種就是基于frontpage xp提供的網頁模板快速建立。前者需要作者自己構造網頁布局格式，后者無需自己構造網頁布局，而只需修改網頁模板中的元素即可。

基于空白網頁創建網頁時，點擊“文件/新建”，再單擊“網頁或站點”命令，彈出“新建網頁或站點”任務窗口，在“新建”之下，單擊“空白網頁”即可。

基于網頁模板快速建立網頁時，點擊“文件/新建”，再單擊“網頁或站點”命令，在“新建網頁或站點”任務窗口中，在“根據模板新建”下單擊“網頁模板”命令。在“網頁模板”對話框中，單擊要使用的模板選項卡，比如“常規”選項卡，然后再單擊需要使用的模板，同時在“預覽”視圖中會顯示該模板的縮略圖。最后單擊“確定”按鈕完成，fronpage xp就會根據模板打開一個新網頁了。

添加搜索引擎關鍵字

剛才已經建立好了一個網頁，下面需要向網頁中添加關鍵字，以使得那些能夠識別關鍵字的搜索引擎更容易找到這個網頁，從而增加瀏覽率。

單擊“文件/屬性”命令，打開“網頁屬性”對話框，單擊“自定義”選項卡，在“用戶變量”中單擊“添加”按鈕，會打開一個“系統變量”設置對話框，然后在“名稱”文本框中，輸入關鍵字的名稱，比如“xword”，然后在“值”文本框中，輸入網站的搜索關鍵字，并使用逗號作為關鍵字之間的分隔符，最后單擊“確定”按鈕，如圖1所示。

圖1 在此設置搜索關鍵字

設置邊距與標題欄

如果自定義網頁邊距，右鍵單擊網頁，選擇快捷菜單上的“網頁屬性”命令，進入“網頁屬性”對話框，然后單擊“邊距”選項卡，在這里可以設置網頁的上、下邊距，選中“指定上邊距”復選框，然后在下面輸入邊距的高度值，如果選中“指定左邊距”復選框，還需要在下面的數值框中輸入網頁左側的距離值，如圖2所示。

圖2 網頁邊距的設置在此完成

在此對話框中的“常規”選項中，還可以設置網頁的標題，標題可以與文件名不同，比如一個頁面的文件名稱為default.htm，其標題可以是“我的主頁”。此時在“標題”文本框中，輸入要顯示在網頁橫幅或鏈接欄中的文件標題文字，然后單擊“確定”按鈕即可，如圖3所示。

圖3 設置一個有特色的網頁標題

應用網頁主題

在“網頁”視圖中，打開要應用主題的網頁，然后單擊“格式/主題”命令，打開主題對話框。如果要將當前主題應用到當前被選網頁，可以選擇“所選的網頁”選項，然后在主題列表中選擇要應用的主題名稱后，即可在“主題示例”之下預覽，完成后單擊“確定”按鈕即可將當前被選主題應用到網頁了。

當前網頁應用主題后，網頁將不再使用web站點的默認主題設置，也就是說，應用到當前站點的任何主題更改都不會影響此網頁主題。

插入圖片

網頁的制作是離不開圖片的，我們來看一下如何在網頁中添加圖片。

在“網頁”視圖中，將插入點放在要插入圖形的位置，然后點擊“插入/圖片/來自文件”命令，在打開的對話框中，選擇需要的圖像文件，然后單擊“插入”按鈕即可將圖片插入到網頁的當前位置。

選中剛才插入的圖片，單擊并拖動圖形上的控點來調整其大小至合適。調整好圖片的大小后，需要進行圖片的環繞方式設置，在“網頁”視圖中，右鍵單擊圖片，然后單擊快捷菜單上的“圖片屬性”，并選擇“外觀”選項卡，然后在“環繞樣式”中，選擇文本在圖形周圍的流動方式，然后在“布局”中選擇圖片的對齊方式，最后在“水平間距”和“垂直間距”框中，輸入要在圖形邊緣的顯示的間距，如圖4所示。

圖4 在此設置插入圖片的屬性

超鏈接的設置

創建超鏈接的方法比較簡單，首先可以選擇需要制作鏈接的文本或圖片，然后在工具欄單擊“插入超鏈接”工具按鈕，在打開的對話框中選擇需要鏈接的網頁或者文件即可，或者直接輸入鏈接網址，比如http://www.cctv.com，如圖5所示。

圖5 超鏈接的設置是最簡單的

此外，在網頁中還有一種超鏈接方式，就是指向電子郵件，比如一些網頁上經常有“給我寫信”之類的鏈接，首先選中需要鏈接的文本或圖片，然后單擊“插入超鏈接”按鈕，在打開的對話框中，選擇“電子郵件地址”按鈕，在“電子郵件地址”框中輸入電子郵件地址，然后在“主題”框中，輸入電子郵件郵件的主題。

經過以上幾個步驟，一個網頁就基本制作好了。

到站提示：經過以上幾個步驟，對網頁中的基本元素都進行了適當的編輯，使其更加符合你的風格。網頁在制作過程中還有很多技巧，下次我們將從網頁的布局講起，介紹如何規劃一個網頁。