用FrontPage建設自己的網站:網頁的美化

來源:互聯網
上載者:User
frontpage|網頁

  頁面修整

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

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

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

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

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

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

  表格的美化

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

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

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

  操作 在表格中添入文字:在表格中輸入文字和在普通編輯頁面中輸入文字沒有什麼區別,另外,在產生首頁模板的時候,程式在網頁中添加了一個進階控制項,可以自動顯示網頁的更新時間。將這個控制項拖入到表格中。這樣,一個顯示網頁製作者的表格就製作好了。

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

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

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

  主題的設定

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

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

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

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

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

  操作 查看網站報表情況:在視圖視窗選擇“報表”表徵圖,開啟報表視窗,在這個視窗,可以看到整個網站的一些統計資料。仔細查看這些資料,看看有沒有什麼問題,如無效的超連結等。如果一切沒有問題,就發行就緒了。

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



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。