如何在網(wǎng)頁設計中定義電子郵件鏈接

網(wǎng)頁設計中,鏈接目標除了網(wǎng)頁之外,常見的還有電子郵件地址。這種鏈接為用戶提供了一個信息交流的途徑。下面介紹在網(wǎng)頁制作中如何使用Dreamweaver快速建立電子郵件鏈接。

【操作步驟】

第1步,首先啟動Dreamweaver,新建一個網(wǎng)頁文件。把鼠標指針置于文檔窗口中希望顯示鏈接的位置,或者選擇鏈接載體。

第2步,按Ctrl+F2快捷鍵,打開【插入】面板,單擊按鈕。

第3步,打開【電子郵件鏈接】對話框,在【文本】文本框中輸入(或編輯)作為鏈接載體的文本,如“聯(lián)系我們”;在【電子郵件】文本框中輸入收件人的電子郵件地址,如mailto:service@da-jie.com。

第4步,單擊【確定】按鈕,即可建立鏈接。

定義網(wǎng)頁錨點

錨點就是在網(wǎng)頁設計中設置的位置標記,并給該位置一個名字,以便引用。錨點可以指向網(wǎng)頁內(nèi)部或其他網(wǎng)頁的某個位置;它還常用來制作網(wǎng)頁文章的目錄鏈接,通過單擊目錄可以跳轉(zhuǎn)到指定章節(jié)起始位置,這樣方便閱讀,加快信息檢索速度。建立錨點鏈接應先定義一個錨點,然后建立到錨點的鏈接即可。

【操作步驟】

第1步,啟動Dreamweaver,新建一個網(wǎng)頁文件。在文檔窗口中,把鼠標指針置于要設置錨點的位置。

第2步,切換到【代碼】視圖,輸入代碼:<aname="top"></a>,定義一個命名錨記。name指明錨記的名稱,在鏈接地址中可以指向它,以便準確找到頁面中該位置的信息。

【拓展】所有瀏覽器都支持為任何標簽定義ID屬性值,在鏈接URL中也能通過錨記形式快速找到該位置。例如,在下面頁面中,當單擊頁面底部的鏈接文本時,會自動跳轉(zhuǎn)到頁面頂部。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>

</title>

</head>

<body>

<div id="top" style="margin-bottom:2000px;">網(wǎng)頁頂部

</div>

<a href="#top">跳轉(zhuǎn)到網(wǎng)頁頂部

</a>

</body>

</html>第3步,在文檔窗口中選擇要建立鏈接的載體,如文本或鏈接圖標。

第4步,在【屬性】面板的【鏈接】下拉列表框中輸入“#+錨點名稱”。 

提示:如果要指向不同的網(wǎng)頁,在【鏈接】下拉列表框中需輸入“URL+#+錨點名稱”。

第5步,保存網(wǎng)頁,按F12鍵,在瀏覽器中預覽。當單擊鏈接文本“返回頂部”,會快速跳轉(zhuǎn)到網(wǎng)頁頂部,在瀏覽器地址欄可以看到錨記信息。

網(wǎng)站建設、網(wǎng)絡營銷咨詢專線:0871-63535511(點擊可一鍵撥號)