你可以新建一個div區域,在這個div區域里進行css樣式設置-添加背景圖片,然後在div區域里輸入文字,這樣文字就會在圖片上了
❷ 在Dreamweaver CS4中怎樣在圖像上添加文字
首先,點「拆分」,然後在下面的圖像區,點中你要在上面加文字的圖片,然後看上面的代碼區,在你所在的圖片的標簽後面,即<img
src=......
/>的後面,點一下滑鼠,然後,插入DIV標簽(方法:擴展後面那個圖標就是,又或者是)。點擊了插入DIV後,然後ID那裡填寫wenzi。然後點「新建CSS規則」,然後點「確定」,然後,在左邊「類別」下面,選擇「定位」,然後在Position,那裡下拉菜單,選擇absolute,然後點確定,再確定,然後,你回去看看,你要加文字的那個圖片附近,多了一個文字框,上面寫著「此處顯示
id
"wenzi"
的內容」,你寫上你要加上的文字,然後你可以拖動這個框,拖到任何你喜歡的地方去。不緊緊是圖面上了。就這樣。
最後,建議你去補充CSS知識。因為Dreamweave不同於photoshop,它是一個對HTML
CSS
Javascript
asp
等等等等與網頁有關的語言進行更方便地運用的工具而已,只有了解這些語言後,才會覺得Dreamweaver是個很得心應手的軟體,如果不了解這些的話,拿著Dreamweaver就像拿了一支沒子彈的槍一樣,
那了一支沒有墨水的鋼筆一樣。最後祝你網頁設計游刃有餘。
❸ Dreamweaver 中怎樣在圖片上加文字(除了設為背景)
1、首先你說的騰訊。163那種大型網站。都是做為背景來使用的。絕對不是直接用圖片。因為網頁設計的標准就是:不是實際需要加圖片鏈接的圖片。一律作為背景圖片來使用。文字歸文字。圖片顯示歸圖片顯示。更加有利於搜索引擎收錄。其次維護更加方便 2、不做為背景卻要在圖片上加文字或表格。那就只能使用DIV+CSS的相對定位和絕對定位來實現層的重疊。具體的一句兩句也說不清楚。建議看下DIV+CSS的排版相關教程。 最簡單的還是做為背景來使用。位置對不上只需要加個padding或者margin來調節位置就可以了
❹ dreamweaver怎麼在圖片上添加字體
你得加個表格,在表格屬性裡面選擇添加背景圖片,這樣你就可以在圖片上添加字體了。
表格大小要設置為0,不然預覽時能看見表格,設置為0後只能在DW裡面看見表格。
❺ 用dreamweaver製作網頁時怎麼在圖片上輸入文字啊
切換到代碼模式你會看圖片是這樣比如:<img
src="yplogo_pic.gif"
width="200"
height="151"
/>
加入提示文字
是這樣的代碼:<img
src="yplogo_pic.gif"
width="200"
height="151"
alt="提示文字"
/>
兩端代碼對比下就知道了
背景音樂:將這段代碼插入到您的<head></head>之間
<bgsound
src="音樂路徑"
loop="-1">
這種當網頁最小化之後,音樂會消失
❻ 如何用Dreamweaver在圖片上添加文字(可隨時修改)
把文字的部分弄成一個層
或者把圖片為背景,文字設置好邊距就行,我空間有教程。
❼ dreamweaver中怎麼將文字放到圖片上
有兩個簡單的小方法
第一個:創建一個適合圖片大小的表格。然後把圖片設置為表格背景。就可以隨意添加文字。
第二個:直接在圖片上,找到你要添加文字的位置,創建一個層,你就能在層的范圍內書寫文字。
當然還有很多方法可以做,但是這兩種方法是最簡單,適合初學者。並且易增添,易修改。
但兩種方法各有弊端。
第一種方法涉及到網路速度問題,表格容易變形。
第二種方法涉及到瀏覽器的兼容問題,不同瀏覽器有可能使層發生移位。
但是在特殊情況下,幾率比較小。 一般是大中型網站更多考慮這些問題。
小型網站要求沒有那麼高,可以忽略。
而本人更建議你使用第二種方法,操作簡單,更容易定位!
❽ 在dreamweaver中,如何在圖片上加文字
原理:將需要的圖片作為背景處理,用寬高定義一個區域范圍。
將img.png圖片文件改為你的圖片名稱即可:
<divstyle="style="height:100px;width:100%;background-image:url(img.png)no-repeatcenter;">文本內容</div>
❾ dreamweaver 圖片後面怎麼添加文本
可以在這圖片後面插入一個div或者表格,設置和這個圖片一樣高
然後在裡面插入一個文本區域
不是文本框
這樣你輸入文字多的時候就會在文本區域出現滾動條而不會超出圖片
❿ dreamweaver在一張圖片上怎麼輸入文字
有兩種方法:
1.如果是作為表格背景的話,把表格里所插入的圖片做背景,既然是背景就不能用插入,而是應該寫成<table style="width:300px; height:320px;background:url(33.jpg)">
<tr>
<td>fasdf fsdf</td>
<td>dsfdsfdsf </td>
<td>fdfdfsdfdf</td>
</tr>
</table>
註:此處最好把table的行內樣式寫到樣式文件里去,當然,如果不懂樣式,此處可忽略,直接用上面的就OK,但是方面維護還是寫成我這下面的或者是外鏈的形式例如:
<style type="text/css">
table{width:300px; height:320px;background:url(33.jpg)} /*記得一定要把表格的寬高設的和背景圖片一樣寬高喔,不然的話嘿嘿,你試下就知道了*/
</style>
2.第二種方法就是定位,對於新手來說有點麻煩,所以此處忽略.