第1章 情景1——认识网页和网站精要.ppt

1.3.4 使用Dreamweaver CS5建立站点 了解本地根文件夹、远程文件夹、测试服务器文件夹的结构 Web站点是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档和资源。Dreamweaver是创建和管理站点的工具。可以组织和管理所有的Web文档，将用户的站点上传到Web服务器，跟踪和维护链接以及管理和共享文件。 Dreamweaver CS5站点由3个部分（或文件夹）组成，具体取决于开发环境和所开发的Web站点类型。 本地根文件夹。存储正在处理的文件。此文件夹可以位于本地计算机上，也可以位于网络服务器上。 远程文件夹。存储用于测试、生产和协作等用途的文件。远程文件夹通常位于运行Web服务器的计算机上。 测试服务器文件夹。Dreamweaver 在其中处理动态页的文件夹。 2、创建站点 若要定义Dreamweaver站点，需要先创建一个本地文件夹。若要向Web服务器传输文件或开发Web应用程序，还必须添加远程站点和测试服务器信息。为了让大家比较直观地了解站点的创建过程，在本任务中我们安装了FTP服务器软件Server-U 10.0配置好了文件服务器（存放远程站点），同时也安装了WEB服务器软件IIS5.0配置了测试服务器（存放测试文件）。（注：有关FTP和IIS的安装不做详细说明，在后续课程中讲解。如果需要在讲授时做适当的扩充。） 在本任务中，三个文件夹分别命名为： 测试服务器文件夹：horse(http://localhost/) 本地根文件夹：horse(E:\商业网页设计与制作\horse) 远程文件夹：ftp() 站点建立的具体步骤主要有五个：指定本地站点位置；指定服务器；版本控制；高级设置；站点保存与完成；。 ⑴指定本地站点位置。 在Dreamweaver菜单程序中，执行“站点”|“新建站点”命令。在弹出的“站点设置对象”“对话框中，输入站点名称（horse），并选择本地根文件夹为（E:\商业网页设计与制作\horse\）。如图所示。 ⑵指定服务器。 选择“站点设置对象”“对话框中左列的“服务器”选项。出现如图1-3-15所示的“站点设置对象”样式。通过点击“添加新服务器”来设置不同服务器类别。 “服务器”类别允许您指定本地服务器、远程服务器和测试服务器。Dreamweaver 可连接到支持 IPv6 的服务器。所支持的连接类型包括 FTP、SFTP、本地/网络、WebDAV和 RDS等。如图1-3-16所示。 本地/网络的连接设置图所示。在连接到网络文件夹或在本地计算机上存储文件或运行测试服务器时使用此设置。 FTP连接设置如图所示。如果使用 FTP 连接到 Web 服务器，请使用此设置。 在FTP连接设置中，一定要单击“测试”，测试 FTP 地址、用户名和密码。对于托管站点，必须从托管服务商的系统管理员处获取 FTP 地址、用户名和密码信息。其他人无权访问这些信息。确切按照系统管理员提供的形式输入相关信息。 WebDAV连接设置如图1-3-19所示。如果使用基于 Web 的分布式创作和版本控制 (WebDAV) 协议连接到 Web 服务器，请使用此设置。对于这种连接方法，必须有支持此协议的服务器，如 Microsoft Internet Information Server (IIS) 5.0，或安装正确配置的 Apache Web 服务器。如果选择 WebDAV 作为连接方法，并且是在多用户环境中使用 Dreamweaver，则还应确保您的所有用户都选择 WebDAV 作为连接方法。 在本任务中，三种连接方法设置完成的效果如图所示。 ⑶版本控制 Dreamweaver 可以连接到使用 Subversion (SVN) 的服务器，Subversion 是一种版本控制系统，它使用户能够协作编辑和管理远程 Web 服务器上的文件。Dreamweaver 不是一个完整的 SVN 客户端，但却可使用户获取文件的必威体育精装版版本、更改和提交文件。如图1-3-23所示。本任务不使用Subversion (SVN) 的服务器，此步骤可省略。 ⑷高级设置 如图所示。此项设置的详细信息，请参阅有软件帮助。如没有特殊需要，此设置步骤可省略。 ⑸站点保存与完成 当站点建立的前4个步骤执行后，单击“站点设置对象”对话框中的“保存”按钮保存站点。在弹出的“管理站点”对话框中看到建立的站点“horse”。如图所示。再单击“管理站点”中的“完成”按钮，整个站点创建完成。利用管理站点对话框可以进行站点的进行新建、编辑、复制、删除、导入、导出等操作。 在Dreamweaver CS5的文件面板中看到如图的效果，有本地文