第六期　2003年10月
局長文告 編者的話 首頁  

知識精靈
>> 網頁製作技巧大曝光
　　　—— 利用Dreamweaver隨心所欲的設定背景圖		 文•林麗明

　　如果你曾經學習過編寫網頁，便應該知道網頁的背景圖是有重複的特性，即瀏覽器會把定義成背景的圖案，以舖瓷磚的方式舖滿整個版面，如圖１。

→
    圖１

　　但並不是每幅背景圖也適合以這種舖瓷磚的方式顯示，如圖２便有出現接駁不好的現象。

→
    圖２

　　要使上述的那幅背景圖以較好的方式顯示，最好的方法便是把它設置在版面的中心，且使背景圖固定不動（即不會隨捲軸而滾動）。

設置的方法十分簡單，主要是借助「CSS樣式」來定義<body>標籤，步驟如下：

1. 在開啟Dreamweaver後，執行「視窗－CSS樣式」（圖３)。
圖３

2. 單擊「新增CSS樣式」按鈕（圖４），打開「新增CSS樣式」視窗，設定如圖５，設定完成後，單擊「確定」按鈕。


圖４
圖５

3. 開啟「CSS樣式定義」視窗後，我們便可以設定網頁的背景顯示模式，其中，「背景影像」要選取你希望作為背景圖的檔案，「重複」用來設定背景圖要以何種方式來重複顯示，「附件」可設定為固定或會跟隨捲軸而滾動，「水平位置」及「垂直位置」則是用來設定背景圖在版面的位置。


圖６

4. 如果我們如圖６那樣設定，便會得出圖７的結果，是否好看很多呢。
圖７

教育及青年發展局