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