通過模板建立的站點(diǎn)和網(wǎng)頁只是一個(gè)結(jié)構(gòu)雛形，現(xiàn)在來打開這些網(wǎng)頁，添加各種元素，開始建設(shè)自己的家。我們首先從主頁面(index.htm)開始，這可是家的大門。

　　操作　認(rèn)識(shí)模板頁面:打開主頁文件，在“網(wǎng)頁”視圖窗口可以看到該主頁的大致結(jié)構(gòu)。頁面分成了三個(gè)部分，上面的部分主要放置標(biāo)題圖片(圖片元素為主)，左面的部分主要放置鏈接到其他網(wǎng)頁的目錄(鏈接元素為主)，而中間的大部分放置該主頁的主要內(nèi)容(文字元素為主)。

　　一般模板主頁，通常由橫幅、目錄、正文等幾個(gè)部分組成，只是數(shù)量和排列方式不一樣罷了，或者多一些特殊的元素。當(dāng)然，也有完全是有一些特殊元素構(gòu)成的頁面，如多重嵌套表格、組件等。但這些對于我這樣的個(gè)人筑巢者，一般都用不到，用起來也麻煩費(fèi)事，不如多用這一簡單而簡潔的頁面。

　　操作　粘貼和輸入文字:復(fù)制一段開場白的文字到剪貼板，然后在網(wǎng)頁窗口中點(diǎn)擊鼠標(biāo)到要插入的位置，然后復(fù)制，就可以看到該文字在頁面中出現(xiàn)了。也可以直接輸入一段文字。將網(wǎng)頁中不要的文字刪除。

　　粘貼和輸入這項(xiàng)操作很簡單，和一般的文本編輯程序沒有區(qū)別。實(shí)際上，很多的文字編輯操作都跟word程序相似。包括輸入、復(fù)制、粘貼、撤銷、查找、樣式、字體、顏色、間距、符號(hào)、邊框、段落格式等。

　　盡管FrontPage的大多數(shù)文字修飾的操作方法都和word相類似，但還是有很多細(xì)小的差別，不過這些差別并不會(huì)對使用者造成很大的困擾，但還是要注意一些差別。

　　在網(wǎng)頁中，段落和換行的差別很大，一般段落和段落的間距很大，因此常常注意到要用換行(按“Shift+Enter”)。如果要在網(wǎng)頁中顯示換行符和段落符，則可以點(diǎn)擊工具欄中的“全部顯示”按鈕(在第一排工具按鈕的后面)。

　　進(jìn)一步學(xué)習(xí)的建議:文字編輯的技巧性很強(qiáng)，而且操作的功能也很多，要熟練掌握必須要多練習(xí)，多用。一般使用word排版熟練的人就很容易上手。

　　圖片

　　主頁中的主要文字編輯好后，若需要在其中添加一幅小照和幾幅示意圖，讓頁面更傳神。小照圖片已經(jīng)事先? 好，并用圖像編輯工具進(jìn)行適當(dāng)?shù)木庉?，如將圖片縮放到合適的大小，圖片內(nèi)容修飾，并根據(jù)圖片的內(nèi)容將圖片保存為GIF格式。注意，如果圖片顏色豐富，或者是風(fēng)景、人物照片，則一般保存為JPEG格式。而示意圖則在程序內(nèi)置的剪貼畫庫中找。

　　操作　添加剪貼圖片:在FrontPage中，內(nèi)置了很多剪貼畫，可以很方便地添加。在網(wǎng)頁將鼠標(biāo)移動(dòng)到要添加的位置，然后“插入/圖片/剪貼畫”，打開剪貼畫選擇窗口，這里面的剪貼畫非常豐富，并分類存放，查找非常方便。找到需要的剪貼畫后，點(diǎn)擊該剪貼畫，在彈出的菜單中點(diǎn)擊“插入圖片”按鈕。然后就可以在網(wǎng)頁編輯窗口看到該圖片了)。

　　操作　保存圖片:現(xiàn)在保存網(wǎng)頁，則程序提示將保存圖片到站點(diǎn)所在的文件夾，選擇圖片保存的目錄、文件名和文件格式(也可以按照默認(rèn)設(shè)置)，就將該圖片保存到站點(diǎn)中了。建議將圖片保存在站點(diǎn)文件夾中設(shè)立的專門保存圖片的文件夾“image”。

　　圖片添加后，可能要重新調(diào)整圖片在網(wǎng)頁中的位置，添加各種圖片的效果和設(shè)置圖片的屬性。

　　操作　編輯圖片:在網(wǎng)頁編輯窗口中，選擇圖片，然后拖動(dòng)圖片邊框可改變大小。拖動(dòng)圖片可改變在網(wǎng)頁中的位置。另外，當(dāng)選擇圖片后，在界面窗口的下面將顯示圖片編輯工具欄，包含各種圖片編輯工具，如在圖片中添加文字、調(diào)整位置。要注意的是，當(dāng)調(diào)整了圖片大小，程序?qū)?huì)以新的圖片大小來保存圖片。

　　操作　設(shè)置圖片的屬性:圖片的屬性一般指圖片的一些內(nèi)部性質(zhì)，如源文件、格式參數(shù)、顯示方式、對齊方式、邊框和留白等等。鼠標(biāo)右鍵點(diǎn)擊圖片，在彈出菜單中選擇“圖片屬性”，即可在彈出的圖片屬性窗口中設(shè)置圖片屬性了。

　　操作　插入圖片文件:先將要插入圖片拷貝到站點(diǎn)文件夾中，選擇菜單“插入/圖片/來自文件”，在彈出窗口選擇要插入的圖片文件。然后，按照上面的方法調(diào)整和修改圖片。

　　進(jìn)一步學(xué)習(xí)的建議:深入了解各種網(wǎng)頁圖片格式，深入學(xué)習(xí)各種圖片效果的編輯，掌握圖片位置的調(diào)整，學(xué)習(xí)使用背景圖片等。

　　超鏈接

　　網(wǎng)頁的強(qiáng)大之處就在它的超鏈接，在瀏覽器中通過點(diǎn)擊網(wǎng)頁中的超鏈接，可以很方便地打開另外一個(gè)網(wǎng)頁，或者是圖片、文件、郵件地址。一個(gè)網(wǎng)頁中的鏈接分成兩個(gè)部分:鏈接的載體和鏈接的目標(biāo)地址。

　　鏈接的載體就是在網(wǎng)頁中文字和圖片，凡是包含鏈接的文字和圖片都稱為超鏈接。

　　操作　設(shè)置文字的超鏈接:打開主頁文件，用鼠標(biāo)反白選擇要超鏈接的文字——“歡迎光顧豆豆之家”，然后按鼠標(biāo)右鍵。在彈出菜單中選擇“超鏈接”。彈出超鏈接設(shè)置窗口，然后在列表中選擇要超連接網(wǎng)頁文件——“Photo.htm”，確定后，就可以看到超級鏈接已建立好了。注意，在網(wǎng)頁編輯窗口，可以按住“Ctrl”鍵，點(diǎn)擊超鏈接就可以打開超鏈接指向的網(wǎng)頁。

　　操作　設(shè)置圖片的超鏈接:鼠標(biāo)右鍵點(diǎn)擊要設(shè)置超鏈接的圖片，在右鍵菜單中選擇“超鏈接屬性”，然后設(shè)置要鏈接的文件，也可以鏈接圖片、E-Mail地址等。

　　操作　管理超鏈接:一個(gè)網(wǎng)站的超鏈接就像一張網(wǎng)一樣，網(wǎng)住了網(wǎng)站的所有文件。在“視圖”窗口中點(diǎn)擊“超鏈接”，打開超鏈接的管理窗口，在這個(gè)窗口中，我們可以看到各個(gè)文件相互間的鏈接情況，例如，要看“photo.htm”文件中鏈接了哪些文件，又被哪些文件鏈接，可以在旁邊的文件夾窗口中選擇該文件，然后即可在鏈接示意窗口中查看了。也可以在超鏈接的示意窗口直接展開某個(gè)文件的上、下超鏈接。

　　進(jìn)一步學(xué)習(xí)的建議:掌握各種超鏈接的設(shè)置、書簽，學(xué)習(xí)使用導(dǎo)航條，學(xué)習(xí)使用圖形熱點(diǎn)。學(xué)習(xí)使用圖片的熱區(qū)。