Dreamweaver如何建立超鏈接?DW建立超鏈接方法介紹

超級(jí)鏈接一般具有三個(gè)特點(diǎn):藍(lán)色、下劃線 和手形標(biāo)記,那么Dreamweaver如何建立超鏈接?下面小編就為大家介紹DW建立超鏈接方法,來(lái)看看吧!

Adobe Dreamweaver CS3 官方中文安裝版
- 類型:網(wǎng)頁(yè)設(shè)計(jì)
- 大?。?/span>76.2MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2015-05-18
方法/步驟
這里我們主要說(shuō)的是,在我們的Dreamweaver中如何建立超鏈接,這里我們講述兩種鏈接,一種為圖片鏈接一種為網(wǎng)站鏈接。首先打開(kāi)我們的Dreamweaver工具,之后創(chuàng)建一個(gè)新的HTML文檔。如下圖中進(jìn)行點(diǎn)擊即可。
創(chuàng)建完畢,如下圖中所示的一個(gè)新的HTML文檔,這里我們把標(biāo)題進(jìn)行該寫(xiě)“插入圖片”
這里我們簡(jiǎn)單的以通過(guò)添加一張圖片之后呢,進(jìn)行超鏈接的建立,如下中所示,點(diǎn)擊插入中的圖像
選擇一個(gè)圖片進(jìn)行添加,隨后點(diǎn)擊確定
這里我們添加完畢圖片之后呢,我們這里是有一段行的圖片添加的代碼部分的
我們先進(jìn)行瀏覽,查看是否添加成功,以360瀏覽器的方式進(jìn)行打開(kāi)
打開(kāi)之后,這里我們是可以看到我們剛才添加的那個(gè)圖片的。
確定我們的圖片添加成功之后呢,這里我們就可以進(jìn)行添加超鏈接了。如下中所示,我們將界面調(diào)解為設(shè)計(jì)界面,隨后呢在圖片上右擊選擇屬性,這里就可以看到如下圖中最底部的內(nèi)容了。
根據(jù)下圖顯示的內(nèi)容,我們進(jìn)行點(diǎn)擊,添加一張圖片鏈接
選擇一張需要跳轉(zhuǎn)的圖片,點(diǎn)擊確定
這里我們通過(guò)工具的快捷方式按F12,進(jìn)入到網(wǎng)頁(yè)中進(jìn)行驗(yàn)證
進(jìn)入網(wǎng)頁(yè)的第一個(gè)界面中,這里我們對(duì)圖片進(jìn)行點(diǎn)擊
這里我們就跳轉(zhuǎn)到點(diǎn)擊后的超鏈接了。
當(dāng)然這里我們還是可以進(jìn)行一個(gè)網(wǎng)址的添加,比如這里我們通過(guò)添加百度的網(wǎng)址,這里在如下圖的框中輸入百度鏈接
輸入完畢之后,這我們必須要進(jìn)行保存,隨后用同樣的方式進(jìn)入測(cè)試
首次進(jìn)入頁(yè)面。之后呢點(diǎn)擊進(jìn)行跳轉(zhuǎn)
隨后呢,進(jìn)入到跳轉(zhuǎn)界面,這里大家注意的是,此次操作必須要在有網(wǎng)的狀況下才能夠進(jìn)行測(cè)試。
注意事項(xiàng)
網(wǎng)址的超鏈接需在有網(wǎng)的狀態(tài)下進(jìn)行測(cè)試
再添加圖片鏈接的時(shí)候,第二張圖片不能與第一張的鏈接地址一樣
以上就是Dreamweaver如何建立超鏈接方法介紹,操作很簡(jiǎn)單的,大家學(xué)會(huì)了嗎?希望能對(duì)大家有所幫助!
相關(guān)文章
Dreamweaver創(chuàng)建表格和表格的編輯方法介紹
這篇教程是向腳本之家的朋友分享Dreamweaver創(chuàng)建表格和表格的編輯方法,教程比較基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦到腳本之家,大家一起來(lái)學(xué)習(xí)吧2016-02-21Dreamweaver怎么新建站點(diǎn)地圖?dw編輯站點(diǎn)地圖的方法
Dreamweaver怎么新建站點(diǎn)地圖?想要給新建一個(gè)站點(diǎn),建立建立、修改、刪除和保存呢?這些問(wèn)題都很簡(jiǎn)單,下面分享dw編輯站點(diǎn)地圖的方法,需要的朋友可以參考下2016-02-18- Dreamweaver無(wú)法生成站點(diǎn)地圖該怎辦?每次生成都失敗,出現(xiàn)這種問(wèn)題可能是因?yàn)槲粗付ㄖ黜?yè),指定的主頁(yè)不存在,主頁(yè)在文件夾的外面,下面我們來(lái)看看這個(gè)問(wèn)題的解決辦法,需2016-02-18
Dreamweaver站點(diǎn)中新建文件夾和修改/刪除/移動(dòng)文件的操作方法
DW站點(diǎn)中怎么新建文件夾和修改、刪除、移動(dòng)文件?很多剛學(xué)習(xí)dw軟件的朋友都不太熟悉,新建的站點(diǎn)該怎么添加刪除文件夾和頁(yè)面,今天我們就來(lái)給大家詳細(xì)介紹一下基礎(chǔ)知識(shí),需2016-02-17Dreamweaver如何創(chuàng)建自己的站點(diǎn)并管理刪除呢?
Dreamweaver提供了對(duì)站點(diǎn)的創(chuàng)建及管理功能,通過(guò)以樹(shù)型結(jié)構(gòu)來(lái)展示網(wǎng)站的內(nèi)容分布,從而實(shí)現(xiàn)了對(duì)站點(diǎn)布局及細(xì)節(jié)內(nèi)容的展示及修改,這項(xiàng)功能對(duì)于各位網(wǎng)頁(yè)設(shè)計(jì)者而言更有用,2016-02-17- 今天為大家分享Dreamweaver新建文檔和打開(kāi)文檔圖文教程,教程比較基礎(chǔ),主要針對(duì)新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友快快來(lái)學(xué)習(xí)吧2016-02-12
Dreamweaver8怎么制作個(gè)人風(fēng)格的界面和欄?
Dreamweaver8怎么制作個(gè)人風(fēng)格的界面和欄?自己的電腦可以給dw界面設(shè)置成個(gè)人風(fēng)格的,這樣能快速調(diào)用自己的一些習(xí)慣,提高資源利用,該怎么設(shè)置呢?下面分析哪個(gè)詳細(xì)的教程2016-01-31- 我們用Dreamweaver制作網(wǎng)頁(yè)的時(shí)候,都用F12來(lái)看一下制作后的效果,那么Dreamweaver在哪里添加瀏覽器?如何添加瀏覽器?下面小編就為大家詳細(xì)介紹一下,不會(huì)的朋友快快來(lái)學(xué)習(xí)吧2016-01-22
Dreamweaver怎么設(shè)置代碼視圖的字體大小?
Dreamweaver怎么設(shè)置代碼視圖的字體大?。亢芏嗟臅r(shí)候,我們看代碼時(shí)間長(zhǎng)了就會(huì)覺(jué)得代碼很小,看起來(lái)很累,想將代碼字體設(shè)置大一點(diǎn),該怎么設(shè)置呢?下面分享Dreamweaver代碼2016-01-21Dreamweaver怎么創(chuàng)建簡(jiǎn)單的html頁(yè)面并保存?
Dreamweaver怎么創(chuàng)建簡(jiǎn)單的html頁(yè)面并保存?Dreamweaver中怎么簡(jiǎn)單建立一個(gè)html格式的網(wǎng)頁(yè)文件,其實(shí)很簡(jiǎn)單,在建立頁(yè)面的時(shí)候選擇html就可以了,詳細(xì)的操作請(qǐng)看下文介紹2016-01-11