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