時(shí)間:2023-04-28 16:17:50作者:極光下載站人氣:479
Adobe Dreamweaver是一款非常好用的網(wǎng)頁代碼編輯器,我們?nèi)粘9ぷ骱蜕钪性诟鞣N瀏覽器中看到的各種網(wǎng)頁,都可以使用Adobe
Dreamweaver軟件編輯制作出來。相信小伙伴們在各種網(wǎng)頁中都看到過各種圖片效果,那小伙伴們知道Adobe
Dreamweaver中具體該如何插入圖片嗎,其實(shí)操作方法是非常簡單的。我們可以手動(dòng)輸入代碼插入圖片,也可以在“插入”選項(xiàng)卡中插入圖片后,系統(tǒng)自動(dòng)生成相應(yīng)的代碼,操作步驟都是非常簡單的,小伙伴們可以操作起來。接下來,小編就來和小伙伴們分享具體的操作步驟了,有需要或者是有興趣了解的小伙伴們快來和小編一起往下看看吧!
第一步:雙擊打開Adobe Dreamweaver,在“新建”處選擇“HTML”網(wǎng)頁;
第二步:點(diǎn)擊切換到“代碼”視圖,將鼠標(biāo)定位到“body”代碼處,如果兩個(gè)body連在一起,可以鼠標(biāo)定位到兩個(gè)body代碼中間位置,按兩次enter鍵創(chuàng)建空行;
第三步:接著點(diǎn)擊“插入”選項(xiàng)卡后點(diǎn)擊“圖像”,在打開的窗口中瀏覽找到需要的圖片,雙擊導(dǎo)入,如果彈出提示框,點(diǎn)擊“確定”就可以了;
第四步:就可以看到自動(dòng)生成圖片的代碼了,當(dāng)然,我們也可以自己手動(dòng)輸入圖片的代碼,然后設(shè)置圖片的寬度和高度等參數(shù);
第五步:在界面上方點(diǎn)擊切換到“拆分”欄,點(diǎn)擊打開“實(shí)時(shí)預(yù)覽”,就可以在拆分視圖下查看代碼的最終效果了,可以根據(jù)需樣式的調(diào)整圖片大寬度和高度,進(jìn)行保存后,按F12鍵可以在瀏覽器中預(yù)覽自己設(shè)計(jì)的網(wǎng)頁。
以上就是Adobe Dreamweaver中插入圖片的方法教程的全部內(nèi)容了。插入圖片后,我們還可以適當(dāng)誰在圖片的居中對(duì)齊等效果,小伙伴們感興趣的話都可以去探索一下。
大小:92.00 MB版本:v10.0環(huán)境:WinAll
網(wǎng)友評(píng)論