背景圖像可以為 Dreamweaver 頁面設計增加深度和豐富性。巧妙地使用可以快速有效地下載的背景圖像有助於營造整個頁面是一張大圖像的錯覺。
訣竅是使用小文件大小的圖像,從而產生大圖像的印象。在 Web 上使用的一種方法是使用背景圖像的默認設置,這會導致圖像在頁面上下平鋪(重複)。
圖片來源:Casey Stoll 攝
放置在某些背景上的文本可能難以閱讀。仔細選擇你的背景圖片,確保你的背景和你的文字有足夠的對比。在電腦屏幕上閱讀已經夠難了。
使用 CSS,您可以更好地控制背景圖像的顯示。創建 CSS 背景樣式時,您可以插入不重複或僅在頁面的 Y 軸或 X 軸下重複的背景圖像。
要在 Dreamweaver 中插入背景圖像,請選擇“修改”→“頁面屬性”,單擊“背景圖像”字段右側的“瀏覽”按鈕,然後選擇要用作背景的圖像。如果圖像不在您的本地站點文件夾中,當您單擊“確定”時,Dreamweaver 會建議將其複製到那裡。
當您使用 Dreamweaver 的頁面屬性功能插入圖像時,您可以使用重複下拉列表來指定圖像在頁面上的重複方式。當您指定重複選項時,Dreamweaver 會自動為具有這些背景設置的頁面創建樣式。如果使用“CSS 定義”對話框編輯正文樣式中的背景選項,則可以指定背景圖像的顯示位置。