A. 怎麼使用dw可以讓這兩張圖片可以並排起來
1、首先插入兩個div標簽,點擊【插入】,找到【布局對象】—【Div標簽】。
B. Dreamweaver如何製作背景圖片並在其上疊加圖片
樓主想要的應該是這種效果吧
HTML代碼如下:
<divid="layer1">
<ulid="list1">
<li><imgsrc="02_1s.jpg"width="100"height="75"/></li>
<li><imgsrc="02_2s.jpg"width="100"height="75"/></li>
<li><imgsrc="02_3s.jpg"width="100"height="75"/></li>
<li><imgsrc="02_4s.jpg"width="100"height="75"/></li>
</ul>
</div>
CSS代碼如下:
<styletype="text/css">
#layer1{
background-image:url(102.jpg);
height:333px;
width:500px;
}
#list1li{
margin:10px;
float:left;
list-style-type:none;
}
</style>
看不明白的話還有做好的附件
C. DW網頁設計器如何添加圖片
1、打開Dreamweaver軟體。
2、點擊HTML。
D. Dw如下圖,大家幫幫忙,請問怎麼能讓四張圖拼在一起
製作一個2*2表格,隱藏邊線,然後的分別插入圖像就好了
E. 怎麼在DW里圖片上再加圖片我想在圖片上放旺旺,發現無法重疊上去
這是一個大致的例子,僅供參考
F. 在dw中讓圖片一行顯示4個,分2行顯示的代碼是多少呀
<table width="" border="0">
<tr><td><img src="">復制四個</td></tr>
<tr><td>同上復制兩個</td></tr>
</table>
G. 在dw裡面如何自動切換4-5張圖片
在需要的地方插入以下代碼
<script type="text/javascript">
imgUrl1="img/1.jpg";(圖片名稱和路徑,你要修改,然後將括弧內容刪除)
imgUrl2="img/2.jpg";
imgUrl3="img/3.jpg";
imgUrl4="img/4.jpg";
imgUrl5="img/5.jpg";
var focus_width='400'(圖片寬度你要修改,然後將括弧內容刪除)
var focus_height='300'(圖片高度你要修改,然後將括弧內容刪除)
var text_height='|||'
var swf_height = focus_height
var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://www.webjx.com/js/focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&borderwidth='+focus_width+'&borderheight='+focus_height+'">');
document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&borderwidth='+focus_width+'&borderheight='+focus_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
</script>
H. 怎麼用Dreamweaver在一段文字後面加圖片
直接給圖片設置float:left ;就行了,其他的css樣式自己再調。例如
<div><img src="1.jpg" style="float:left" /><p>123456789</p></div>.
1、點擊--修改--頁面屬性 在外觀中 添加背景圖片。
2、插入表格--然後在表格中添加數據即可。
I. 如何在DW的表格中插入圖片
一、工具:Dreamweaver軟體
二、操作步驟:
【1】打開Dreamweaver軟體。
J. dw中的表格如何設置多個背景圖片
方法一、再建一表格,將圖片與表格分別放入兩個單元格中。
即:
<talbe>
<tr>
<td>
<!-- IMAGE -->
</td>
<td style="text-align:center">
<!-- TABLE -->
</td>
</tr>
</table>
方法二、在圖片外套一個DIV標簽,再在表格外套一個DIV,然後設置DIV屬性。
即:
<style>
.content{text-align:center;border:4px solid #99CC00;width:40%;}
.content #left{height:200px;float:left;border:4px solid #BB0000;width:40%;}
.content #right{height:200px;float:left;border:4px solid #009999;width:60%;text-align:center;} <!-- float還是left -->
.content img{width:100%;height:192px;}
.content .t1{width:80%;margin-top:2px;}
.content .t1 td{height:80px;border:3px dotted #990099;width:50%;text-align:center;}
</style>
<div class="content">
<div id="left"><img alt="LEFT" title="IMAGE" /></div>
<div id="right">RIGHT<table cellpadding="0" cellspacing="0"
class="t1"><tr><td>R11</td><td>R12</td></tr><tr><td>R21</td><td>R22</td></tr></table></div>
</div>
方法三、如果什麼都不相加也可以,只是不太好。
即:
<style>
.img{left:20px;position:absolute;border:5px solid #AA0000;width:150px;height:200px}
.table{width:30%;height:200px;text-align:center;font-family:"楷體";color=#992211;font-size:2em;}
td{border:3px solid #00AA00;}
</style>
<center>
<img class="img" alt="LEFT"/>
<table class="table" cellpadding="0" cellspacing="0">
<tr>
<td>
RIGHT1
</td>
<tr>
<tr>
<td>
RIGHT2
</td>
<tr>
</talbe>
</center>