網頁設計制作中超鏈接的運用

網頁設計制作中超鏈接的運用

超鏈接是網頁間聯系的橋梁 , 是網頁的魅力所在 。超鏈接按鏈接范圍分有外部鏈接和內部鏈接;按鏈接路徑來說,一般包含文檔鏈接、書簽鏈接、電子郵件鏈接、空鏈接、腳本鏈接 。網頁制作工具Dreamwraver提供了非常簡便的創建超鏈接的方法,用戶可將文字、圖片、Flash等網頁元素設置為鏈接對象,進而美化鏈接,讓網頁更豐富多彩 。

超鏈接可將因特網上眾多分散的網頁聯系起來,構成一個有機整體 。如何制作和應用超鏈接?網頁制作工具Dreamwraver提供了非常簡便的創建超鏈接的方法,用戶可以將文字、圖片、Flash等網頁元素設置為鏈接對象,實現網頁間的跳轉功能 。

【網頁設計制作中超鏈接的運用】
超鏈接的分類

按鏈接范圍一般分為內部鏈接和外部鏈接 。外部鏈接:與外部網站的頁面間的鏈接;內部鏈接:網站內部頁面間的鏈接 。按鏈接路徑來說 , 一般包含以下類型:文檔鏈接:鏈接到其他文檔,最為常見;電子郵件鏈接:創建允許用戶給網頁制作人員發送郵件的鏈接;書簽鏈接:鏈接到相同文檔或其他文檔的書簽位置;空鏈接:不會跳轉到任何位置,用于附加Dreamweaver行為;腳本鏈接:執行JavaScript代碼或調用JavaScript函數 。

超鏈接的創建及應用

外部鏈接和內部鏈接

建立超鏈接到外部站點有兩種方法可以實現:一是直接輸入地址,在屬性面板中的“鏈接”文本框中直接輸入外部鏈接的地址 , 二是使用“常用”插入欄中的“超級鏈接”對話框 , 分別對文本、鏈接、目標、標題、訪問鍵等五個屬性進行設置 。如何快速在站點內創建鏈接?有三種創建和修改的方法:一是使用“屬性”面板創建鏈接,鍵入文件路徑或單擊瀏覽按鈕選取需鏈接的文件;二是使用“指向文件”圖標直接指向想要鏈接的文件;三是使用“資源”面板創建或修改超級鏈接 。

電子郵件鏈接

在網頁中設置電子郵件鏈接已經非常普遍,電子郵件鏈接可以附加在按鈕圖片上 , 也可以附加在文本上 。當頁面瀏覽者單擊具在電子郵件鏈接的文本或按鈕時,可以直接打開安裝在系統中的電子郵件應用程序,例如Outlook等并且在“收件人”位置已經自動填寫好電子郵件的地址,瀏覽者只需在填寫完內容后,直接發送即可 。

書簽鏈接

“書簽鏈接”可讓用戶在頁面內容較多時只瀏覽自己感興趣的內容 。制作“書簽鏈接”通常會在網頁上端位置設置一個內容列表,列表下面分別是針對各列表項的詳細說明位置 。當用戶單擊內容列表中感興趣的某一項后,網頁會自動跳轉到該列表項的詳細說明位置 ?!皶灐币辉~是轉譯而來的,它的英語原詞是anchor , 意即“錨”,所以“書簽鏈接”也常稱為“錨點鏈接” ?!皶炴溄印笨勺層脩舾鶕枨蟾奖憧旖莸卣业较鄳獌热?,而不必瀏覽網頁中的所有內容,使網頁更具人性化 。“書簽鏈接”的制作方法:將光標定位到內容介紹的標題處?D?D?D單擊“插入記錄/命名錨記”或按Cutrl Alt A快捷鍵,在出現的對話框中輸入書簽名,然后單擊“確定”按鈕?D?D?D選取列表中的文字 , 在“屬性”面板的“鏈接”域中,輸入符號“#”和書簽名 。數字和字母都可以作為書簽名,但是最好不要使用中文 。除了使用菜單命令外還可以通過“插入欄”中的“常用”項插入“命名錨記”進行操作 。

超鏈接的目標窗口

當用戶在互聯網上瀏覽網頁時 , 一般都是通過單擊網頁上的超級鏈接 , 跳轉到不同的頁面 。當新頁面出現時,可能會出現三種情況:原有的頁面被覆蓋;原有的網頁并不被覆蓋,而是彈出一個新的窗口;原有的網頁內部分被替換 。這三種情況的出現是由于網頁在制作時對超級鏈接的目標窗口進行了設置 。在Dreamweaver中通過“屬性”面板中的選項可以輕松的完成這項工作 。在“目標”下拉菜單中可以設置4個超級鏈接目標,其意義分別為:_blank:將文件載入新的無標題瀏覽器窗口中 。_parent:將文件載入到上級框架集或包含該鏈接的框架窗口中 。_self:將文件載入到相同框架或窗口中 。_top:將文件載入到整個瀏覽器窗口中,取消所有框架 。

結語

超鏈接是網頁間聯系的橋梁,是網頁的魅力所在,通過鏈接,瀏覽者可在信息海洋中盡情遨游!在制作網頁時應綜合運用外部鏈接和內部鏈接讓網頁更豐富!同時充分利用文字、圖片、Flash等網頁元素設置鏈接來增添網頁魅力 。



經驗總結擴展閱讀