① 在用DW製作網頁時怎樣把圖片設置成單元格背景圖片
在使用Dreamweaver(DW)製作網頁時,若想將圖片設置為單元格背景,可以採取兩種方法。一種是直接在單元格屬性中進行設置,找到背景圖片選項,然後輸入圖片路徑。另一種方法是定義一個CSS類,通過CSS代碼進行設置。具體操作為,在CSS文件中定義一個類,例如:
.yourclass {
background: url(你的路徑/img.png) no-repeat;
}
這樣設置後,只需將單元格的class屬性設置為定義的類名即可。這種方法的好處在於,可以將圖片路徑等樣式信息集中管理,便於後期維護和修改。
在實際應用中,使用CSS類設置單元格背景圖片更為靈活。例如,若需要為多個單元格設置相同的背景圖片,只需將這些單元格設置為相同的類名即可,無需重復設置背景圖片屬性。此外,CSS類還可以與其他樣式屬性結合使用,進一步豐富網頁的設計效果。
值得注意的是,為了確保圖片正確顯示,需要確保圖片路徑的准確性。如果使用相對路徑,應從CSS文件所在的目錄開始計算路徑。如果使用絕對路徑,則應確保路徑的正確性,避免因路徑錯誤導致圖片無法顯示。
在設置單元格背景圖片時,還需考慮圖片的尺寸和解析度。如果圖片尺寸過大,可能會導致頁面載入速度變慢。因此,應選擇合適尺寸的圖片,或者使用CSS設置背景圖片的大小,以適應不同的單元格尺寸。
此外,為了避免圖片重復載入,可以使用CSS預處理器(如SASS或LESS)定義圖片路徑,這樣可以將圖片路徑集中管理,便於後期修改。同時,通過使用CSS預處理器,還可以實現圖片路徑的動態替換,提高代碼的可維護性。
綜上所述,在使用Dreamweaver製作網頁時,通過定義CSS類來設置單元格背景圖片是一種高效且靈活的方法。通過合理設置CSS類,不僅可以簡化代碼,還能提高網頁設計的可維護性和靈活性。
② dw怎麼弄背景
在DW裡面直接有「背景」選項,然後在電腦里選擇一張圖片來設置成網頁背景。
直接寫代碼高為600象素寬為600象素
TABLE height=600 width=600 background=背景圖片URL border=0
TR
TD
/TD
/TR
/TABLE
在body裡面設置
body background=要設置的網頁背景圖片
用CSS定義body的背景
STYLE TYPE=text/css
!--
BODY {background-image: URL(圖片地址.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
--
/STYLE
當網頁內容超出一屏時,拉動滾動條背景圖片會與內容相對靜止的一起滾動,那麼能否鎖定背景不跟隨滾動呢?background-attachment: fixed;設置為背景不可以滾動,因為滾動的背景不是很好看。
網頁背景圖代碼的釋義:
background-image:url(圖片地址) ; 這個是定義背景圖片
background-repeat: no-repeat; 這個是定義背景圖片不重復
background-position: center; 這個是定義背景居中
background-attachment: fixed; 定義背景圖片的滾動
當然,不建議用純色的圖片來當做網頁的背景,如果你有一張淡綠色的圖片,你用它來做背景,會怎麼樣呢?實際情況是:純色的背景是可以用背景顏色來代替的。背景顏色(bgcolor)和圖片(background)是網頁代碼兩個關於背景的屬性,一個是bgcolor,是設置背景顏色的;background用來設置網頁背景的,所以如果一個純色的圖片,最好設置背景顏色就行了。