诸暨汉妇网络科技有限公司

電腦技術(shù)網(wǎng) - 從此開(kāi)始了解電腦、科技、手機(jī)、智能硬件、網(wǎng)絡(luò)相關(guān)的各項(xiàng)適用知識(shí)!

電腦技術(shù)網(wǎng)_it資訊_游戲攻略_手機(jī)教程_電腦教程_無(wú)線路由器設(shè)置_設(shè)置無(wú)線路由器_辦公軟件教程_電腦系統(tǒng)安裝_電腦維修知識(shí)

Adobe Dreamweaver中插入圖片代碼的方法教程

欄目:軟件教程
已被:人瀏覽過(guò)
當(dāng)前位置:電腦技術(shù)網(wǎng) > 電腦教程 > 軟件教程 > 正文
本文主要介紹:AdobeDreamweaver是一款非常好用的網(wǎng)頁(yè)代碼編輯器,我們?nèi)粘9ぷ骱蜕钪性诟鞣N瀏覽器中看到的各種網(wǎng)頁(yè),都可以使用AdobeDreamweaver軟件編輯制作出來(lái)。相信小伙伴們?cè)诟鞣N網(wǎng)頁(yè)中都看到過(guò)各種圖

  Adobe Dreamweaver是一款非常好用的網(wǎng)頁(yè)代碼編輯器,我們?nèi)粘9ぷ骱蜕钪性诟鞣N瀏覽器中看到的各種網(wǎng)頁(yè),都可以使用Adobe Dreamweaver軟件編輯制作出來(lái)。相信小伙伴們?cè)诟鞣N網(wǎng)頁(yè)中都看到過(guò)各種圖片效果,那小伙伴們知道Adobe Dreamweaver中具體該如何插入圖片嗎,其實(shí)操作方法是非常簡(jiǎn)單的。我們可以手動(dòng)輸入代碼插入圖片,也可以在“插入”選項(xiàng)卡中插入圖片后,系統(tǒng)自動(dòng)生成相應(yīng)的代碼,操作步驟都是非常簡(jiǎn)單的,小伙伴們可以操作起來(lái)。接下來(lái),小編就來(lái)和小伙伴們分享具體的操作步驟了,有需要或者是有興趣了解的小伙伴們快來(lái)和小編一起往下看看吧!

操作步驟

  第一步:雙擊打開(kāi)Adobe Dreamweaver,在“新建”處選擇“HTML”網(wǎng)頁(yè);

Adobe Dreamweaver中插入圖片代碼的方法教程

  第二步:點(diǎn)擊切換到“代碼”視圖,將鼠標(biāo)定位到“body”代碼處,如果兩個(gè)body連在一起,可以鼠標(biāo)定位到兩個(gè)body代碼中間位置,按兩次enter鍵創(chuàng)建空行;

Adobe Dreamweaver中插入圖片代碼的方法教程

  第三步:接著點(diǎn)擊“插入”選項(xiàng)卡后點(diǎn)擊“圖像”,在打開(kāi)的窗口中瀏覽找到需要的圖片,雙擊導(dǎo)入,如果彈出提示框,點(diǎn)擊“確定”就可以了;

Adobe Dreamweaver中插入圖片代碼的方法教程

  第四步:就可以看到自動(dòng)生成圖片的代碼了,當(dāng)然,我們也可以自己手動(dòng)輸入圖片的代碼,然后設(shè)置圖片的寬度和高度等參數(shù);

Adobe Dreamweaver中插入圖片代碼的方法教程

  第五步:在界面上方點(diǎn)擊切換到“拆分”欄,點(diǎn)擊打開(kāi)“實(shí)時(shí)預(yù)覽”,就可以在拆分視圖下查看代碼的最終效果了,可以根據(jù)需樣式的調(diào)整圖片大寬度和高度,進(jìn)行保存后,按F12鍵可以在瀏覽器中預(yù)覽自己設(shè)計(jì)的網(wǎng)頁(yè)。

Adobe Dreamweaver中插入圖片代碼的方法教程

  以上就是Adobe Dreamweaver中插入圖片的方法教程的全部?jī)?nèi)容了。插入圖片后,我們還可以適當(dāng)誰(shuí)在圖片的居中對(duì)齊等效果,小伙伴們感興趣的話都可以去探索一下。

本文地址: http://www.laotiku.cn/rjjc/34872.html 手機(jī)版

相關(guān)推薦Related Recommendations