设计网页内容.pdfVIP

設計網頁內容 ( 頁面屬性設定 ) 三. 設計網頁內容 ( 頁面屬性設定 ) ( 本節的所有圖片，請從\resources 內找尋) 首先一個網頁的開始，必須先設定網頁屬性，這些屬性包括網頁的標題、網頁的 底色、網頁超連結的狀態及網頁邊框的空間等等。 步驟： 1. 在 “Site”視窗中的本地根資料夾內，雙擊content_main.htm 來設計網頁內 容。 2. 進入content_main.htm後，在功能列上選擇 “Modify” “Page Properties”進 入頁面屬性設定。 3. 當出現以下的 “Page Properties” 的對話方塊，便可以開始設定頁面屬性。 ©香港教育學院‧資訊與應用科技系 3- 1 設計網頁內容 ( 頁面屬性設定 ) 4. 在“Title”欄位內輸入網頁的標題，鍵入「課文」。 5. 現在為網頁加入背景圖片，在 “Background Image”欄位後面，點一下 “Browse” 按鈕。 6. 開啟“Select Image Source” 對話方塊。在 [Resource] 的資料夾中，找尋 background.gif 。 7. 按下“Select”後，便會出現以下的對話方塊，在此選擇“是(Y)”把圖片檔案複製 到網站的根目錄。 ©香港教育學院‧資訊與應用科技系 3-2 設計網頁內容 ( 頁面屬性設定 ) 8. 把檔案存到[image]的資料夾中。(注意 ：請把所有的圖檔，存於“/image”的資料夾內) 9. 按“確定”後，返回頁面內容屬性設定，然後再按“OK”離開。 現在可按 F12 ，來觀看網頁的背景圖案美不美。 在頁面屬性設定中，除了可設定網頁的標題及網頁的底色外，還可以設定文字的 色彩及網頁超連結的狀態。 已連結過網頁 文字色彩 的連結色彩 滑鼠放在超 連結色彩 連結上時，所 改變的色彩 註：超連結的設定會在往後的章節說明，現在可以記下這些設定，當學習了超連 結後，才作應用。 ©香港教育學院‧資訊與應用科技系 3-3