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

網(wǎng)頁的創(chuàng)建

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

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

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

添加搜索引擎關(guān)鍵字

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

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

圖1 在此設(shè)置搜索關(guān)鍵字

設(shè)置邊距與標題欄

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

圖2 網(wǎng)頁邊距的設(shè)置在此完成

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

圖3 設(shè)置一個有特色的網(wǎng)頁標題

應(yīng)用網(wǎng)頁主題

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

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

插入圖片

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

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

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

圖4 在此設(shè)置插入圖片的屬性

超鏈接的設(shè)置

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

圖5 超鏈接的設(shè)置是最簡單的

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

經(jīng)過以上幾個步驟，一個網(wǎng)頁就基本制作好了。

到站提示：經(jīng)過以上幾個步驟，對網(wǎng)頁中的基本元素都進行了適當?shù)木庉嫞蛊涓臃夏愕娘L格。網(wǎng)頁在制作過程中還有很多技巧，下次我們將從網(wǎng)頁的布局講起，介紹如何規(guī)劃一個網(wǎng)頁。