一、了解超鏈接
1)什么是超鏈接
所謂的超鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個(gè)圖片,一個(gè)電子郵件地址,一個(gè)文件,甚至是一個(gè)應(yīng)用程序。
二、創(chuàng)建超鏈接
1) 到網(wǎng)站內(nèi)頁面的超鏈接――內(nèi)部鏈接(網(wǎng)站內(nèi)部頁面之間創(chuàng)建相互鏈接關(guān)系)
步驟1 選中頁面中的文字或圖像,在屬性面板中單擊“鏈接”文本框右側(cè)的文件夾圖標(biāo),以通過瀏覽選擇一個(gè)文件
步驟2 從“目標(biāo)”下拉菜單中,選擇文檔的打開位置。
_self:會(huì)在當(dāng)前網(wǎng)頁所在的窗口或框架中打開(默認(rèn)方式)。
_blank :每個(gè)鏈接會(huì)創(chuàng)建一下新的窗口。
_new:會(huì)在同一個(gè)剛創(chuàng)建的窗口中打開。
_parent:如果是嵌套的框架,則在父框架中打開。
_top:會(huì)在完整的瀏覽器窗口中打開。
2) 到網(wǎng)站外頁面的超鏈接――外部鏈接
步驟1 選中文字或圖像之后,直接在屬性面板的“鏈接”文本框中輸入外部的鏈接地址,如http://www.51zxw.net
步驟2 然后在“目標(biāo)”下拉菜單中設(shè)置這個(gè)鏈接的目標(biāo)窗口。
n 內(nèi)部鏈接 這種鏈接的目標(biāo)點(diǎn)是同個(gè)網(wǎng)站中的其他網(wǎng)頁(文檔),稱為內(nèi)部鏈接
n 外部鏈接 這種鏈接的目標(biāo)點(diǎn)是不同站點(diǎn)或本站點(diǎn)以外的網(wǎng)頁(文檔),稱為外部鏈接。
注意:鏈接中使用完整的URL地址 如:http://www.51zxw.net http:// (是瀏覽網(wǎng)頁網(wǎng)絡(luò)協(xié)議) www.51zxw.net(域名)
3) 鏈接樣式
鏈接顏色:指定應(yīng)用于鏈接文字的顏色
已訪問鏈接:指定鏈接被訪問過的顏色
變換圖像鏈接:指定當(dāng)鼠標(biāo)位于鏈接上時(shí)的顏色。
活動(dòng)鏈接:指定但鼠標(biāo)在鏈接上點(diǎn)擊時(shí)的顏色。
4) 到網(wǎng)頁某一特定位置的超鏈接――錨點(diǎn)鏈接
n 錨點(diǎn)鏈接 這種鏈接的目標(biāo)端點(diǎn)是網(wǎng)頁中的命名錨點(diǎn),利用這種鏈接,可以跳轉(zhuǎn)到當(dāng)前網(wǎng)頁中的某一指定位置上,也可以跳轉(zhuǎn)到其他網(wǎng)頁中的某一指定位置上。
步驟1 創(chuàng)建命名錨記,就是在網(wǎng)頁中設(shè)置位置標(biāo)記,并給該位置一個(gè)名稱,以便引用。
步驟2 屬性面板的鏈接欄中直接輸入 “# 錨點(diǎn)名”
注意:
1) 如果鏈接的目標(biāo)錨點(diǎn)標(biāo)記在當(dāng)前頁面即輸入 # 錨點(diǎn)名;
2) 如果鏈接的目標(biāo)錨點(diǎn)標(biāo)記在其他網(wǎng)頁,即要輸入目標(biāo)網(wǎng)頁的地址和名稱,然后再輸入“# 錨點(diǎn)名”
5) 其他一些鏈接。
A. 創(chuàng)建E-mail電子郵件鏈接
n Email鏈接 單擊這種鏈接,可以啟動(dòng)電子郵件程序(例如:Offiece辦公軟件中的Outlook)書寫郵件,并發(fā)送到指定的地址。
步驟1選中文本和圖像
步驟2插入欄|常用|電子郵件鏈接|輸入郵件地址
或在屬性面板的鏈接欄中直接輸入 “mailto:郵件地址”
B. 創(chuàng)建下載鏈接:當(dāng)被鏈接的文件是exe文件或zip、rar類型的文件時(shí),瀏覽器無法直接打開,便會(huì)提示文件會(huì)被下載,這就是網(wǎng)上下載的方法。
C. 創(chuàng)建空鏈接:空鏈接用來激活頁面中的對(duì)象或文本。當(dāng)文本或?qū)ο蟊患せ詈螅梢詾橹砑有袨椤?/span>
n 方法:選中要制作空鏈接的對(duì)象,在鏈接文本框中直接輸入#。
n 在一般站點(diǎn)首頁的導(dǎo)航欄中的首頁鏈接,就可以是一個(gè)空鏈接
三、圖像熱區(qū)鏈接
圖像熱區(qū)指在一幅圖片上創(chuàng)建多個(gè)區(qū)域(熱點(diǎn)),并可可以點(diǎn)擊觸發(fā)。當(dāng)用戶單擊某個(gè)熱點(diǎn)時(shí),會(huì)發(fā)生某種鏈接或行為。
步驟:
1. 選中圖像
2. 在圖像屬性面板中,使用熱區(qū)工具(矩形、橢圓、多邊形),在圖像上劃分熱區(qū)。
3. 為繪制的每一個(gè)熱區(qū)設(shè)置不同的鏈接地址和替代文字。
四、創(chuàng)建圖像導(dǎo)航條
使用鼠標(biāo)經(jīng)過變換圖像的特效,創(chuàng)建圖像導(dǎo)航條
五、創(chuàng)建跳轉(zhuǎn)菜單
跳轉(zhuǎn)菜單是網(wǎng)頁中的彈出式菜單,可以創(chuàng)建任何文件類型的鏈接。
步驟:
1、插入欄|表單|跳轉(zhuǎn)菜單
2、在“插入跳轉(zhuǎn)菜單”對(duì)話框中,單擊+號(hào)添加菜單項(xiàng)
3、在“選擇時(shí)。轉(zhuǎn)到URL”文本框中,輸入該文件的路徑。
六、腳本鏈接
通過連接觸發(fā)腳本命令
1. 添加到收藏夾:javascript:window.external.addFavorite('http://www.51zq.net','我的足球網(wǎng)')
2. 表示關(guān)閉窗口:javascript:window.close()
3. 表示彈出一個(gè)提示對(duì)話框:javascript:alert(‘hello!’)
4. 設(shè)置為默認(rèn)主頁:(需通過空鏈接#觸發(fā)onClick事件)
onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.51zq.com/');"
七、超鏈接的管理
1、鏈接路徑
對(duì)鏈接路徑的正確理解是確保鏈接有效的先決條件。鏈接的路徑有3種表達(dá)方式
1)絕對(duì)路徑:如果在鏈接中使用完整的URL(統(tǒng)一資源定位符)地址,這種鏈接路徑就稱作絕對(duì)路徑。
一般用于鏈接外部網(wǎng)站或外部文件資源時(shí),例如:http://www.51zxw.net/list.aspx?cid=321
2)相對(duì)于文檔路徑:表述源端點(diǎn)與鏈接目標(biāo)端點(diǎn)之間的相互位置。一般我們默認(rèn)使用這種方式鏈接同站點(diǎn)的不同文件。用“. . / ”上一層的文件夾
3)相對(duì)于站點(diǎn)根目錄路徑: 所有鏈接的路徑都是從站點(diǎn)的根目錄開始的! / ”表示根目錄。
2、自動(dòng)更新鏈接
當(dāng)文件的位置被改動(dòng)時(shí),自動(dòng)的更新該網(wǎng)頁中的鏈接路徑,同時(shí)也自動(dòng)更新其他網(wǎng)頁鏈接到這個(gè)網(wǎng)頁的路徑。
3、檢查鏈接