Dreamweaver 入門:創建基于表格的頁面布局(4)_Dreamweaver教程
保存頁面。
插入圖像占位符
圖像占位符是在預備好將最終圖形添加到 Web 頁面之前使用的圖形。在對 Web 頁面進行布局時圖像占位符很有用,因為通過使用圖像占位符,您可以在真正創建圖像之前確定圖像在頁面上的位置。
在文檔窗口中,在第一個表格的第一行內單擊一次。
選擇"插入">"圖像對象">"圖像占位符"。
在"圖像占位符"對話框中,執行下面的操作:
在"名稱"文本框中,鍵入 banner_graphic。
在"寬度"文本框中,輸入 700。
在"高度"文本框中,輸入 90。
單擊顏色框并從顏色選擇器中選擇一種顏色。在本教程中,我們選擇了紅棕色 (#993300)。
保留"替換文本"文本框為空。 關于…關于替換文本的說明 替換文本是 Web 頁面上的圖像的文字描述。它屬于 HTML 代碼,不會顯示在頁面上。對于大多數圖像,提供替換文本是很重要的,這樣使用屏幕閱讀器或只顯示文本的瀏覽器用戶就可以訪問這些圖像所提供的文本信息。而對于僅顯示 Web 站點徽標的橫幅圖形,無需提供替換文本。將"圖像占位符"對話框中的"替換文本"文本框保留為空時,Dreamweaver 會在 img 標簽中添加一個 alt="" 屬性。以后,假如您要向某個圖像添加替換文本,就可以選擇該圖像并在"屬性"檢查器中輸入替換文本。例如,假如以后您想更改徽標以包括電話號碼或地址,則能夠以替換文本方式提供此信息。
單擊"確定"。
圖像占位符出現在第一個表格內。圖像占位符顯示最終放置于此處的圖像的標簽和大小屬性。

注重當在瀏覽器中查看時,不顯示圖像占位符的標簽文字和大小文本。
保存頁面。 關于…關于圖像占位符 圖像占位符是在將最終圖形添加到 Web 頁面之前使用的臨時圖形;它不是顯示在瀏覽器中的圖形圖像。在您發布站點之前,應該用適用于 Web 的圖形文件(例如 GIF 或 JPEG)替換所有添加的圖像占位符。
假如您有 Macromedia Fireworks,則可以根據 Dreamweaver 圖像占位符創建新的圖形。當您選擇圖像占位符并在"屬性"檢查器中單擊"創建"按鈕時,Fireworks 將打開并呈現一個新的畫布。新圖像的尺寸設置為與占位符圖像相同的大小。接著,您可以隨意創建并編輯圖像,并替換 Dreamweaver 中的占位符圖像。
向頁面添加顏色
現在,您將通過設置某些表格單元格以及頁面背景的顏色,向頁面添加更多顏色。
在上述包含三列的表格的第一個單元格內單擊一次。
單擊標簽選擇器中的 標簽(單元格標簽)以選擇該單元格。

在"屬性"檢查器("窗口">"屬性")中,在"背景顏色"文本框內單擊一次。
"背景顏色"文本框位于"背景顏色"(Bg) 顏色框旁。
注重假如未出現"背景顏色"文本框,請單擊"屬性"檢查器右下角的展開箭頭。
在"背景顏色"文本框中,輸入十六進制值 #993300,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

表格單元格的顏色即變為紅棕色。
在上述包含三列的表格的第二個單元格內單擊一次。
單擊標簽選擇器中的 標簽(單元格標簽)以選擇該單元格。
在"屬性"檢查器中,在"背景顏色"文本框內單擊一次,輸入十六進制值 #F7EEDF,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。
- 相關鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver 入門:創建基于表格的頁面布局(4)
。