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