2.1.2建立本地站点

2.1.2　建立本地站点

网站(也称为站点)由网页和相关文件组成，每个网页内一般都插入了图片等媒体元素，而每个图片、动画等媒体都是站点里的一个文件，网页离不开网站，离不开站点里的相关文件。所以，制作网页之前，要先建立一个本地站点，本地站点对应于本地计算机硬盘里的一个文件夹，所有的网页、图片、声音等文件都存放在这个文件夹下，当网页、图片等文件比较多时，通常在这个文件夹下面还要建一些子文件夹，将不同类别的文件分别存放在不同的子文件夹下，以方便管理。网站里用来存放图像的子文件夹，通常命名为pic、pictures或images。在网站开发过程中，站点一般都先暂存于开发人员的本地计算机上，待制作完成后，再把整个站点的文件和子文件夹上传到远程Web服务器上。

例如，在我的电脑D盘根目录下为将要创建的站点新建一个文件夹web，以后创建的网页将放在这个文件夹下；再在web下新建一个名为images子文件夹，并把网页里需要用到的图片素材都放入该文件夹下面。

下面来学习在Dreamweaver下创建本地站点的具体步骤。

(1)单击菜单栏的“站点”->“新建站点”命令，出现“站点定义”对话框。

(2)使用“高级”选项进行站点的定义。

(3)设置本地信息，如图2-7所示。

图2-7　“站点定义”对话框

本地信息共有8个项目需要设置：定义“站点名称”、选择网站“本地根文件夹”、选择“默认图像文件夹”、选择链接相对地址、选择“默认图像文件夹”路径、输入“HTTP地址”、“区分大小写的链接”、确认是否“启用缓存”。

下面通过一个实例，定义一个“我的网站”站点来看一下具体的操作过程。

(1)在“站点名称”文本框中输入“我的网站”。站点名称只会显示在Dreamweaver的某些面板或对话框中，供区分其他站点和选择此站点时使用，而不会显示在浏览器的任何地方，对站点的外观也没有任何影响，它只是Dreamweaver中的一个站点的名称而已。所以，可以比较随意地起站点的名字。

(2)在“本地根文件夹”中输入“D:\web”，或是单击右边的文件夹图标后选择此文件夹。

(3)在“默认图像文件夹”文本框中输入 D:\web\images，同样可以单击文件夹图标以进行选择。顾名思义，默认图像文件夹是存放网站中的图像的专用文件夹，方便对图像进行管理。一般来说，图像文件夹是放在“本地根文件夹”(站点文件夹)下的一个文件夹，这样有利于站点图片的管理。这是一个非必选项，你可以什么都不输入，但我们不推荐这种做法。

(4)保持“链接相对于”文档单选框的默认值不变。如果你选择“站点根目录”选项，一定要在下一步中指定 HTTP 地址。在以后的章节中，我们会逐步了解文件位置和路径的含义。

(5)在“HTTP地址”文本框中，你可以输入你已经申请的网站的域名，如http://abc.blog3.com，这不是一个必填项，它的使用是验证站点中使用的绝对地址链接是否正确。

(6)“区分大小写链接”和“缓存”两项可以保持默认值不变。

(7)单击“确定”按钮，完成本地站点的设置。

一般来说，制作一个网站只需要建立一次站点就够了，重新启动计算机后，前面所新建的站点仍然存在于Dreamweaver 中，不需要再次建立。对于初学者来说，使用Dreamweaver制作网页时，先建立站点再制作网页，养成这样一个好习惯，可以避免本地站点上传到服务器以后出现文件找不到(路径不对)的错误。