Dreamweaver圖片加鏈接教程

熟悉前端開(kāi)發(fā)的朋友都了解Dreamweaver，這是一款經(jīng)典的網(wǎng)頁(yè)制作軟件。有些剛?cè)腴T的朋友可能還不知道怎么用Dreamweaver給圖片加鏈接。今天小編就來(lái)教新朋友怎樣用Dreamweaver給圖片

熟悉前端開(kāi)發(fā)的朋友都了解Dreamweaver，這是一款經(jīng)典的網(wǎng)頁(yè)制作軟件。有些剛?cè)腴T的朋友可能還不知道怎么用Dreamweaver給圖片加鏈接。今天小編就來(lái)教新朋友怎樣用Dreamweaver給圖片加鏈接。

打開(kāi)Dreamweaver并新建HTML頁(yè)面

首先我們需要打開(kāi)Dreamweaver，然后新建一個(gè)HTML頁(yè)面。給這個(gè)html文件取個(gè)名字，然后保存到一個(gè)目錄下面，方便一會(huì)兒調(diào)試。

編寫代碼插入圖像

開(kāi)始寫代碼了，新朋友可能對(duì)html還不太了解，先寫圖片標(biāo)簽，也就是img，可以這樣寫：``。當(dāng)然也可以直接使用菜單欄的“插入”——“圖像”，這樣更快捷。

設(shè)置圖片鏈接屬性

單擊菜單欄上的“屬性”選項(xiàng)，在彈出的下拉菜單中勾選“屬性”。這時(shí)候會(huì)發(fā)現(xiàn)窗口下方會(huì)多出屬性面板。選中圖片代碼，屬性面板中會(huì)顯示出圖片的屬性。在屬性面板中找到“鏈接”屬性，輸入想要鏈接的網(wǎng)址，然后單擊頁(yè)面空白處，鏈接會(huì)自動(dòng)加載到圖片上。

預(yù)覽和測(cè)試鏈接

保存之后單擊預(yù)覽按鈕，選擇一個(gè)合適的瀏覽器。鼠標(biāo)放在圖片上會(huì)變成小手的形狀，單擊圖片就會(huì)跳轉(zhuǎn)到我們?cè)O(shè)定的網(wǎng)址上。

通過(guò)以上步驟，你已經(jīng)學(xué)會(huì)如何在Dreamweaver中給圖片添加鏈接了。希望這篇教程能幫助到正在學(xué)習(xí)前端開(kāi)發(fā)的朋友們提升技能，更加靈活地運(yùn)用網(wǎng)頁(yè)制作工具。如果有任何疑問(wèn)，歡迎留言討論！