DW插入圖像/圖像占位符和互動圖像的實例教程
我要評論Dreamweaver中如何插入圖像、圖像占位符和互動圖像
1、首先插入圖像時，我們需要建立一個站點作為基本所需
2、建立的站點名稱為“今日心事”
3、隨后將插入面板設置為“常用”選項
4、點擊“圖像”按鈕，向網(wǎng)頁中插入圖像
5、選擇一個圖片作為插入圖像的所需圖片
6、點擊“確定”按鈕即可完成插入。
7、插入圖像之后，在我們的代碼部位，我們是可以看到新出來的一段代碼選項的
8、同樣這里我們是可以將其調(diào)整為“設計”界面，這里我們是可以看到我們所插入的圖像的
9、隨后我們進行再網(wǎng)頁中的一個瀏覽選項，這里直接按“F12”或者這里我們點擊工具中的瀏覽器小圖標“一個小的地球”，在網(wǎng)頁中我們也是可以看到我們插入的一個圖片的
10、隨后我們進行“占位符的插入”，點擊插入面板“常用”標簽下圖像按鈕菜單中的“圖像占位符”按鈕
11、彈出如下圖中的一個占位符的對話框
12、這里我們將其顏色設置為紅色，名稱設置成asd，隨后點擊確定即可
13、同樣，插入完畢之后呢，這里我們是可以看到我們的代碼部位是多出來了一部分的
14、這里我們直接進入到瀏覽器中進行瀏覽，我們是可以看到我們插入的占位符的
15、插入互動圖像“這里所謂的互動圖像就是鼠標移動到圖片之后，我們這里的圖片就會變成另外的一個圖片”首先這里我們是需要準備兩張圖像來作為插入圖像的所需，點擊“鼠標經(jīng)過圖像”
16、這里的命令框中我們可以看到的是有兩個圖片選擇的
17、首先我們選擇第一個圖片“原始圖片”鼠標不在圖片上的時候我們這里顯示的是下圖中的一個樣式
18、隨后選擇的是另外的一張圖像，這里的是鼠標移動到原始圖標上時候，我們這里的一個變動所需
19、如下圖中的所示內(nèi)容，這里我們的原始圖像和鼠標經(jīng)過圖像都已將選擇完畢，點擊確定即可
20、跳入到我們的代碼部位，這里我們是可以看到的一個代碼生成部分，這里所生成的代碼很多的，這也是我們的功能所需吧
21、隨后我們保存，按F12 進入網(wǎng)頁中進行查看，起初鼠標不在圖像中的時候，我們這里是一個圖片樣式
22、當鼠標 移動到圖片中的時候，這里我們就是另外的一種圖標樣式了。
相關推薦：
dw模板怎么制作?Dreamweaver制作網(wǎng)頁模板的詳細教程
相關文章
Dreamweaver怎么新建站點地圖?dw編輯站點地圖的方法
Dreamweaver怎么新建站點地圖？想要給新建一個站點，建立建立、修改、刪除和保存呢？這些問題都很簡單，下面分享dw編輯站點地圖的方法，需要的朋友可以參考下2016-02-18- Dreamweaver無法生成站點地圖該怎辦？每次生成都失敗，出現(xiàn)這種問題可能是因為未指定主頁，指定的主頁不存在，主頁在文件夾的外面，下面我們來看看這個問題的解決辦法，需2016-02-18
Dreamweaver站點中新建文件夾和修改/刪除/移動文件的操作方法
DW站點中怎么新建文件夾和修改、刪除、移動文件？很多剛學習dw軟件的朋友都不太熟悉，新建的站點該怎么添加刪除文件夾和頁面，今天我們就來給大家詳細介紹一下基礎知識，需2016-02-17- Dreamweaver8怎么制作個人風格的界面和欄？自己的電腦可以給dw界面設置成個人風格的，這樣能快速調(diào)用自己的一些習慣，提高資源利用，該怎么設置呢？下面分析哪個詳細的教程2016-01-31
- Dreamweaver怎么設置代碼視圖的字體大??？很多的時候，我們看代碼時間長了就會覺得代碼很小，看起來很累，想將代碼字體設置大一點，該怎么設置呢？下面分享Dreamweaver代碼2016-01-21
Dreamweaver怎么創(chuàng)建簡單的html頁面并保存?
Dreamweaver怎么創(chuàng)建簡單的html頁面并保存？Dreamweaver中怎么簡單建立一個html格式的網(wǎng)頁文件，其實很簡單，在建立頁面的時候選擇html就可以了，詳細的操作請看下文介紹2016-01-11Dreamweaver8制作網(wǎng)頁滾動文字效果的實例教程
很多網(wǎng)友都會存在動態(tài)文字，這樣吸引眼球，其實這個看上去高大上的功能卻很好實現(xiàn)，今天我們就使用Dreamweaver8來制作網(wǎng)頁滾動文字效果的教程，需要的朋友可以參考下2016-01-07dw模板怎么制作?Dreamweaver制作網(wǎng)頁模板的詳細教程
dw模板怎么制作？制作一個好的網(wǎng)頁模版，以后建站就會很輕松快速的建立了，但是怎么才能制作一個模板呢？今天我們來看看Dreamweaver制作網(wǎng)頁模板的詳細教程，需要的朋友可2015-12-30- Dreamweaver中的表格怎么排版？在Dreamweaver中插入了表格，但是感覺有點影響美觀，想給表格美化一下排排版，該怎么辦呢？下面分享Dreamweaver表格排版的方法，需要的朋友2015-12-15
- dreamweaver里不用的站點怎么刪除?dreamweaver建立了很多站點，有些僅僅是為了測試用的，測試完了就沒用了，該怎么刪除呢？下面分享dreamweaver刪除站點的教程，需要的朋友2015-11-19