第四章  构建本地站点

可以使用Dreamweaver来创建单个的网页，但大多数情况下，您可能更希望将这些单独的网页组合起来，成为一个站点。拥有自己的网站，可以说是每个网页创作者的梦想。Dreamweaver不仅提供网页编辑特性，而且带有强大的站点管理功能。利用Dreamweaver，您可以首先在本地计算机的磁盘上创建本地站点，从全局上控制站点结构，管理站点中的各种文档，以完成对文档的编辑。在完成站点文档的编辑后，可以利用Dreamweaver将本地站点发送到远端的Internet上的服务器中，创建真正的站点。

本章主要介绍如何利用Dreamweaver在本地磁盘上构建本地站点。

  概述

所谓站点，可以看作是一系列文档的组合，这些文档之间通过各种链接关联起来，可能拥有相似的属性，例如描述相关的主体、采用相似的设计，或实现相同的目的等，也可能只是毫无意义的链接。利用浏览器，就可以从一个文档跳转到另一个文档，实现对整个网站的浏览。

  本地计算机和Internet服务器

首先我们需要了解本地计算机和Internet服务器的概念。

一般来说，我们所浏览的网页都是存储在Internet服务器上的，所谓Internet服务器，就是用于提供Internet服务（包括WWW、FTP、e-mail等）的计算机，对于WWW浏览服务来说，Internet服务器主要用于存储您所浏览的Web站点和页面。

对于大多数用户来说，Internet服务器只是一个逻辑上名称，而不是真正的可知实体。例如，您无法知道该计算机到底有多少台、性能如何、配置如何、到底放置在什么地方等。您所访问的网站，可能存储在大洋彼岸的美国的计算机上，也可能就存储在您隔壁的计算机上，但是我们在浏览网页时，不需要了解它的实际位置，只需要在地址栏输入网址，按下回车，就可以轻松实现对网页的浏览。

对于浏览网页的客户来说，它们所使用的计算机被称作本地计算机。因为用户直接在计算机上操作，启动浏览器，打开网页，本地计算机对于用户来说是真正的实体。

本地计算机和Internet服务器之间，通过各种线路（如电话线、ISDN或其他缆线等）进行连接，以实现相互的通信，在连接线路中，可能会通过各种各样的中间环节。

  本地站点和远端站点

在理解了Internet服务器和本地计算机的概念后，了解远端站点和本地站点就很容易了。图 4‑1显示了本地站点和远端站点的关系。

图 4‑1  本地站点和远端站点

严格地说，站点也是一种文档的磁盘组织形式，它同样是由文档和文档所在的文件夹而组成。设计良好的网站通常具有科学的结构，利用不同的文件夹，将不同的网页内容分门别类的保存，这是设计网站的必要前提。结构良好的网站，不仅便于管理，也便于更新。

我们在Internet上所浏览的各种网站，归根到底其实就是用浏览器打开存储于Internet服务器上的HTML文档及其它相关资源。基于Internet服务器的不可知特性，因此我们通常将存储于Internet服务器上的站点和相关文档称作远端站点。

利用Dreamweaver可以对位于Internet服务器上的站点文档直接进行编辑和管理，但这在很多时候非常不便，很多因素，例如网络速度和网络的不稳定性等，都会对管理和编辑操作带来影响。另一个更重要的原因是，直接对位于Internet服务器上的文档和站点进行操作，必须始终保持同Internet的连接，这意味着会花费不必要的上网费用，相信在中国，很多人会觉得这是一个沉重的负担。

既然位于Internet服务器上的站点仍然是以文件和文件夹作为基本要素的磁盘组织形式，在这种情况下，我们会考虑，能不能首先在本地计算机的磁盘上构建出整个网站的框架，编辑相应的文档，然后再将之放置到Internet服务器上呢？答案是可以的，这就是本地站点的概念。

利用Dreamweaver，我们可以在本地计算机上，创建出站点的框架，从整体上对站点全局进行把握。由于这时候没有同Internet连接，因此有充裕的时间完成站点的设计，进行完善的测试。在站点设计完毕，可以利用各种上传工具，例如FTP程序，将本地站点上载到Internet服务器上，形成远端站点。

  Internet服务程序

有些情况下（例如，站点中包含ASP程序），仅仅在本地计算机上，是无法对站点进行完整的测试的。这时需要依赖Internet服务程序。

在本地计算机上安装Internet服务程序，实际上是将本地计算机构建成一个真正的Internet服务器，只是您可以从本地计算机上直接访问该服务器而已。换句话说，本地计算机和Internet服务器已经合二为一。

目前微软的IIS系列是应用比较广泛的Internet服务器程序，依据操作系统的不同，应该安装不同的程序，例如，对于Windows 98，可以安装Personal Web Server；对于Windows NT Workstation 4.0，可以安装Peer Web Server；对于Windows NT Server 4.0，可以安装Internet Information Server。在安装完IIS系列程序后，可以通过访问http://localhost地址来测试是否程序安装成功。

如果成功安装了Internet服务程序，就可以在本地计算机上创建真正的Internet环境，充分对创作的站点进行测试，当然，这种测试是不需要真正连入Internet的。

  上载和下载

一般来说，资源从Internet服务器下传到本地计算机这个过程，称作下载，而资源从本地计算机上传到Internet服务器上的这个过程，称作上载。

实际上，在正常的浏览过程中，经常会进行上下载操作。例如，我们在本地计算机上浏览网页，实际上就是将Internet服务器上的网页下载到本地计算机上，然后进行浏览；很多网站（如电子商务网站或免费电子邮件网站），都会要求用户输入用户名称和密码，这实际上就是将用户的信息上载到Internet服务器上。

上载和下载操作不仅于此，利用其他的一些工具，例如FTP程序等，可以直接将Internet服务器上的站点结构及其中的文档下载的本地计算机，经过修改，由可以利用相应的工具将修改后的网页上载到Internet服务器上，实现对站点的更新。

Dreamweaver内置了强大的FTP功能，可以帮助您实现对站点文档的上载和下载。

  网页的设计和出版流程

为了更好地进行站点管理和网页创作，我们还需要了解在Dreamweaver中的网页设计和出版流程。

一般来说，创建站点的第一步是对站点进行规划。您需要了解站点的目的，确定它要提供什么服务，网页中应该出现什么内容等等。在这一步里，利用一张纸和一支笔就能很好地解决问题。有时候，一个良好的构思，比实际的技术显得更为重要，因为它直接决定您的站点质量和将来的访问流量。

第二步是创建站点的基本结构。利用Dreamweaver，可以在本地计算机上构建出整个站点的框架，并在各个文件夹中合理的安置文档。如果已经构建了自己的站点，也可以利用Dreamweaver来编辑和更新现有的站点。Dreamweaver可以在站点窗口中以两种方式显示站点结构，一种是目录结构，另一种是站点地图。您可以使用站点地图方式快速构建和查看站点原型。

第三步，可以开始具体的网页创作过程。一旦您创建了本地站点，就可以在其中组织文档和数据。一般来说，文档就是在访问站点时可以浏览的网页。文档中可能包含其他类型的数据，例如文本、图像、声音、动画和超级链接等。

可以利用Dreamweaver创建空白的文档，可以利用模板来批量生成具有统一风格的文档，也可以打开和编辑由其他应用程序产生的文档。

在文档窗口中可以输入文字和其他资源，例如图像，水平线和其他对象等，它们大多可以通过对象面板或Insert菜单来完成插入。

最后一步，在站点编辑完成后，需要将本地的站点同位于Internet服务器上的远端站点关联起来，然后定期更新。

  规划站点

在Dreamweaver中，“站点”这个术语，既可以用于表示位于Internet服务器上的远端站点，也可以用于表示位于本地计算机上的本地站点。一般来说，应该首先在本地计算机上构建本地站点，创建合理的站点结构，使用合理组织形式来管理站点中的文档，并对站点进行必要的测试。在一切都准备好之后，再将站点上载到Internet服务器上，以便他人的浏览。

  规划站点结构

合理的站点结构，能够加快对站点的设计，提高工作效率，节省您的时间。如果您将一切网页都存储在一个目录下，当站点的规模越来越大时，管理起来就会变得很不容易。因此，一般来说，应该利用文件夹来管理文档。

在规划站点结构时，一般应该遵循如下一些规则：

l         用文件夹来保存文档。

一般来说，应该用文件夹来合理构建文档的结构。首先为站点创建一个根文件夹（根目录），然后在其中创建多个子文件夹，再将文档分门别类存储到相应的文件夹下，必要时，可以创建多级子文件夹。

例如，可以在About文件夹中放置用于说明公司介绍的网页；可以在Product文件夹中放置关于公司产品方面的网页。

l         使用合理的文件名称。

使用合理的文件名非常重要，特别是在网站的规模变得很大时。文件名应该容易理解，让人看了就能够知道网页表述的内容。

如果不考虑那些仍然使用不支持长文件名操作系统的用户，那么可以使用长文件名来命名文件，以充分表述文件的含义和内容；如果您的用户中可能仍然有人使用不支持长文件名的操作系统，则应该尽量用8.3式的短文件名命名文件。

尽管中文文件名对于中国人来说，更清晰易懂，但是应该避免使用中文文件名，因为很多Internet服务器使用的是英文操作系统，不能对中文文件名提供很好的支持；而且浏览网站的用户也可能使用英文操作系统，中文的文件名称同样可能导致浏览错误或访问失败。如果实在对英文不熟悉，可以用汉语拼音作为文件的名称的拼写。

很多Internet服务器采用Unix操作系统，它是区分文件的大小写的。例如Index.html和index.html是完全不同的两个文件，而且可以同时出现在一个文件夹中。因此，建议在构建的站点中，全部使用小写的文件名称。

l         合理分配文档中的资源。

文档中不仅仅是文字，它还可以包含其他任何类型的对象，例如图像、声音、动画等，这些文档资源通常不能直接存储在HTML文档中，因此需要着意考虑它们的存放位置。

一般来说，可以在站点中创建一个Resource（资源）文件夹，然后将相应的资源保存在该文件夹中。

有两种方式存储资源，一种是整个站点共用一个Resource文件夹，所有的文档资源都保存在其中，当然，在Resource文件夹中可以再有子文件夹，按照不同的文档，或不同的资源类型，分门别类对资源进行存储，这种结构可以参看图 4‑2。

图 4‑2  共用资源文件夹

另一种存储资源的方式是在每个存储不同类型文档的文件夹中都创建一个Resource文件夹，然后在其中按类型分门别类地存储资源，如图 4‑3所示。

图 4‑3  分用资源文件夹

两种存储方式各有其便利之处，笔者比较喜欢使用前一种方式，因为它可以从整体上对整个文档的资源进行控制。

l         将本地站点和远端站点设置为同样的结构

为了便于维护和管理，应该将远端站点的结构设计成同本地站点相同。这样您在本地站点上相应文件夹和文件上的操作，都可以同远端站点上的文件夹和文件一一对应。当操作完本地站点后，利用Dreamweaver将本地站点上载到Internet服务器上，可以保证远端站点是本地站点的完整拷贝，以避免发生错误。

  规划站点的浏览机制

很多站点都会包含多个网页，如何让用户知道存在这些网页，并访问它们，这是网站创建者必须考虑到的事情。如果用户不知道如何访问需要的网页，也就无法得到他们要获得的信息，网站的目的也就没有达到。

一般来说，应该在网站创建时期，规划站点的浏览机制，目的是提供清晰易懂的浏览方法，采用标准统一的网页组织形式，引导用户轻松自如地访问每个他们要访问的网页。

在规划站点的浏览机制时，一般可以考虑如下的方法：

l         创建返回主页链接

应该在站点的每个页面上，都放置返回主页的链接。我们可能都遇到过这样的事情，在浏览了多个页面之后，迷失了自己的方向，不知道如何返回到最初的地方，很多没有耐心的因此失去对当前环境的信任，转而开始浏览其他的网站。如果在网页中包含返回主页的链接，就可以确保用户在不知道自己目前位置的情况下，快速返回到一个熟悉的环境中，继续开始浏览站点中其他内容。返回主页的链接，能起到很强的挽留用户的作用。

很多网站使用框架技术，在网页的顶端或左方，提供指向返回主页的链接。

l         显示网站专题目录

应该在主页或任何一个页面上，提供站点的简明目录结构，引导用户从一个页面快速进入到其他的页面上。很多网站使用框架技术，在页面的顶端或是左端显示当前网站的专题目录，单击相应的链接，就可以从一个专题页面中，快速跳转到另一个专题页面上。

Dreamweaver的帮助系统实际上就是采用了框架技术，它在页面左方显示专题目录，用户只需单击相应的目录项，即可快速跳转到需要的网页上。

l         显示当前位置

无论在任何网页上，都要在很明显的地方标出当前网页在站点中的位置，或是显示当前网页说明的主题，以帮助用户了解他们到底在访问什么地方。如果页面嵌套过多，则可以通过创建“前进”和“后退”之类的链接，来帮助用户进行浏览。

l         搜索和索引

对于一些数据型的网站，应该给用户提供搜索的功能，或是给用户提供索引检索的权力，使用户快速查找到自己需要的信息。

Dreamweaver的帮助系统实际上也采用了这种机制，它利用框架技术，在页面顶端建立了目录、搜索和索引等链接，以便用户快速找到他们需要的信息。

l         反馈

网页在出版后，或多或少会存在一些问题，从用户那里及时获取他们对网站的意见和建议是非常重要的。为了及时从用户处了解到相关信息，应该在网页上提供用户同网页创作者或网站管理员的联系途径。常用的方法是将网页创作者或网站管理员公布在网页上，或是创建一个e-mail超级链接，帮助用户快速将信息回馈到网站中。

  构建整体的站点风格

站点中的网页风格应该具有统一性，这样能够突出站点要表述的主题，也同时能够帮助用户快速了解站点的结构和浏览机制。

在Dreamweaver中，可以利用模板来快速批量创建具有相同或相似风格的网页，然后再在这个基础上对网页进行必要修改，以实现网页的风格统一。

文档风格统一化的特征之一就是在多个网页上重复出现某些对象，如文本、图像或声音等。例如，可以在每个网页的左上角放置公司的徽标，在右下角放置创作者的联系地址。

实际创作时，维护这种风格的操作可能并不简单。例如，一个公司的徽标可能由几幅更小的图像和文本组合而成，要放置公司的徽标，不仅需要在页面中插入图像和文本，还需要精确调节它们之间的相对位置，以最后形成徽标。如果要往多个网页上放置徽标，对每个网页都需要进行上述烦琐的操作，而且还可能由于位置的摆放不齐等原因，造成网页间徽标形象的不统一，从而影响网站的整体质量。

为了解决这种问题，在Dreamweaver中引入了库的概念。在创作网页时，可以将这些被重复使用的东西或组合制作成库并保存起来，当下次要往网页上放置相同对象或组合时，只需要简单地从库中调用就可以了，这不仅简化了操作，而且可以确保页面间对象或组合的绝对一致。

  创建本地站点

前面介绍了一些站点的基本概念，现在可以开始介绍如何创建本地站点。

  显示站点窗口

本地站点的创建和管理，主要是在站点窗口中进行的，要显示站点窗口，您可以按照如下方法进行操作：

方法一：

1.                       启动Dreamweaver，默认情况下，它会进入文档窗口。

2.                       打开“Window”（窗口）菜单，选择“Site Files”（站点文件）命令，即可打开站点窗口。

方法二：

1.         启动Dreamweaver，默认情况下，它会进入文档窗口。

2.         单击启动面板上的“Site”（站点）按钮，如图 4‑4所示，即可打开站点窗口。

方法三：

1.         启动Dreamweaver，默认情况下，它会进入文档窗口。

2.         按下F5键。

一个站点窗口如图 4‑5所示。它右方的窗格称作本地文件列表窗格，其中显示的就是本地站点内容，在这里，由于还没有创建任何站点，因此其中是空的。

图 4‑4  启动面板上的站点按钮

图 4‑5  站点窗口

  构建站点

要构建站点，您可以按照如下方法进行操作：

1.         确定本地站点的根目录所在位置。如果希望创建一个全空的本地站点，可以利用Windows的资源管理器，在合适的位置上（通常是某个驱动器的根部）创建一个文件夹，用于作为本地站点的根目录。例如，假设我们想创建一个介绍微文工作室的站点，可以在C驱动器根部上创建microtext目录。

2.         从文档窗口或是站点窗口中，打开“Site”（站点）菜单，选择“New Site”（新建站点），即可打开如图 4‑6所示的对话框。

3.         在“Site Name”（站点名称）文本框中，可以输入该站点的名称。

4.         在“Local Root Folder”（本地根目录）文本框中，输入该本地站点根目录的位置。您也可以单击其后的文件夹按钮，打开一个对话框，然后从磁盘上定位该目录。

图 4‑6  定义新建的站点

5.         如果选中“Refresh Local File List Automatically”（自动刷新本地文件列表）复选框，则每当您往本地站点中拷贝文件，或是从本地站点中删除文件时，都会自动刷新站点窗口中的站点文件列表。

6.         在“HTTP Address”（HTTP地址）文本框中，输入该站点的地址，以便Dreamweaver对文档中的绝对地址进行校验，如果您目前尚没有申请域名，则可以暂时输入一个容易记忆的名称，在将来申请域名后，再用正确的域名进行替换。

7.         如果选中“Catch”（缓存）复选框，则可以创建本地站点的缓存，以加快站点中链接更新的速度，同时在站点地图模式中，清晰的反映当前站点的结构。

8.         设置完毕，按下“OK”按钮，确定操作，如果没有选中“Catch”（缓存）复选框，还会出现一个提示，允许您再次选择是否创建站点缓存，如图 4‑7所示。

图 4‑7  提示创建站点缓冲

9.         单击“Create”（创建）按钮，则可以创建缓存，单击“Don't Create”（不创建）按钮，则不创建缓存。无论您是否创建缓存，都创建了一个新的本地站点，同时在站点窗口的本地文件列表窗格中，显示站点的根目录，如图 4‑8所示。

10.      要创建其他的本地站点，可以重复上面的操作。

注意：

实际上也可以将磁盘上现有的文档组织当作本地站点来打开，只需要在图 4‑6所示的对话框中“Local Root”（本地根目录）文本框中，填入相应的根目录信息即可。利用该特性，您可以对现有的本地站点进行管理。

从这里我们也可以看出站点的概念同文档不同，文档可以是已经存在的，但是站点则是新创建的，换句话说，站点只是文档的组织形式。

图 4‑8  新建站点的根目录

  管理站点列表

在Dreamweaver中，可以对本地站点进行多方面的管理。如打开、编辑、删除和复制等。

  打开本地站点

要打开一个本地站点，您可以按照如下方法进行操作：

方法一：

1.         从文档窗口，或站点窗口中，打开“Site”（站点）菜单，选择“Open Site”（打开站点），打开站点列表菜单，如图 4‑9所示。

2.         选择需要打开的站点，即可在站点窗口中打开相应的本地站点，同时在文档窗口中可以进行该站点文档的编辑操作。

图 4‑9  打开站点

方法二：

1.         在站点窗口中，打开位于工具栏上的站点下拉列表框，如图 4‑10所示。

2.         选择需要打开的站点，文档窗口中即会显示该站点的文件夹和文件信息。

图 4‑10  工具栏上的站点列表框

  编辑站点

在创建了站点之后，还可以对站点属性进行编辑，方法如下：

1.         从文档窗口，或站点窗口中，打开“Site”（站点）菜单，“Define Site”（定义站点）命令，或是选择“Open Site”（打开站点），打开如图 4‑9所示的站点列表菜单，再选择“Define Site”（定义站点）命令。

2.         这时会打开如图 4‑11所示的对话框。

图 4‑11  定义站点对话框

3.         从列表中选择要编辑的站点名称。

4.         单击“Edit”（编辑）按钮，即可打开类似图 4‑6所示的对话框，允许您对该本地站点进行编辑。

5.         编辑完毕，单击“OK”按钮，确定操作，可以返回到图 4‑11所示的对话框中。

6.         单击“Done”（完成）按钮，可以关闭定义站点对话框，完成操作。

注意：我们同样也可以通过打开站点窗口工具栏上如图 4‑10所示的站点下拉列表框，然后选择“Define Site”（定义站点）列表项来显示定义站点对话框，以实现对站点的编辑。

  删除站点

如果不再需要利用Dreamweaver对某个本地站点进行操作，则也可以将之从站点列表中删除，方法如下：

1.         从文档窗口，或站点窗口中，打开“Site”（站点）菜单，“Define Site”（定义站点）命令，或是选择“Open Site”（打开站点），打开如图 4‑9所示的站点列表菜单，再选择“Define Site”（定义站点）命令。

2.         这时会打开如图 4‑11所示的对话框。

3.         从列表中选择要删除的站点名称。

4.         单击“Remove”（删除）按钮，这时会出现一个提示对话框，询问您是否要删除本地站点，选择“Yes”（是），即可删除选中本地站点。

5.         删除站点后，会返回到图 4‑11所示的对话框中。单击“Done”（完成）按钮，可以关闭定义站点对话框，完成操作。

注意：

该操作实际上只是删除了Dreamweaver同该本地站点之间的关系，但是实际的本地站点内容，包括文件夹和文档等，都仍然保存在磁盘相应的位置上，您可以重新创建指向其位置的新站点，重新对之进行管理。

从这里我们也可以看出站点的概念同文档不同，文档可以是已经存在的，但是站点则是新创建的，换句话说，站点只是文档的组织形式。

  复制站点

有时候希望创建多个结构相同或类似的站点，则可以利用站点的复制特性。首先从一个基准站点上复制出多个站点，然后再根据需要分别对各站点进行编辑，这能够极大提高工作效率。

如果希望复制站点，您可以按照如下步骤进行操作：

1.         从文档窗口，或站点窗口中，打开“Site”（站点）菜单，“Define Site”（定义站点）命令，或是选择“Open Site”（打开站点），打开如图 4‑9所示的站点列表菜单，再选择“Define Site”（定义站点）命令。

2.         这时会打开如图 4‑11所示的对话框。

3.         从列表中选择要复制的站点名称。

4.         单击“Duplicate”（复制）按钮，即可将该站点复制，新复制出的站点名称会出现在图 4‑11所示的对话框的站点列表中。该名称采用原站点名称后添加copy（复制）字样的形式。

5.         如有需要，可以选中新复制出的站点，然后单击“Edit”（编辑）按钮，对之进行编辑，例如修改名称等。

6.         在返回到图 4‑11所示的对话框后，单击“Done”（完成）按钮，可以关闭定义站点对话框，完成操作。

  操作站点文件

无论您是创建空白的文档，还是利用已有的文档构建站点，都可能会需要对站点中的文件夹或文件进行操作。利用站点窗口，可以对本地站点这的文件夹和文件进行创建、删除、移动和复制等操作。

  创建文件夹

要在本地站点中创建文件夹，您可以按照如下方法进行操作：

1.         从站点窗口的本地站点文件列表窗格中，选中要新建文件夹的父级文件夹。

2.         打开“File”（文件）菜单，选择“New Folder”（新建文件夹）命令，即可创建一个新的文件夹。

3.         文件夹被刚创建时，其名称区域处于编辑状态，如图 4‑12所示。您可以随即输入其名称。

4.         输入名称后，单击输入区外任意位置，即可完成文件夹的命名。

图 4‑12  新建文件夹

注意：

如果希望修改文件夹的名称，可以单击文件夹的名称，或按下F2键，激活其文字编辑状态，然后输入正确的名称。

  创建文件

文件的创建方法同文件夹类似，您可以按照如下方法进行操作：

1.         从站点窗口的本地站点文件列表窗格中，选中要保存新建文件的文件夹。

2.         打开“File”（文件）菜单，选择“New File”（新建文件）命令，即可创建一个新的文件。

3.         文件被刚创建时，其名称区域处于编辑状态，如图 4‑13所示。您可以随即输入其名称。

图 4‑13  新建文件

4.         输入名称后，单击输入区外任意位置，即可完成对文件的命名。

注意：

如果希望修改文件夹的名称，可以单击文件夹的名称，或按下F2键，激活其文字编辑状态，然后输入正确的名称。

  文件的移动和复制

如同大多数的文件管理器一样，可以利用剪切、复制和粘贴操作来实现文件或文件夹的移动和复制。方法如下：

1.         从站点窗口的本地站点文件列表窗格中，选中要移动或复制的文件（或文件夹）。

2.         如果要进行移动操作，可以打开“Edit”（编辑）菜单，选择“Cut”（剪切）；如果要进行复制操作，可以打开“Edit”（编辑）菜单，选择“Copy”（复制）命令。

3.         选中目的文件夹。

4.         打开“Edit”（编辑）菜单，选择“Paste”（粘贴）命令。文件或文件夹就被移动或复制到相应的文件夹中。

使用鼠标拖动的方法，也可以实现文件或文件夹的移动操作，方法如下：

1.         从站点窗口的本地站点文件列表窗格中，选中要移动或复制的文件（或文件夹）。

2.         拖动选中的文件或文件夹，然后移动到目标文件夹中，再释放鼠标，如图 4‑14所示。

图 4‑14  拖动文件

注意：如果移动或复制的是文件，由于文件的位置发生了变化，其中的链接信息（特别是相对链接）可能也应该相应发生变化。Dreamweaver会打开如图 4‑15所示的对话框，提示您是否要更新被移动或复制文件中的链接信息。从列表中选中要更新的文件，单击“Update”（更新）按钮，则更新文件中的链接信息；单击“Don't Update”（不更新）按钮，则不对被文件中的链接进行更新。

图 4‑15  移动文件时提示更新链接

  删除文件

要从本地文件列表窗格中，删除文件，可以按照如下方法进行操作：

1.         选中要删除的文件或文件夹。

2.         打开“File”（文件）菜单，选择“Delete”（删除）命令，或是按下Del键。

3.         这时系统会出现一个提示对话框，询问您是否要真正删除文件或文件夹，确定操作后，即可将文件或文件夹从本地站点中删除。

注意：同站点的删除操作不同，这种对文件或文件夹的删除操作，会从磁盘上真正删除相应的文件或文件夹。

  设置主页

主页就是网站默认的首页，在浏览网站时，如果直接在地址栏中输入网站地址，而不输入任何文档名称，则就会打开主页。

在本地站点文件列表窗格中，您可以创建作为主页的文档，也将某个现有的文档指定为主页，站点中所有文档的链接关系都可以通过主页来创建。

要创建主页，您可以按照如下方法进行操作：

1.         在站点窗口中，打开“Site”（站点）菜单，选择“New Home Page”（新建主页）命令，这是本地站点文件列表窗格中，就会新建一个文件，该文件就是主页。

2.         将该文件重命名为希望的名字。

如果要将现有的文件设置为主页，您可以使用如下的方法：

1.         在本地站点文件列表窗格中，选中要设置为主页的文件。

2.         打开“Site”（站点）菜单，选择“Set as Home Page”（设置为主页）命令。

  编辑站点文件

要编辑站点文件，可以在本地站点文件列表中，双击相应的文件图标，即可启动Dreamweaver的文档窗口，并载入相应的文件等候编辑。文件编辑完毕，从文档窗口中保存文档，即可对本地站点中的文件进行更新。

一般来说，可以首先构建整个站点，同时在各个文件夹中创建好需要编辑的文件。然后再在文档窗口中分别对这些文件进行编辑，最终构建完整的网站内容。

  刷新本地站点文件列表

如果您在Dreamweaver之外对站点中的文件夹或文件进行了修改，则需要对本地站点文件列表进行刷新，才可以看到修改后的结果。

如果在定义站点时，您从图 4‑6所示的对话框上选中了“Refresh Local File List Automatically”（自动刷新本地文件列表）复选框，则文件列表的刷新操作会自动完成。如果您没有选中该复选框，则需要手工刷新文件列表，方法如下：

打开“Window”（窗口）菜单，选择“Refresh Local”（刷新本地）命令，即可对本地站点的文件列表进行刷新。

注意：打开“Window”（窗口）菜单，选择“Refresh Remote”（刷新远端）命令，可以对远端站点文件列表窗格中的内容进行刷新。单击工具栏上的“Refresh”（刷新）按钮，可以同时刷新本地站点文件列表和远端站点文件列表。

  站点窗口的其他相关操作

前面大致介绍了本地站点的一些操作，这里再介绍一些同站点窗口本身相关的操作。

  改变显示区域

如果站点中文件列表过长，有限的站点窗口空间就不能很好地显示这些文件列表。这时可以利用Dreamweaver的隐藏窗格功能，将远端站点窗格暂时隐藏起来，以充分利用站点窗口空间。

单击站点窗口左下角的如图 4‑16所示的指向右端的三角形按钮，即可隐藏远端站点窗格，在整个站点窗口中显示本地站点文件列表，同时该三角形按钮变为指向左端的形状。再次单击该三角形按钮，又可以恢复两个窗格的站点窗口状态。

图 4‑16  隐藏和显示站点窗格中的窗格

  显示站点地图

利用站点地图，可以以图形化的方式查看站点结构，构建网页之间的链接。

要显示站点地图，您可以按照如下方法进行操作：

1.         打开“Window”（窗口）菜单，选择“Site Map”（站点地图）命令，或是单击工具栏上如图 4‑17所示的“站点地图”按钮，即可在文档窗口中显示站点地图，如图 4‑18所示。

2.         如果希望重新显示远端站点文件列表窗格，可以打开“Window”（窗口）菜单，选择“Site File”（站点文件）命令，或是单击工具栏上如图 4‑17所示的“站点文件”按钮。

图 4‑17  站点文件和站点地图按钮

在站点地图中，通常可以显示当前站点中文档之间的链接关系，如图 4‑18所示。利用站点地图，也可以构建文档之间的链接，我们会在后面有关章节介绍器操作。

图 4‑18  站点地图

注意：

如果您打开磁盘上现有的文档组合，构建本地站点，必须激活站点的Catch，也即缓存，才可以在站点地图中显示文档页面间的链接关系。Dreamweaver会自动对文档中的链接进行分析，并将之显示。要激活站点的Catch，可以从图 4‑6所示的对话框上选中“Catch”（缓存）复选框。

如果没有设置主页，则无法显示站点地图，您可以利用4.5.5一节介绍的方法，首先设置文档主页。

  隐藏文件列表窗格

如果希望在整个站点窗口中显示站点地图，可以用鼠标按在图 4‑17所示“站点地图”按钮上片刻，这时会出现如图 4‑19所示的菜单，选择“Map Only”（仅仅地图），则可以隐藏文件列表窗格，而以整个站点窗口的空间显示站点地图。如果选择“Map and File”（地图和文件），则在站点窗口中出现两个窗格，一个显示本地文件列表，一个显示站点地图。

图 4‑19  改变站点地图显示

  在站点地图中显示文件标题

在站点地图中，默认状态下文档图标下显示的是文件名称，很多时候，这不利于识别文件内容，也不便于管理文档。您也可以将文档图标下的文字显示为文档标题（也即位于<title>和</title>标记之间的文字），方法是打开“View”（查看）菜单，选择“Show Page Title”（显示页面标题），这时的站点地图如图 4‑20所示。

图 4‑20  显示文档标题

  改变站点地图的显示比例

如果希望改变站点地图的显示比例，可以单击站点地图窗口左下角的百分比区域，打开如图 4‑21所示的比例菜单，然后选择需要的比例。

图 4‑21  改变站点地图的显示比例

  设置站点地图的参数选项

在Dreamweaver中，还允许您设置站点地图的相关选项，方法如下：

1.         打开“Site”（站点）菜单，选择“Define Site”（定义站点）命令，打开如图 4‑11所示的对话框。

2.         从列表中选择要设置的站点名称。

3.         单击“Edit”（编辑）按钮，即可打开类似图 4‑6所示的对话框。从对话框左方选择“Site Map Layout”（站点地图规划），从对话框右方即可进行相应设置，如图 4‑22所示。

图 4‑22  设置站点地图选项

4.         在“Home Page”（主页）文本框中输入主页的路径和名称，也可以单击右方文件夹按钮，从磁盘上选择主页文件。

5.         在“Number of Columns”（列数）文本框中，输入站点地图的列数。在“Column Width”（列宽）文本框中，输入站点地图的列宽。

6.         在“Icon Label”图标标签区域，可以设置站点地图中，文件图标下方文字的类型。

l         “File Names”（文件名称）  选择该项，则在图标下显示文件名称。

l         “Page Titles”（页面标题）  选择该项，则在图标下显示网页的标题。

7.         在“Options”（选项）区域，可以设置站点地图的其他选项。

l         选中“Display Files Marked as Hidden”（显示标记为隐藏的文件）复选框，则在站点地图中不仅显示正常的文件，还显示隐藏文件。

l         选中“Display Dependent Files”（显示依赖文件）复选框，则在站点地图中，显示各个文件之间的链接关系。

8.         设置完毕，可以按下“OK”按钮，确定操作，返回图 4‑11所示的对话框。

9.         按下“Done”（完成）按钮，可以关闭该对话框，完成操作。