【正文】 網(wǎng)頁設計制作中超鏈接的運用論文 [推薦閱讀 ] 第一篇：網(wǎng)頁設計制作中超鏈接的運用論文 摘要：超鏈接是網(wǎng)頁間聯(lián)系的橋梁，是網(wǎng)頁的魅力所在。超鏈接按鏈接范圍分有外部鏈接和內(nèi)部鏈接；按鏈接路徑來說，一般包含文檔鏈接、書簽鏈接、電子郵件鏈接、空鏈接、腳本鏈接。網(wǎng)頁制作工具 Dreamwraver 提供了非常簡便的創(chuàng)建超鏈接的方法，用戶可將文字、圖片、 Flash 等網(wǎng)頁元素設置為鏈接對象，進而美化鏈接，讓網(wǎng)頁更豐富多彩。 關鍵詞：網(wǎng)頁；超鏈接；分類；應用；美化 超鏈接可將因特網(wǎng)上眾多分散的網(wǎng)頁聯(lián)系起來，構成一個有機整體。如何制作和應用超鏈接？網(wǎng)頁制作工具 Dreamwraver 提供了非常簡便的創(chuàng)建超鏈接的方法，用戶可以將文字、圖片、 Flash 等網(wǎng)頁元素設置為鏈接對象，實現(xiàn)網(wǎng)頁間的跳轉功能。 1 超鏈接的分類 按鏈接范圍一般分為內(nèi)部鏈接和外部鏈接。外部鏈接：與外部網(wǎng)站的頁面間的鏈接；內(nèi)部鏈接：網(wǎng)站內(nèi)部頁面間的鏈接。按鏈接路徑來說，一般包含以下類型：文檔鏈接：鏈接到其他文檔，最為常見；電子郵件鏈接：創(chuàng)建允許用戶給網(wǎng)頁制作人員發(fā)送郵件的鏈接；書簽鏈接 ：鏈接到相同文檔或其他文檔的書簽位置；空鏈接：不會跳轉到任何位置，用于附加 Dreamweaver 行為；腳本鏈接：執(zhí)行 JavaScript代碼或調(diào)用 JavaScript 函數(shù)。 2 超鏈接的創(chuàng)建及應用 外部鏈接和內(nèi)部鏈接 建立超鏈接到外部站點有兩種方法可以實現(xiàn)：一是直接輸入地址，在屬性面板中的“鏈接”文本框中直接輸入外部鏈接的地址，如話框，分別對文本、鏈接、目標、標題、訪問鍵等五個屬性進行設置。如何快速在 站點內(nèi)創(chuàng)建鏈接？有三種創(chuàng)建和修改的方法：一是使用“屬性”面板創(chuàng)建鏈接，鍵入文件路徑或單擊瀏覽按鈕選取需鏈接的文件；二是使用“指向文件”圖標直接指向想要鏈接的文件；三是使用“資源”面板創(chuàng)建或修改超級鏈接。 電子郵件鏈接 在網(wǎng)頁中設置電子郵件鏈接已經(jīng)非常普遍，電子郵件鏈接可以附加在按鈕圖片上，也可以附加在文本上。當頁面瀏覽者單擊具在電子郵件鏈接的文本或按鈕時，可以直接打開安裝在系統(tǒng)中的電子郵件應用程序，例如 Outlook 等并且在“收件人”位置已經(jīng)自動填寫好電子郵件的地址，瀏覽者只需在填寫完 內(nèi)容后，直接發(fā)送即可。若要在圖片或文字上直接附加電子郵件鏈接，可選中該對象，然后在“屬性”面板的“鏈接”欄中輸入“ mailto：電子郵件”。在“ mailto：”后面不要添加空格，例如： mailto:，按回車鍵確定。 書簽鏈接 “書簽鏈接”可讓用戶在頁面內(nèi)容較多時只瀏覽自己感興趣的內(nèi)容。制作“書簽鏈接”通常會在網(wǎng)頁上端位置設置一個內(nèi)容列表，列表下面分別是針對各列表項的詳細說明位置。當用戶單擊內(nèi)容列表中感興趣的某一項后，網(wǎng)頁會自動跳轉到該列表項的詳細說明位置。 “書簽”一詞是轉譯而來的，它的英語原詞是 anchor，意即“錨”，所以“書簽鏈接”也常稱為“錨點鏈接”?！皶炴溄印笨勺層脩舾鶕?jù)需求更方便快捷地找到相應內(nèi)容，而不必瀏覽網(wǎng)頁中的所有內(nèi)容，使網(wǎng)頁更具人性化。“書簽鏈接”的制作方法：將光標定位到內(nèi)容介紹的標題處―――單擊“插入記錄 /命名錨記”或按 Cutrl+Alt+A 快捷鍵，在出現(xiàn)的對話框中輸入書簽名，然后單擊“確定”按鈕―――選取列表中的文字，在“屬性”面板的“鏈接”域中，輸入符號“ ”和書簽名。數(shù)字和字母都可以作為書簽名，但是最好不要使用中文。除了使用菜單命 令外還可以通過“插入欄”中的“常用”項插入“命名錨記”進行操作。 無址鏈接和腳本鏈接 在 Dreamweaver 中除了上述內(nèi)容所講到的鏈接方式外，還有無址鏈接和腳本鏈接，這兩種鏈接方式不再是實現(xiàn)簡單意義上網(wǎng)頁間的跳轉，而是賦予了鏈接更多的含義。無址鏈接如同它的名字一樣，它不會跳轉到任何地方。但是，這種鏈接對于讀取某些 JavaScript 事件是非常有用的，例如：在大多數(shù)瀏覽器中，圖像不能識別 onMouseOer 事件，可以通過使用無址鏈接實現(xiàn)圖像變換，此外，在制作具有較多內(nèi)容的網(wǎng)頁時，通常都 要在網(wǎng)頁最底端添加“返回頁首”的鏈接，以方便瀏覽者在瀏覽完所有網(wǎng)頁內(nèi)容后直接返回頁面頂端。創(chuàng)建無址鏈接的方法很簡單，選取“返回頁首”，在“屬性”面板的“鏈接”域中鍵入“ ”號，在“目標”下拉菜單中選取“ top”。腳本鏈接能夠在不離開當前 Web 頁面的情況下為訪問者提供有關某項的附加信息。通過javaScript 腳本鏈接，可以執(zhí)行 JavaScript 代碼或調(diào)用 JavaScript函數(shù)，也可以用來在用戶單擊時執(zhí)行計算、表單驗證和其他處理任務。如在介紹某一景點的旅游網(wǎng)站中，選取網(wǎng)頁 logo“ ***旅游網(wǎng)”，在“屬性”面板的“鏈接”框中輸入“ javascript:”后接 JavaScript 代碼或函數(shù)調(diào)用，即可在“鏈接”域中鍵入“ javacript:alert(‘歡迎光臨 ***旅游網(wǎng)’ )”，在預覽網(wǎng)頁效果時，單擊網(wǎng)頁 logo，就會彈出一個JavaScript 提示框“歡迎光臨 ***旅游網(wǎng)”。因為 Javascript 代碼中出現(xiàn)在雙引號之間，因此在腳本代碼中必須使用單引號或在雙引號之前加斜杠，例如：”歡迎光臨”。 3 超鏈接的目標窗口 當用戶在互聯(lián)網(wǎng)上瀏覽網(wǎng)頁時，一般都是通過單擊網(wǎng)頁上的超級鏈接，跳轉到不同的頁 面。當新頁面出現(xiàn)時，可能會出現(xiàn)三種情況：原有的頁面被覆蓋；原有的網(wǎng)頁并不被覆蓋，而是彈出一個新的窗口；原有的網(wǎng)頁內(nèi)部分被替換。這三種情況的出現(xiàn)是由于網(wǎng)頁在制作時對超級鏈接的目標窗口進行了設置。在 Dreamweaver 中通過“屬性”面板中的選項可以輕松的完成這項工作。在“目標”下拉菜單中可以設置 4 個超級鏈接目標，其意義分別為： _blank：將文件載入新的無標