如何在网页设计中定义电子邮件链接

  • 2019-08-09 13:26:34
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

网页设计中,链接目标除了网页之外,常见的还有电子邮件地址。这种链接为用户提供了一个信息交流的途径。下面介绍在网页制作中如何使用Dreamweaver快速建立电子邮件链接。

【操作步骤】

第1步,首先启动Dreamweaver,新建一个网页文件。把鼠标指针置于文档窗口中希望显示链接的位置,或者选择链接载体。

第2步,按Ctrl+F2快捷键,打开【插入】面板,单击按钮。

第3步,打开【电子邮件链接】对话框,在【文本】文本框中输入(或编辑)作为链接载体的文本,如“联系我们”;在【电子邮件】文本框中输入收件人的电子邮件地址,如mailto:service@da-jie.com。

第4步,单击【确定】按钮,即可建立链接。

定义网页锚点

锚点就是在网页设计中设置的位置标记,并给该位置一个名字,以便引用。锚点可以指向网页内部或其他网页的某个位置;它还常用来制作网页文章的目录链接,通过单击目录可以跳转到指定章节起始位置,这样方便阅读,加快信息检索速度。建立锚点链接应先定义一个锚点,然后建立到锚点的链接即可。

【操作步骤】

第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步,在【属性】面板的【链接】下拉列表框中输入“#+锚点名称”。 

提示:如果要指向不同的网页,在【链接】下拉列表框中需输入“URL+#+锚点名称”。

第5步,保存网页,按F12键,在浏览器中预览。当单击链接文本“返回顶部”,会快速跳转到网页顶部,在浏览器地址栏可以看到锚记信息。

当前文章标题:如何在网页设计中定义电子邮件链接

当前URL:http://www.lyjtt.cn/news/wzzz/3071.html

上一篇:认识网页制作中的链接

下一篇:如何在网页设计中定义图像映射

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)