ch7在网页中使用超链接

《ch7在网页中使用超链接》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、通过本章学习，应该掌握以下内容：认识超链接利用Dreamweaver8创建各种超连接的方法利用Dreamweaver8编辑各种超连接的方法利用HTML和FrontPage2003创建、编辑超链接的方法第7章在网页中使用超链接7.1利用Dreamweaver8处理超链接7.1.1创建文字超链接（1）什么是超链接所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接

2、目标将显示在浏览器上，并且根据目标的类型来打开或运行。1．超链接简介按照链接路径的不同，网页中超链接一般分为以下3种类型：内部链接：即在同一个站点内的不同页面之间相互联系的超链接。锚点链接：可以链接到网页中某个特定位置的链接。外部链接：把网页与Internet中的目标相联系的链接。如果按照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。建议：避免孤立文件的存在在网页中避免使用过多的超链接网页中的超链接不要超过4层页面较长时可以使

3、用书签设置主页或上一层的链接（2）合理安排超链接2．建立文本超链接在一个网站中，有绝对路径、和根目录相对路径以及和文档相对路径3种类型的文档路径。绝对路径：是包含服务器协议（对于网页来说通常是http://或ftp://）的完全路径。和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。和文档相对的路径：是指和当前文档所在的文件夹相对的路径。（1）创建文本超链接在浏览网页时，鼠标指针经过某些文本时，指针的形状发生变化，同时文本也会发生变化（如出现下划线、文本的颜色发生变化、字体发生变化等），提示这是带链接的文本。此时点击鼠标，就会打开

4、所链接的网页，这就是文本超链接。在Dreamweaver8中创建文本超链接的步骤为：1）在网页上选择需要添加超链接的文本，打开文本的属性面板。2）在属性面板上指定文字的链接目标。3）在“目标”下拉列表框中选择目标文件打开的方式。设置结束后，在网页中被选择的文字改变了颜色，且在文字底部出现一条下划线，即文字的超链接设置完成。在键盘上按“F12”键，即可将网页在浏览器中打开。单击链接的文字，即可打开目标文件。（2）编辑文本超链接1）设置文本链接的状态一个未被访问过的链接与一个被激活的链接在形式上肯定会有所区别，链接被访问过了也会发生变化，提示用户这是一个已经点击过的链接，所有这些都

5、是链接的状态。通过设置不同的文本颜色可以使各个状态区别开来。2）删除文本超链接在Dreamweaver8中要删除一个文本超链接很容易，先用鼠标选定文本对象，将光标定位于属性面板的“链接”文本框中，用“BackSpace”键或“Delete”键，将其显示的超链接对象文件名删除，再回车，或选择“修改”

6、“移除链接”命令，都可以删除超链接而保留原文本对象。1．创建图片超链接7.1.2创建图片超链接给图像添加链接，使其指向其他的网页或者文档，就是图像超链接。1）选中需要建立超链接的图像，此时属性面板显示图像的属性。2）在属性面板中为图像添加文档相对路径的链接。3）按“F12”预览网页。

7、2．删除图像超链接删除图片超链接与删除文本超链接的方法相同。锚点，也称为书签或锚记，用来标记文档中的特定位置，使用其可以跳转到当前文档或其他文档中的标记位置，免去浏览者翻阅网页寻找信息的麻烦。在网页中加入锚点包括两方面的工作，一是在网页中创建锚点，另一个就是为锚记建立链接。7.1.3创建锚点超链接1．创建锚点创建锚记的步骤如下：（1）将光标移到需要加入锚点的地方，一般是将光标放置在一行或是一段文字的开头部分。（2）单击插入“常用”面板上的按钮，或是选择主窗口的菜单“插入”

8、“命名锚点”命令，将弹出“命名锚点”对话框。（3）在对话框的“锚点名称”文本框输入锚点的名称。（4）单击“

9、确定”按钮。在命名锚点时，必须遵循以下规定：①只能使用字母和数字，锚点命名不支持中文。虽然在插入锚点对话框中能输入中文，但在属性面板上显示的则是一堆乱码，且在为锚点添加链接的时候，也无法工作。②锚点名称的第1个字符最好是英文字母，一般不要以数字作为锚点名称的开头。③锚点名称区别英文字母的大小写。④锚点名称间不能含有空格，也不能含有特殊字符。创建锚点后，还必须链接锚点。选择想要链接到锚点的文字或图片，然后按如下方法中的任意一种进行操作。2．链接锚点（1）在属性面板上的“链接”文本框中输入符号#