dreamweaver cc网页设计从入门到精通

《dreamweaver cc网页设计从入门到精通》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Note第5章定义网页链接第章定义网页链接（视频讲解：60分钟）网页链接是互联网的桥梁，网站与网站之间、网页与网页之间都是通过链接建立联系。如果没有链接，那么整个互联网将成为无数个数字孤岛，失去共享的价值和访问活力。本章将详细讲解如何使用DreamweaverCC设置各种类型的链接，并利用这些链接把整个网站组织在一起。【学习重点】:在网页中插入链接:创建不同类型的链接:定义图像热点:设计网页链接的基本样式·131·Note第5章定义网页链接5.1网页链接概述链接（Hyperlink）也称为超链接或超级链接，与路径紧密相连，很多用户定义链接时，在本地能够正确访问，但是上传到远程服务器上就无法

2、正常访问了，原因就是使用了错误的路径。5.1.1熟悉URLURL（UniformResourceLocator，统一资源定位器）是对文件名的扩展，主要用于指定网上资源的位置和方式。在本地计算机中，定位一个文件需要路径和文件名，对于遍布全球的互联网，显然还需要知道文件存放在哪个网络的哪台主机中才行。在本地计算机中，所有的文件都由统一的操作系统管理，因而不必给出访问该文件的方法，但在互联网上，各个网络、各台主机的操作系统可能不一样，因此必须指定访问该文件的方法，这个方法就是使用URL定位技术。一个URL一般由以下3部分组成。（1）第1部分：协议（或服务方式）。（2）第2部分：存有该资源的主机I

3、P地址（有时也包括端口号）。（3）第3部分：主机资源的具体地址，如目录和文件名等。例如，protocol://machinename[:port]/directory/filename，其中protocol是访问该资源所采用的协议，即访问该资源的方法，可以是如下协议。（1）http://：超文本传输协议，表示该资源是HTML文件。（2）ftp://：文件传输协议，表示用FTP传输方式访问该资源。（3）gopher://：表示该资源是Gopher文件。（4）news:：表示该资源是网络新闻（不需要两条斜杠）。（5）mailto:：表示该资源是电子邮件（不需要两条斜杠）。（6）telnet:：

4、使用Telnet协议的互动会话（不需要两条斜杠）。（7）file://：表示本地文件。Machinename表示存放该资源的主机的IP地址，通常以字符形式出现，如www.china.com.port。其中，port是服务器在该主机中所使用的端口号，一般情况下不需要指定，只有当服务器所使用的不是默认的端口号时才指定。directory和filename是该资源的路径和文件名。例如，http://news.sohu.com/s2005/hujintaochufang.shtml表示搜狐www服务器上的起始.shtml文件（文件具体存放的路径及文件名取决于该www服务器的配置情况）。5.1.2认

5、识路径要正确定义链接，必须先了解网页之间的路径。路径包括3种基本类型：绝对路径、相对路径和根路径。1．绝对路径绝对路径就是被链接文件的完整URL，包括所使用的传输协议（对于网页通常是http://）。例如，http://news.sohu.com/main.html就是一个绝对路径。在设置外部链接（从一个网站的网页链接到另一个网站的网页）时必须使用绝对路径。这与本地计算机中绝对路径、相对路径概念类似。·131·Note第5章定义网页链接2．相对路径当设置网站内部链接（同一站点内一个文件与另一个文件之间的链接）时，一般可以不用指定被链接文件的完整URL，而是指定一个相对于当前文件或站点根文件

6、夹的相对路径。相对路径是指以当前文件所在位置为起点到被链接文件经由的路径。例如，dreamweaver/main.html就是一个文件相对路径。在把当前文件与同一文件夹中的另一文件链接，或者把同一网站下不同文件夹中的文件相互链接时，即可使用相对路径。（1）若要把当前文件与同一文件夹中的另一文件链接，只要提供被链接文件的文件名即可，例如，filename。（2）若要把当前文件与一个位于当前文件所在文件夹中的子文件夹中的文件链接，就需要提供子文件夹名、斜杠和文件名，例如，subfolder/filename。（3）若要把当前文件与一个位于当前文件所在文件夹的父文件夹中的文件链接，则要在文件名前

7、加上..／（..表示上一级文件夹），例如，../filename。如果在没有保存的网页中插入图片或增加链接，DreamweaverCC会暂时使用绝对路径。网页保存后，DreamweaverCC会自动将绝对路径转换为相对路径。当使用相对路径时，如果在DreamweaverCC中改变了某个文件的存放位置，不需要手动修改链接路径，DreamweaverCC会自动更新链接的路径。3．根路径根路径是指从站点根文件夹到被链接文件经由