第6章 制作网站链接 本章内容 练习思考 实验操作
本章内容 制作外部网站链接 制作内部页面链接 制作电子邮件链接 制作空链接 制作脚本链接 制作同页面或不同页面之间的锚点链接 制作图像映射
制作外部网站链接 超级链接是构成网站最为重要的部分之一。 单击网页中的超级链接,可跳转至相应的位置,可以非常方便地从一个位置到达另一个位置。 一个完整的网站往往包含了相当多的链接。
制作外部网站链接 使用“绝对路径”: 制作外部网站链接,可在“链接”文本框中直接用键盘键入该网页在Internet上的“绝对路径”,并且包括所使用的协议(如对于Web页,通常使用http://,超文本传输协议)。
制作外部网站链接
制作外部网站链接 属性面板中的“目标”选项: _blank:在一个新的未命名的浏览器窗口中打开链接的目标网页。 _parent:如果是嵌套的框架,链接会在副框架或窗口中打开,如果不是嵌套的框架,就等于_top,在整个浏览器中显示目标网页。
制作外部网站链接 _self:在当前网页所在的窗口或框架中打开链接的目标网页。该项为浏览器的默认值。 _top:在完整的浏览器窗口中打开目标网页。
制作内部页面链接 “内部页面链接”指的是链接站点内部的文件。
制作内部页面链接 相对路径: 在“链接”文本框中输入文档的“相对路径”,一般使用“选择文件”的方法来创建。
制作邮件链接 mailto: 在“链接”文本框中输入mailto:ddc@ddc.com.cn
制作邮件链接 加入邮件主题: 在“链接”文本框中输入mailto:ddc@ddc.com.cn?subject=网站的意见和建议
制作邮件链接 抄送另一个邮箱: 在“链接”文本框中输入mailto:ddc@ddc.com.cn?subject=网站的意见和建议&cc=happyhelen@263.net
制作空链接 空链接用来激活页面中的对象或文本。 在“链接”文本框中输入#
制作脚本链接 脚本链接可给浏览者提供某个方面的额外信息。 在“链接”文本框中输入“javascript:window.close()”
制作锚点链接 锚点链接,是指同一个页面中的不同位置链接。
制作同页面锚点链接 步骤: 创建命名锚点 创建到命名锚点的链接
制作不同页面锚点链接 步骤: 在原始页面创建命名锚点 进入目标页面 创建到命名锚点的链接 下图是一个例子
制作图像映射 在单个图像内,可以设置多个不同的链接。这是一个非常实用的功能。图像映射是将整张图片作为链接的载体,将图片的整个部分或某一部分设置为链接。
制作热点链接 热点链接的原理就是利用HTML语言在图片上定义一定形状的区域,然后给这些区域加上链接,这些区域被称之为热点。
练习思考 选择题: 制作外部链接,使用(A); 制作内部链接,使用(B)。 A 绝对路径 B 相对路径
练习思考 要求:为某网页中的文字设置邮件链接,并链接“bingbing@163.com”。 操作: 选中文字; 在“属性”面板的“链接”文本框中输入“mailto:bingbing@163.com”
练习思考 要求:为某网页中的文字设置邮件链接,并链接bingbing@163.com,同时自动填写主题“咨询问题”。 操作: 选中文字; 在“属性”面板的“链接”文本框中输入“mailto:bingbing@163.com?subject=咨询问题”
练习思考 问:创建不同锚点链接的步骤是什么: 答: 在原始页面创建命名锚点 进入目标页面 创建到命名锚点的链接
实训操作一 练习对网页中的元素设置外部链接 练习对网页中的元素设置内部链接 练习设置邮件链接 练习设置空链接 练习设置脚本链接
实训操作二 练习制作锚点链接 练习制作图像映射