02添加站点内的文本超链接教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .pptVIP

02添加站点内的文本超链接教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） ;给文本添加链接;认识超链接;1、选择要添加链接的文本 2、然后使用下列3种方法之一： 在属性面板的“链接”文本框中输入要链接对象的路径和名称。 拖动“链接”文本框后面的“指向文件”图标 到“文件”面板中要被链接的对象上（默认使用“文档相对路径”）。 单击“链接”文本框后面的“浏览文件”按钮 ，在打开的“选择文件”对话框中选择要链接对象。 ;根文件夹相对路径 根文件夹相对路径以“/”开头，???代表站点根文件夹，例如：“/intro/intro.html”是站点的根文件夹的intro子文件夹中intro.html，“根文件夹相对路径”是从当前站点的根目录开始到目标文件的路径。使用这种路径的优点是：即使链接文本所在网页文件的位置发生了变化，链接仍是有效的。;文档相对路径 文档相对路径是从添加链接的文档所在目录出发的，这种路径是大多数网站中本地链接最常用的路径。如果要链接的文件与当前文件位于相同文件夹中，那么路径中只需文件名。如果要链接的文件位于当前文档所在文件夹的子文件夹中，那么应提供子文件夹的名称，然后是“/”和链接的目标文件名，如果要链接的文件位于当前文件所在文件夹的父文件夹中，那么就在文件名前面加上“../”，其中“..”表示当前文件夹的上一级文件夹，例如：“../images/logo.jpg”。;_blank：在新的浏览器窗口中打开链接。 _parent：将链接的文件载入含有该链接的框架的父框架集或父窗口中打开。 _self：在当前窗口打开链接对象，如果不做选择，将默认该选项。 _top：在整个浏览器窗口中载入所链接的文件，因而会删除所有框架。;创建链接后，链接文本下面会出现蓝色的下划线，如图所示。定义CSS样式可以去除链接文本下面的下划线及设置链接文本的格式。;实例2：在上章实例的基础上为图中的列表文本创建链接，并用CSS设置链接样式，使鼠标移到链接上时链接文本变为红色。;单击“CSS”面板的新建样式按钮 ，在“新建CSS规则”对话框中选择“复合内容（基于选择的内容）”，在“选择器名称”中选择“a:link”，定义在我们上章实例中创建的样式表文件“mycss.css”中。;在“a:link的CSS规则定义”的窗口中定义，文本颜色为黑色、修饰为无，单击“确定”按钮，即设置好链接文本的正常显示状态。(如图3.14所示);重复上述两步为a:visted设置与上述相同的样式，设置好链接文本访问后的状态。 重复第1、2步为a:hover设置Color(文本颜色)为红色，修饰为“无”，设置好鼠标暂停在超链接上时的状态 鼠标拖动选中第一行列表文本，在“属性”面板的“链接”框中输入要链接的网页文件名。 重复第5步为每行列表文本添加超链接。