5.2.4电子邮件链接(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

5.2.4电子邮件链接 所谓的“电子邮件链接”即是当我们点击它时，浏览器会自动调用默认使用的邮件客户端程序（outlook）发送电子邮件。 创建电子邮件链接的步骤是： 1）在“文档”窗口的“设计”视图中，将插入点放在希望出现电子邮件链接的位置，或者选择要作为电子邮件链接出现的文本或图像。 2）执行下列操作之一，插入该链接： （1）在菜单栏中选择【插入】→【电子邮件链接】命令。 （2）在【插入】面板的【常用】模式中，单击 【电子邮件链接】按钮 。 （3）先选中文本“写信给我”，在【属性】面板的“链接”文本框中，键入“mailto:abc@163.com”，即“mailto:”加上电子邮件地址，如图所示。 3）在执行（1）或（2）之后，会弹出如图所示的【电子邮件链接】对话框。在“文本”右侧的文本框中，键入或编辑电子邮件链接的源端点文本。 4）在“E-mail” 右侧的文本框中，键入电子邮件地址，然后单击【确定】按钮。 链接代码是：<a href="mailto:abc@163.com">写信给我</a> 电子邮件链接创建成功后，按【F12】键预览，单击电子邮件链接，浏览器会自动打开相应的程序(系统默认为OutLook)，如图所示： 5.2.5下载链接与空链接 1.下载链接 如果要在网页中提供资源下载服务，就需要设置下载链接。如果超级链接指向的不是一个网页文档，而是zip、rar、exe、mp3等类型的文件，这样单击链接时就会提示是否选择下载文件。 选中“软件下载”文字，然后在【属性】面板中，单击“链接”右侧的【浏览文件】按钮，在弹出的【选择文件】对话框中选择文件“ch05/5.2.9/images/dweamweaver8.0.rar”，最后单击【确定】按钮返回【属性】面板，如图所示。 保存网页文档，按【F12】键预览网页效果。单击下载链接文字“软件下载”时，将会弹出如图所示的【文件下载】对话框，提示浏览者打开或保存文件。 链接代码是：<a href=" images/dweamweaver8.0.rar "> 软件下载</a> 其他文件或程序下载链接设置与之一样。 2.空链接 空链接也叫无址链接，也就是没有链接对象的链接即是未指派的链接，在空链接中，目标URL是用“#”来表示的。也就是说制作链接时，只要在【属性】板的链接输入框中录入#标记，它就是个空链接了。如图所示： 链接代码是：<a href="#">空链接示例</a> 空链接的出现涉及到多方面的因素，比如一些没有定期完成的页面，又为了保持页面显示上的一致（链接样式与普通文字样式的不同），就可以使用它了。 空链接也常用于向页面上的对象或文本附加行为。例如，可向空链接附加一个行为，以便在指针滑过该链接时会交换图像或显示绝对定位的元素（AP元素）。 1）在“文档”窗口的“设计”视图中选择文本、图像或对象。 2）在【属性】面板中，在“链接”框中键入 javascript:; （javascript 一词后依次接一个冒号和一个分号）。如制作一个带警告提示的链接，只要在属性面板的“链接”框中输入：“javascript:alert('您点击的是空链接，请返回重新选择！');” 链接代码是：<a href="javascript:alert('您点击的是空链接，请返回重新选择！');">空链接示例</a>。 效果如图所示： $$