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