创建本地站点

1、创建本地站点

要创建本地站点，请按照以下的步骤操作：

（1） 选择【Site】菜单的【New Site】命令，这时会弹出网站定义对话框，如图4.1所示。

图4.1 【Local Info】对话框

（2） 在此对话框中，从【Category】列表内选择【Local Info】项，然后在右侧依次输入【Site Name】、【Local Root】、【HTTP Address】和【Cache】，注意后两项可以不填。

（3） 单击【OK】按钮，弹出询问是否创建【Cache】的对话框，单击【OK】按钮。这时会弹出一个网站管理窗口，如图4.2所示。窗口上侧是刚创建的网站名称，窗口下侧分为左右两半，左边是远程目录结构，右边是本地目录结构。

图4.2 网站管理窗口

（4） 下面使用【Site】->【Define Sites】命令，在弹出的对话框中选择刚建立的站点，单击【New】按钮。

（5） 在弹出的对话框左侧目录中选择【Site Map Layout】项，单击【Home Page】框右侧的文件夹图表，选择刚才建立的文件，其他选项不变，如图4.3所示，单击【OK】按钮，完成站点设置。

图4.3 定义网站

【Home Page】指一个网站的所有网页中的首页，通常命名为index.htm或default.htm。而【Web Page】可以是每一个HTML文件。

2、创建链接

链接可以使当前文档和站点内的文档或其他站点内的文档建立联系。用户可以使用【Modify】菜单创建链接。

随着Web设计工作日益复杂化，用户会发现链接日益增强的作用：发送邮件、与FTP站点连接、甚至下载软件。

创建链接有以下几种方法：

（1） 使用Point-to-File图标。

（2） 直接链接。

（3） 键入文件路径或浏览硬盘上的文件。

（4） 使用命名书签。

（5） 使用E-mail、Nowhere和脚本链接。

4.2.1 理解URL

URL（Uniform Resource Locator）代表的是全球资源******。URL的功能就是提供一种在Internet上查找任何东西的标准方法。从Web页到新闻组再到页面上的最小的图形，每一个都能通过URL系统被引用。

URL可以用到6个不同的部分，尽管所有的部分在URL被读取时都不是必需的。每个部分被一些斜线、冒号、散列符号所分隔。当作为一个属性的值被键入时，整个URL一般会被引号包围，以保证地址被作为一个整体读取。

下面是一个现实的例子，也使用了每个部分：

Http://www.fecit.com.cn/books/dhtml.htm

依次出现在一个Internet地址的主体中，从左到右，这些组成部分代表以下内容：

（1） 访问资源的方式。寻找Web服务器的方式是超文本传输协议（HTTP），其他的方式随后介绍。

（2） 提供资源服务器的名称。服务器可以是一个域名（使用或者不使用前缀WWW），或者是一个网际协议地址，例如166.111.136.3。

（3） 服务器中用到的端口号。大多数的URLs并不包含一个端口号（即port），端口号类似于服务器中的电话扩展号码，这是因为大多数的服务器使用默认。

（4） 资源所在的目录路径。依赖于资源（例如，Web页）位于服务器何处，下面的路径可以被确定：无路径（说明资源在服务器的公共根目录中）、一个单独的文件夹名或者文件夹和子文件夹的编号。

（5） 资源的文件名。如果文件名被省略了，Web浏览器就会寻找一个默认的页面，这个页面往往被命名为index.html或index.htm。浏览器会根据不同的文件类型产生不同的反应。例如，GIF和JPEG会自己显示出来；可执行文件会被下载。

（6） HTML文档中的命名锚。这又是一个可任选的部分。命名锚能将访问者带到一个HTML页的特定区域中。
因为HTTP访问方式是用来与服务器进行连接的，因此无疑是当今网络最流行的方式。除了HTTP访问方式，还有一些与其他类型的服务器进行连接的方式。表4-1列出了其中一些方式。

用户可以通过mailto：访问方式打开一个预编址的电子邮件表单，再做一些额外的工作，就可为其指定一个主题。需要注意的一点：这种方式不是标准化的HTML，当与绝大多数的浏览器和邮件程序协同工作时，在某些程序中用户可能会得到无法预期的结果。

　　　　　　　　　　　　　　　　　　表4-1 服务器链接方式

4.2.2 使用Point-to-File图标创建链接

使用【Point-to-File】图标可以创建到多种目标的链接。例如，其他打开的文档、【Site】窗口中的文件或已打开文档中的可见书签等。

要在属性检查器中使用【Point-to-File】图标创建文档链接，可以按照下面的步骤进行操作：

（1） 选定【Document】窗口中的文本或图像，此窗口即为Dreamweaver 3的主窗口。

（2） 从属性检查器中拖动【Point-to-File】图标指向其他打开的文档、打开的文档中的可见书签或【Site】窗口中的文件。

（3） 【Link】域将更新以显示链接。

（4） 释放鼠标产生链接，如图4.4所示。

图4.4 使用拖动方式操作产生链接

要从已打开文档的选定区域创建链接，可以按照下面的步骤进行操作：

（1） 选定【Document】窗口中的文本或图像，此窗口即为Dreamweaver 3的主窗口。

（2） 按住【Shift】键的同时拖动选定对象。

（3） 拖动时将出现【Point-to-File】图标。

（4） 指向其他打开的文档、打开文档中的可见书签或【Site】窗口中的文件。

（5） 释放鼠标产生链接。

要从【Site Map】中的文件创建链接，可以按照下面的步骤进行操作：

（1） 在站点地图中选择任意的HTML文件。

（2） 【Point-to-File】图标将出现在文件旁边。

（3） 拖动【Point-to-File】图标指向其他打开的文档、打开的文档中的可见书签或【Site】窗口中的文件。

4.2.3 链接到文档或命名书签

链接到文档，可以按如下操作：

（1） 选择【Document】窗口中的文本或图像。

（2） 选择【Window】->【Properties】命令，打开属性检查器，选择以下操作之一：

1） 在【Link】框中键入路径。

2） 要链接到站点内的文档，输入文档相对或根目录相对路径即可。要链接到站点之外的文档，请输入绝对路径。

3） 单击文件夹图标浏览并选定一个文件。文件名出现在URL域中。

4） 将文件从【Site】窗口拖动到属性检查器的【Link】域中，如图4.5所示。

图4.5 链接到文档

命名书签可标记文档中的特定位置。使用命名书签则可以跳转到当前文档或其他文档中的标记位置。创建命名书签操作步骤：

（1） 在【Document】窗口中，将鼠标停留在命名书签的位置上。

（2） 选择以下操作之一：

1） 选择【Insert】->【Named Anchor】命令，如图4.6所示。

图4.6 插入命名书签命令

2） 选择【Window】->【Objects】命令，从对象工具栏上端的弹出菜单中选择【Invisibles】，然后单击【Anchor】按钮，如图4.7所示。

图4.7 使用对象工具栏插入命名书签

（3） 在出现的对话框中输入书签名。然后单击【OK】按钮，如图4.8所示。

图4.8 输入书签名

数字和字母都可以作为书签名，但是书签名不支持中文。如果书签标记没有出现在光标停留位置，请选择【View】->【Invisible Elements】命令。

要链接到命名书签，可以按如下操作：

（1） 选择【Document】窗口中的文本或图像。

（2） 在属性检查器的【Link】框中输入符号“#”和书签名。

在“#”和书签名之间不要留有空格，否则链接将失败。

4.2.4 使用E-mail、Nowhere和脚本链接

要创建E-mail链接，可以按如下操作：

（1） 选择【Document】窗口中的文本或图像。

（2） 在属性检查器中键入：“mailto”，然后链接【Link】框中的电子邮件地址。

（3） 按【Enter】键确定。

Nowhere无址链接的含义就是不会跳转到任何地方。这种链接对于读取JavaScript事件非常有用。有些JavaScript事件有链接，但是并不针对文本或图像，而且也不需要用户离开当前页面。要创建无址链接，可以按如下操作：

（1） 选择【Document】窗口中的文本或图像。

（2） 在属性检查器的【Link】框中输入符号“#”。

（3） 按【Enter】键。

【Script】链接可执行JavaScript代码或调用JavaScript函数。【Script】链接也可以用来在用户单击时执行计算、表单验证和处理其他任务。要创建脚本链接，可以按如下操作：

（1） 选择【Document】窗口中的文本或图像。

（2） 在属性检查器的【Link】框中输入：“JavaScript”：后接某些JavaScript代码或调用JavaScript函数。

因为JavaScript代码出现在双引号之间，因此在脚本代码中必须使用单引号或在双引号之前加斜杠。例如，\“此功能未能执行＼”

4.3 相对路径和绝对路径

有很多朋友对相对和绝对路径分不清，总是把它们弄混淆，现在就来说说它们的区别。

一般来说，有3种类型的文档路径：绝对路径、和根目录相对的路径、和文档相对的路径。路径一般在属性检查器的【Link】框或【Select HTML File】的【URL】框中输入。

1．绝对路径

是包含服务器协议的完全路径。绝对路径包含的是精确地址，而不用考虑源文档的位置。但是，如果目标文档被移动，则链接无效。创建对当前站点以外文件的链接时必须使用绝对路径。

2．和根目录相对的路径

总是从当前站点的根目录开始，站点上的所有可公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉服务器从根目录开始。举个例子，/Dreamweaver/intro.htm将链接到站点根目录Dreamweaver文件夹下的intro.htm文件。如果要在内容经常被移动的环境中链接文件，可使用和根目录相对路径，如果和根目录相对的路径不适合要在本地查看（例如演示）的站点，可以使用和文档相对路径。

3．和文档相对的路径

和文档相对的路径是指和当前文档所在的文件夹相对的路径。例如，文档1.htm指定的就是当前文件夹内的文档；../文档1.htm指定的则是当前文件夹上级目录中的文档；而htmldocs/文档1.htm则指定了当前文件夹下htmldocs文件夹中的文档。和文档相对的路径通常是最简单的路径，可以用来链接和当前文档同一文件夹的文件。

在创建和文档相对的路径之前切勿忘记保存新文件，因为在没有定义起始点的情况下，和文档相对的路径是无效的。在文档被保存之前，Dreamweaver会自动使用以file://开头的绝对路径。