在網頁設計中,鏈接目標除了網頁之外,常見的還有電子郵件地址。這種鏈接為用戶提供了一個信息交流的途徑。下面介紹在網頁制作中如何使用Dreamweaver快速建立電子郵件鏈接。
【操作步驟】
第1步,首先啟動Dreamweaver,新建一個網頁文件。把鼠標指針置于文檔窗口中希望顯示鏈接的位置,或者選擇鏈接載體。
第2步,按Ctrl+F2快捷鍵,打開【插入】面板,單擊按鈕。
第3步,打開【電子郵件鏈接】對話框,在【文本】文本框中輸入(或編輯)作為鏈接載體的文本,如“聯系我們”;在【電子郵件】文本框中輸入收件人的電子郵件地址,如mailto:service@da-jie.com。
第4步,單擊【確定】按鈕,即可建立鏈接。
錨點就是在網頁設計中設置的位置標記,并給該位置一個名字,以便引用。錨點可以指向網頁內部或其他網頁的某個位置;它還常用來制作網頁文章的目錄鏈接,通過單擊目錄可以跳轉到指定章節(jié)起始位置,這樣方便閱讀,加快信息檢索速度。建立錨點鏈接應先定義一個錨點,然后建立到錨點的鏈接即可。
【操作步驟】
第1步,啟動Dreamweaver,新建一個網頁文件。在文檔窗口中,把鼠標指針置于要設置錨點的位置。
第2步,切換到【代碼】視圖,輸入代碼:<aname="top"></a>,定義一個命名錨記。name指明錨記的名稱,在鏈接地址中可以指向它,以便準確找到頁面中該位置的信息。
【拓展】所有瀏覽器都支持為任何標簽定義ID屬性值,在鏈接URL中也能通過錨記形式快速找到該位置。例如,在下面頁面中,當單擊頁面底部的鏈接文本時,會自動跳轉到頁面頂部。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>
</title>
</head>
<body>
<div id="top" style="margin-bottom:2000px;">網頁頂部
</div>
<a href="#top">跳轉到網頁頂部
</a>
</body>
</html>第3步,在文檔窗口中選擇要建立鏈接的載體,如文本或鏈接圖標。
第4步,在【屬性】面板的【鏈接】下拉列表框中輸入“#+錨點名稱”?!?/p>
提示:如果要指向不同的網頁,在【鏈接】下拉列表框中需輸入“URL+#+錨點名稱”。
第5步,保存網頁,按F12鍵,在瀏覽器中預覽。當單擊鏈接文本“返回頂部”,會快速跳轉到網頁頂部,在瀏覽器地址欄可以看到錨記信息。
當前文章標題:如何在網頁設計中定義電子郵件鏈接
當前URL:http://m.supportcoffeeroasters.com/news/wzzz/3071.html
上一篇:認識網頁制作中的鏈接
下一篇:如何在網頁設計中定義圖像映射