超链接实例操作.ppt

在一个网站中，有绝对路径、和根目录相对路径以及和文档相对路径3种类型的文档路径。 绝对路径：是包含服务器协议（对于网页来说通常是http://或ftp://）的完全路径。 和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。 和文档相对的路径：是指和当前文档所在的文件夹相对的路径。 * 在浏览网页时，鼠标指针经过某些文本时，指针的形状发生变化，同时文本也会发生变化（如出现下划线、文本的颜色发生变化、字体发生变化等），提示这是带链接的文本。此时点击鼠标，就会打开所链接的网页，这就是文本超链接。 * 1）在网页上选择需要添加超链接的文本，打开文本的属性面板。 2）在属性面板上指定文字的链接目标。 3）在“目标”下拉列表框中选择目标文件打开的方式。 设置结束后，在网页中被选择的文字改变了颜色，且在文字底部出现一条下划线，即文字的超链接设置完成。在键盘上按“F12”键，即可将网页在浏览器中打开。单击链接的文字，即可打开目标文件。 * 设置文本链接的状态 一个未被访问过的链接与一个被激活的链接在形式上肯定会有所区别，链接被访问过了也会发生变化，提示用户这是一个已经点击过的链接，所有这些都是链接的状态。通过设置不同的文本颜色可以使各个状态区别开来。 * 删除文本超链接 在Dreamweaver 8中要删除一个文本超链接很容易，先用鼠标选定文本对象，将光标定位于属性面板的“链接”文本框中，用“BackSpace”键或“Delete”键，将其显示的超链接对象文件名删除，再回车，或选择“修改”|“移除链接”命令，都可以删除超链接而保留原文本对象。 * 给图像添加链接，使其指向其他的网页或者文档，就是图像超链接。 1）选中需要建立超链接的图像，此时属性面板显示图像的属性 。 2）在属性面板中为图像添加文档相对路径的链接。 3）按“F12”预览网页。 删除图像超链接 删除图片超链接与删除文本超链接的方法相同 。 * * 创建锚记的步骤如下： 1）将光标移到需要加入锚点的地方，一般是将光标放置在一行或是一段文字的开头部分。 2）单击插入“常用”面板上的按钮 ，或是选择主窗口的菜单“插入”|“命名锚点”命令，将弹出“命名锚点”对话框。 3）在对话框的“锚点名称”文本框输入锚点的名称。 4）单击“确定”按钮。 * 创建锚点后，还必须链接锚点。选择想要链接到锚点的文字或图片，然后按如下方法中的任意一种进行操作。 1）在属性面板上的“链接”文本框中输入符号# 和锚点名称。 2）选择文字或图片后，按住Shift键，然后拖动鼠 标指向锚点。 3）按住属性面板上的“指向文件”按钮，并拖动鼠标 指向锚点。 * 在链接锚点时，应注意以下事项： ①在#和锚点名之间不要留有空格，否则链接会失败。 ②在不同文件夹中为锚点创建链接时，其文件名后缀必定是“.htm”，而不能写成“.html”，否则链接也会失败。 ③符号#必须是半角符号，而不能为全角符号。 * 如果希望浏览者在浏览网页时，只要浏览者单击E-mail链接时，就会在浏览端自动打开浏览器默认的E-mail处理程序，收件人的地址将会被E-mail超链接中的指定地址自动装入，无需浏览者输入，就需要创建电子邮件链接 。 * （1）将光标置于网页中要添加E-mail链接的地方，或选中文字，通过插入“常用”面板上的“电子邮件链接”按钮，或通过主窗口菜单“插入”|“电子邮件链接”命令，将弹出 “电子邮件链接”对话框。 （2）如果未选中文字，可以在“文本”文本框中添加所需文字；如果已经选中超链接文字，将会在“文本”文本框中自动显示。然后在“E-mail”文本框中输入E-mail地址，单击“确定”按钮，就可以了。 * 空链接是一个未指定目标的链接，Dreamweaver 8的行为面板中列出了许多行为，这些行为相当于使用JavaScript编写的程序或函数，要想对文本设置行为，首先为文本建立空链接，这样行为才有效。 为文本建立空链接时，只要先在文档窗口选定文本，然后在属性面板中的“链接”栏中输入一个数值符“#”即可。建立空链接的目的就是为了应用行为，其他情况下不必建立空链接。 * 合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。建议： 避免孤立文件的存在 在网页中避免使用过多的超链接 网页中的超链接不要超过4层 页面较长时可以使用书签 设置主页或上一层的链接 * *