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

網(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步,單擊【確定】按鈕,即可建立鏈接。

定義網(wǎng)頁(yè)錨點(diǎn)

錨點(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è)頂部,在瀏覽器地址欄可以看到錨記信息。

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))