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