Dreamweaver3完全教程（22）
全套教程打包下载

第四章构建本地站点

　　可以使用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服务器上，以便他人的浏览。

规划站点结构
　

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

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

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

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

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

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

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

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

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

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

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

　图 4-2 共用资源文件夹

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

图 4-3 分用资源文件夹

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

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

规划站点的浏览机制
　

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

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

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

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

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

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

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

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

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

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

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

构建整体的站点风格
　

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

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

　　文档风格统一化的特征之一就是在多个网页上重复出现某些对象，如文本、图像或声音等。例如，可以在每个网页的左上角放置公司的徽标，在右下角放置创作者的联系地址。
　　实际创作时，维护这种风格的操作可能并不简单。例如，一个公司的徽标可能由几幅更小的图像和文本组合而成，要放置公司的徽标，不仅需要在页面中插入图像和文本，还需要精确调节它们之间的相对位置，以最后形成徽标。如果要往多个网页上放置徽标，对每个网页都需要进行上述烦琐的操作，而且还可能由于位置的摆放不齐等原因，造成网页间徽标形象的不统一，从而影响网站的整体质量。
　　为了解决这种问题，在Dreamweaver中引入了库的概念。在创作网页时，可以将这些被重复使用的东西或组合制作成库并保存起来，当下次要往网页上放置相同对象或组合时，只需要简单地从库中调用就可以了，这不仅简化了操作，而且可以确保页面间对象或组合的绝对一致。

作者：周明涛