用FrontPage建個小窩—網頁的美化

 　　頁面的美化

　　通過模板建立的網頁，常常預先置放了些標題欄、目錄欄(一般叫導航欄)，導航欄都是用很多元素組成的，結構上稍稍復雜一些。一般情況下我們不必要對這些東西進行低層次的修改，FrontPage也不允許操作者修改，但在某些項目上，我們還是可以根據自己頁面的要求來修改。

　　操作修改頁面的主標題:在主頁(index.htm)的頁面上部，模板預置了一個名為“主頁”的橫幅標題，這個橫幅標題和整個主頁格格不入。點擊橫幅，按“Del”鍵刪除，然後在同樣位置插入一個事先准備好的橫幅圖片為主頁標題。

　　操作修改導航條的鏈接:在主頁的左邊，有一個導航條(目錄欄)，在建立站點的時候，導航條就建立了幾個網站的鏈接。這些鏈接不能在網頁窗口中修改，只能在站點管理的“導航”視圖窗口中修改。但可以在網頁視圖窗口中給導航條添加鏈接。在導航條中點擊鼠標，然後選擇輸入文字“給我寫信”，設置文字的超鏈接，這裡的鏈接地址設置的是我的郵箱地址“mailto:豆豆@yesky.com”。

　　操作刪除頁面元素:在主頁的右下，程序放置了一個LOG圖片，這個圖片和我的主頁不符，選擇該圖片，按“Del”刪除。

　　操作給頁面添加水平線:水平線對於規劃頁面有很大的作用，可以讓頁面清楚，簡潔。在要插入水平線的位置點擊鼠標，選擇“插入/水平線”，水平線就出現了。注意，一般模板網頁的水平線由程序自動設置外觀屬性。而其他情況下，將由操作者自己設置水平線的顏色，粗細等。

　　進一步學習的建議:頁面長期編輯後，可能會留下垃圾(無效代碼)，如果想做得更專業一點，可以在HTML標簽窗口修改源代碼，或者使用其他網頁制作工具休整

　　表格的美化

　　表格實際和文字、圖片一樣，是一個網頁的基本元素，但表格在網頁中，更大的用途是來規劃頁面。實際上，在網頁編輯中，通過空格、段落、縮進等是很不容易規劃好一個有很多元素的頁面的，特別是圖文混排的頁面。

　　在FrontPage中添加常用的數據表格，和在word中添加表格一樣的方便，直接使用插入表格命令，然後填寫數據就可以了。甚至還可以將word文件中的? 粘貼進來。

　　操作添加一個簡單表格:在要插入表格的位置點擊鼠標，選擇“表格/插入/表格”，在彈出的對話框中設置表格的屬性，然後選擇表格的行數——2，選擇表格的列數——1，然後指定表格的寬度，可以設置表格的寬度占網頁寬度的百分比，或者直接設置表格的絕對寬度——像素。其他設置表格邊框線的寬度為1，設置單元格間距為2。確定即可。

　　操作在表格中添入文字:在表格中輸入文字和在普通編輯頁面中輸入文字沒有什麼區別，另外，在生成主頁模板的時候，程序在網頁中添加了一個高級控件，可以自動顯示網頁的更新時間。將這個控件拖入到表格中。這樣，一個顯示網頁制作者的表格就制作好了。

　　操作設置表格的屬性:表格的屬性比較復雜，分成單元格屬性和表格屬性。選擇表格，然後選擇菜單“表格/屬性/表格”，在彈出的窗口中可以設置表格的邊框、背景、顏色等等。特別要說明的是表格的浮動，表格的浮動是設置整個表格的對齊方式，而一般的對齊方式是設置表格內的元素的對齊。

　　操作圖文混排:在需要的位置加入一個只有一個單元格的表格，並設置好其他屬性。在表格中添加圖片，並設置好表格的大小。再設置表格為“左浮動”，調整文字，讓文字在表格的右邊。這樣，圖文相配的混排就得到了。

　　進一步學習的建議:表格的操作比較復雜，需要反復的練習，學習如何用表格構造特殊頁面，如何實現復雜的圖文混排等等。

　　主題的設置

　　經過以上過程，我主頁制作也基本完成了。但頁面的背景圖、導航欄、顏色選擇，邊框等都不太令我滿意，而這些都是模板自動設計的，而且不能修改。這個時候，就要使用主題了。

　　主題，就是FrontPage針對頁面中的背景、導航欄、橫幅、按鈕、各種邊框自動進行設置，主題的內容有幾十種，操作者可以根據自己的喜好選擇，這樣，就可以省去自己分別對這些頁面元素的設置。

　　操作為網頁指定主題:打開主頁，選擇“格式/主題”，彈出主題窗口。在主題窗口的左邊，列出了可以選擇的主題，默認的是“直邊”，點擊這些主題，可以在右面窗口查看該主體的風格，如橫幅是什麼樣、是什麼樣的顏色、標題的樣式、超鏈接的顯示樣式，導航條的樣式等等。另外，還可以設置是否需要背景圖片，是否使用鮮艷的顏色等。選擇“漸藍”主題，單擊確定，即可在網頁窗口看到效果了。

　　主題都是事先設計好的，如果你有什麼特殊要求，而FrontPage又不允許你在網頁編輯時修改，這個時候，可以自定義主題。

　　操作測試網頁和網站:現在，我的主頁基本完成了，要實地測驗一下主頁和整個網站的情況，看頁面顯示是否正常，各個超鏈接是否正確，設計上還有什麼缺陷。打開要預覽的主頁，然後選擇“文件/在浏覽器中預覽主頁”，這樣，我就看到了我精心設計的主頁的真正模樣了。測試的時候，要仔細看頁面的各種元素，看是不是有不正確的地方。多改變一下浏覽器的一些相關設置，如字體大小、全屏、縮放窗口。點擊頁面上的超鏈接，看是否能跳轉到正確的頁面。另外，最好將整個網站文件夾復制到其他機器上，看是否正確，特別是字體顯示是否正確。

　　操作查看網站報表情況:在視圖窗口選擇“報表”圖標，打開報表窗口，在這個窗口，可以看到整個網站的一些統計數據。仔細查看這些數據，看看有沒有什麼問題，如無效的超鏈接等。如果一切沒有問題，就可以發布了。

　　進一步學習的建議:網頁的美化是一個經驗和修養的問題，一方面多實踐，另一方面多看優秀的網頁。另外，網站的測試很重要，要摸索和掌握這方面的經驗和技巧.