任务一　创建和管理本地站点

任务导入

本任务是在本地计算机上创建一个站点。站点文件夹为“dw_web”，站点名称为“DW练习”。

任务实施

1.创建站点

（1）打开“计算机”窗口，在本地磁盘（如E盘根目录下）新建名为“dw_web”的文件夹，用来作为站点文件夹。在此文件夹中新建若干个子文件夹，用于存放不同类型的网页和素材文件，按照图1-1-1所示建立子文件夹。

（2）运行Dreamweaver CS6，选择“站点”菜单→“新建站点”命令，弹出“站点设置对象”对话框。

（3）在“站点名称”文本框中输入站点名称“DW练习”，在“本地站点文件夹”文本框中设置刚才创建的站点文件夹“E：\dw_web”，如图1-1-2所示。

（4）单击“保存”按钮。本地站点创建工作完成。

站点创建后，Dreamweaver CS6窗口右侧的“文件”面板中会显示新建站点的信息，如图1-1-3所示。此面板中有站点的完整信息：站点名称、站点所在位置、站点的树形结构。

单击站点中各文件夹前的“”或“”按钮可展开或折叠此文件夹。

随着工作的继续，还能在“文件”面板中看到站点中的各个网页文件及其相关的图像、动画、脚本、CSS等各类文件。通过“文件”面板可以方便地管理站点中的各类文件对象。

2.管理站点

用户可以通过“管理站点”对话框进行站点管理。打开“管理站点”对话框的方法有如下几种：

（1）在“文件”面板中，单击站点文件夹下拉按钮，选择“管理站点”选项（见图1-1-4），弹出“管理站点”对话框。

（2）选择“站点”菜单→“管理站点”命令，弹出“管理站点”对话框，如图1-1-5所示。

在“管理站点”对话框中可对站点进行整体操作如新建、复制、编辑、删除等，也可将别的站点导入到当前站点中。若要修改站点中的文件夹或文件，则通过“文件”面板来进行操作。

3.管理站点中的文件夹和文件

通常根据网站规划的要求，会在站点文件夹中建立多个规范命名的子文件夹，用于分类存放站点中不同板块的网页文件或不同类型的素材文件。

通过Dreamweaver CS6中的“文件”面板可以对站点中的文件和文件夹进行如下操作：

（1）新建文件或文件夹。右击需新建文件或文件夹的父文件夹，在弹出的快捷菜单中选择“新建文件”或“新建文件夹”命令，再输入文件或文件夹的名称，按【Enter】键即可。

（2）复制文件或文件夹。右击需复制的文件或文件夹，在弹出的快捷菜单中选择“编辑”→“拷贝”命令（或按【Ctrl+C】组合键），再右击目标文件夹，在弹出的快捷菜单中选择“编辑”→“粘贴”命令（或按【Ctrl+V】组合键）即可。

或右击该文件或文件夹，在弹出的快捷菜单中选择“编辑”→“复制”命令（或按【Ctrl+D】组合键）即可。

（3）重命名文件或文件夹。右击需重命名的文件或文件夹，在弹出的快捷菜单中选择“编辑”→“重命名”命令，输入新的名称，按【Enter】键即可。

（4）删除文件或文件夹。右击需删除的文件或文件夹，在弹出的快捷菜单中选择“编辑”→“删除”命令（或按【Del】键），在弹出的“确认”对话框中，单击“是”按钮即可。

（5）移动文件或文件夹。单击并拖动需移动的文件或文件夹到目标位置即可。

相关知识

1.认识站点

一般来说，网页制作是在本地计算机上进行的，即需要在本地计算机上创建一个组织管理网页及相关内容的站点。当站点在本地计算机中调试成功后，再上传到Web服务器中正式运行，此时网络中的任何一台计算机都可以使用浏览器浏览该站点中的网页。

站点就是硬盘中的一个存储区（文件夹），它存储了一个网站中包含的所有网页文件和相关资源（如图像、脚本、数据库等）。使用Dreamweaver制作网页是以站点为基础的。

所以，在设计制作网页之前，先要建立一个本地站点文件夹。这个站点文件夹用于组织存放本站点中所有的网页文件及用到的素材文件（如图像、动画、音频、视频等），以便在本地对这些文件进行管理和调试。

图1-1-1所示的站点文件夹中创建的子文件夹的作用如表1-1-1所示。将站点中的网页制作完成并调试成功后，再将站点整体传送到Web服务器中，供他人浏览。

2.Dreamweaver的站点类别

Dreamweaver中常用的站点有3种：本地站点、远程站点、测试站点。

本地站点是指存放在本地计算机硬盘中的站点，一般来说是指在设计制作网页过程中，将本地计算机当作服务器进行调试使用的站点。

远程站点是指存放在远程服务器（网络中的服务器）中的站点，网站制作调试成功后，上传到该站点。

测试站点是用于测试动态网页的站点，可以是本地站点，也可以是远程站点。若是本地站点，则需要将本地计算机设置成Web服务器后，测试站点才能正常工作。

本书主要讲授静态网页的制作技术，不需要服务器端代码的支持。故此，只介绍本地站点的创建和使用。