我是教網頁制作的,背景圖大小只能在圖像處理軟件中設置,因為DW中背景圖設置時無拉抻功能,所以實際中多大,只能如是顯示。
Dreamweaver如何制作網頁并添加背景圖片
方法
在電腦上打開Dreamweaver軟件
可以直接點擊菜單欄中的"修改">"頁面屬性",其中的外觀選項中有背景圖像的設置,無需自行編寫代碼。
點擊HTML打開
在body里面設背景, body{ background:url(圖片地址) 0 0 repeat;} 但是圖片會向X,Y兩邊拉伸,如果圖片尺寸較小會很補美觀; 推薦方案:1.背景圖片的尺寸做的盡量大一點 2.背景圖片的外面可以做成漸變到某個色系,然后body設置背景色 body{ bac
創建HTML,輸入網頁代碼
針對adobe 和 macromedia(dreamweaver 8)和(dreamweaver cs4)時代的: 1.在屬性面板當中選擇頁面屬性,選擇左面的 ”外觀css(adobe)或者外觀( macromedia)“ 2.選擇圖片 3.在style里面選擇boby,在選擇左面的背景,可以進行更多的調試
點擊工具欄中的修改
background-size:100% 100%; 解釋: 背景圖片充滿整個屏幕,寬高百分百。 background-repeat:no-repeat; 解釋:禁止重復。
點擊修改界面中的“頁面屬性”。
這個操作比較簡單,可按如下步驟: 1、打開Dreamweaver軟件,鼠標左鍵選擇新建【HTML】,在代碼窗口上,修改網頁title標簽,比如設置表格的背景圖片示。 2、鼠標左鍵單擊菜單,添加【表格】,在彈出的【表格設置】的窗口上,輸入表格的行數和列
選擇“背景圖像”添加
兩種添加網頁背景的方式:1、Css文件:body {background-image;url(這里是圖片的Url)}2、在中加入background="背景圖片的Url"說明:背景圖片可以重復N次,也可以不重復,可以橫向重復,也可縱向重復。background-repeat這個屬性設置為你需要的就
點擊上方文件中的“保存”
首先你要建表格或者div,表格的話比較簡單,網頁背景設為全局圖片,頂部建表格,表格的(background="URL"); div的話div#background-global{background:URL;z-index:1;}div#background-top{background:URL;z-index:數字>1;} 希望采納
Dreamweaver背景添加成功
標記在html語言中是表格行標記,是不能使用背景圖片屬性的。 表格標記和單元格標記/中可以使用background屬性指定背景圖片。范例如下: 1、打開Dreamweaver,ctrl+n新建html文件; 2、點擊工具欄表格按鈕,插入表格; 3、點擊底部table標記符,
擴展閱讀,以下內容您可能還感興趣。
dreamweaver 制作網頁 怎么把一張圖片作為背景
完全可以,用樣式表寫來.background:url(imasge/class.jpg) no-repeat; 這句代碼就可以,imasge/這個自是百路徑,class.jpg這個是圖片的名稱,再不會可以問我度!追問做出來還是顯示不出來 你可以把那個完整的截圖可以不哦 謝謝啦追答
無標題文檔
無標題文檔
.abc{width:100px; height:100px;background:url(images/abcg.jpg)no-repeat;}
你新建一個文件夾名為"kkk",在你新建的文件夾里面在建一個名為“images”的文件夾,把這個復制到你的頁面,保存到kkk,把圖片放到images里面就可以看到了
dreamweaver中怎么把插入的圖像作為背景圖像
頁面屬性--外觀---把你所選擇的圖片選成背景圖片就好,(提示背景圖片最好顏色比較淺,且在頁面上點擊之后選擇頁面屬性,但是要在表格范圍內的話很可能成為該表格的背景圖片,而不是該網頁的背景)
Dreamweaver 8 中怎么設置網頁背景圖片?
打開Dreamweaver 8,在軟件里下面的 頁面設置----背景圖像--瀏覽
Dreamweaver 里面怎么給一個做好的表格加上背景圖片
table 后面加上 style="background:url(圖片地址)"
這樣就可以了~【熱心網友】團隊為您解答。滿意請采納~
Dreamweaver 8中 網頁背景圖片怎么設置透明度?
(1):“Opacity”代表透明度水準,范圍是0---100,其實就是百分比的意思,如果你想變為全透明,那么就用0代替Opacity后面的問號吧。
(2):“FinishOpacity”就是用來指定結束時的透明度,范圍跟Opacity一樣(FinishOpacity為可選參數,不想要的話就去掉它吧。
(3):“Style”是指定透明區域的形狀特征,0代表統一形狀,1代表線形,2代表放射形,3代表長方形。比如我們一般可以寫成Style=1。
(4)“startX”與”startY”就是代表漸變效果開始的X與Y坐標,(坐標應該知道是什么吧)一般我們設置為StartX=0, StartY=0(這樣就是表示的透明效果是從圖片的左上角開始的。)
(5)“FinishX”與“FinishY”當然,這個就是代表漸變效果結束時的橫縱坐標了,這里很關鍵,填什么數值那就要看你的圖片的高與寬了,假設我們的圖片高與寬分別是100、200像素e79fa5e98193e59b9ee7ad9431333337626230,那么就可以寫成FinishX=200, FinishY=100。(如果你只想要一半的面積是透明,那么可以設置成FinishX=100, FinishY=50)
給下面一個完整代碼的給你們參考:(下面的數值我是假設圖片高與寬分別是100、200像素)
Alpha(Opacity=25, FinishOpacity=50, Style=1, StartX=0, StartY=1, FinishX=200, FinishY=100)
4:ok,這時候你應該做的是把你想要的數值把那些討厭的問號替換掉,設置好這些參數后,就點擊ok。設置的步驟到此就算完成了,但設置完了不代表我們就做完了,我們還要把這個效果賦予圖片呢。下面介紹如何使用的步驟。
1:在Dreamweaver 4插入一圖,假設高為100,寬為200單位是像素(為了能看到效果,我們可以把網頁的背景設為紅色等鮮明的色彩。
2:再次調出css styles窗口(參見設置步驟1)
3:在css styles窗口中,應該有個clarity,如圖指明處:
4:在Dreamweaver 4選中你插入的圖。
5:用鼠標單擊上圖3的指明處。
6:大功告成,你可以按鍵盤的f12來預覽了(注意,這種特效在編輯狀態下是不可見的,一定要預覽才可見。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com