Dreamweaver 4教程——站点管理.docVIP

第2章 站点管理 所谓站点，可以看作是一系列文档的组合，这些文档之间通过各种链接关联起来，可拥有相似的属性。例如：描述相关的主体、采用相似的设计或实现相同的目的等，也可能只是毫无意义的链接。利用浏览器，就可以从一个文档跳转到另一个文档，实现对整个站点的浏览。 使用Dreamweaver 4可以创建单个的网页，但大多数情况下，可以将这些单独的网页组合起来，成为一个站点。拥有自己的站点，可以说是每个网页创作者的梦想。Dreamweaver 不仅提供网页编辑的特性，而且带有强大的站点管理功能。利用Dreamweaver 4可以首先在本地计算机的磁盘上创建本地站点，从全局上控制站点结构，管理站点中的各种文档，以完成对文档的编辑。在完成站点文档的编辑后，可以利用Dreamweaver将本地站点发送到远端的Internet上的服务器中，创建真正的站点。 利用Dreamweaver 4，可以在本地计算机上，创建出站点的框架，从整体上对站点全局进行把握。由于这时没有同Internet连接，因此有充裕的时间完成站点的设计，进行完善的测试。在站点设计完毕后，可以利用各种上传工具，例如FTP程序，将本地站点上载到Internet服务器上，形成远端站点。 2.1 建立本地站点 在使用Dreamweaver 4开发网页以前，应先建立一个本地站点，用来管理创建的网页及图像等内容。建立本地站点的基本思路如下叙述。 第一步是对站点进行规划。需要了解站点的目的，确定它要提供什么服务，网页中应该出现什么内容等。在这一步里，利用一张纸和一支笔就能很好地解决问题。有时候，一个良好的构思，比实际的技术显得更为重要，因为它直接决定站点质量和将来的访问流量。 第二步是创建站点的基本结构。利用Dreamweaver，可以在本地计算机上构建出整个站点的框架，并在各个文件夹中合理地安置文档。如果已经构建了自己的站点，也可以利用Dreamweaver 4来编辑和更新现有的站点。Dreamweaver 4可以在站点窗口中以两种方式显示站点结构，一种是目录结构，另一种是站点地图。可以使用站点地图方式快速构建和查看站点原型。 第三步，可以开始具体的网页创作过程。一旦创建了本地站点，就可以在其中组织文档和数据。一般来说，文档就是在访问站点时可以浏览的网页。文档中可能包含其他类型的数据，例如文本、图像、声音、动画和超级链接等。 合理的站点结构，能够加快对站点的设计，提高工作效率，节省时间。文档中不仅仅是文字，它还可以包含其他任何类型的对象，例如图像、声音、动画等，这些文档资源通常不能直接存储在HTML文档中，因此需要着意考虑它们的存放位置。如果将一切网页都存储在一个目录下，当站点的规模越来越大时，管理起来就会很不容易。因此，可以利用文件夹来管理文档。可以在站点中创建一个Resource（资源）文件夹，然后将相应的资源保存在该文件夹中。整个站点共用一个Resource文件夹，所有的文档资源都保存在其中，当然，在Resource文件夹中可以再有子文件夹，按照不同的文档，或不同的资源类型，分门别类地对资源进行存储。 2.1.1 设置本地站点信息 在使用Dreamweaver 4开发网页以前，应该建立一个本地站点，设置本地站点信息，用来管理创建的网页即图像等内容。 设置本地站点的步骤如下： （1）首先应该建立站点目录，建立站点目录的方法同建立一般目录的方法一样。例如，可以在E盘上建立一个站点目录，打开Windows的资源管理器，在E盘的根目录下建立一个目录，再在该目录下建立一个名为Resource的子目录，用来保存图像、声音、动画等。 （2）启动Dreamweaver 4，选择Site|New Site命令，打开Site Definition对话框，如图2.1所示。 图2.1 Site Definition对话框 该面板分为左右两部分：面板左边Category（类别）部分是可以设置的选项分类，右边则是Category中当前被选择的类对应的设置对话框。左边Category共有五个类，其意义如下： Local Info：进行本地站点的设置。 Remote Info：进行远程站点的设置。 Design Notes：决定设计网页时是否添加“设计注意事项”。 Site Map Layout：设置站点地图的布局情况。 File View Columns：站点文件显示的列数。 （3）从这个对话框左边的Category列表框中选择Local Info（本地信息）选项，切换到建立一个本地站点对话框。 （4）在Site Name文本框中输入想要创建的站点，输入一个名字。这是站点的标志，这个名字将会出现在站点窗口中。 （5）在Local Root Folder（本地根目录）文本框中输入该本地站点根目录的位置。也