
4.2 创建本地站点
站点是管理网页文档的场所,Dreamweaver CC是一个站点创建和管理工具,使用它不仅可以创建单独的文档,还可以创建完整的站点。
★知识要点★
什么是站点?
●Web站点:一组位于服务器上的页,使用Web浏览器访问该站点的访问者可以对其进行浏览。
●远程站点:服务器上组成Web站点的文件,这是从创建者的角度而不是访问者的角度来看的。
●本地站点:与远程站点的文件对应的本地磁盘上的文件,创建者在本地磁盘上编辑文件,然后上传到远程站点。
在开始制作网页之前,最好先定义一个站点,这是为了更好地利用站点对文件进行管理,也可以尽可能地减少错误,如路径出错、链接出错。新手做网页需要加强条理性、结构性,往往这个文件放这里,另一个文件放那里,或者所有文件都放在同一文件夹内,这样显得很乱。建议一个文件夹用于存放网站的所有文件,再在文件内建立几个文件夹,将文件分类,如图片文件放在images文件夹内,HTML文件放在根目录下。如果站点比较大,文件比较多,可以先按栏目分类,在栏目里再分类。使用向导创建站点的具体操作步骤如下:
01 执行“站点”|“管理站点”命令,弹出“管理站点”对话框,在对话框中单击“新建站点”按钮,如图4-8所示。

图4-8 “管理站点”对话框
02 弹出“站点设置对象 未命名站点2”对话框,在对话框中的“站点名称”文本框中输入名称,如图4-9所示。

图4-9 输入站点的名称
★提示★
执行“窗口”|“文件”命令,打开“文件”面板,在面板中单击“管理站点”超链接,也可以弹出“管理站点”对话框。
03 单击“本地站点文件夹”文本框右边的文件夹按钮,弹出“选择根文件夹”对话框,在对话框中选择相应的位置,如图4-10所示。

图4-10 “选择根文件夹”对话框
04 单击“选择文件夹”按钮,选择文件位置,如图4-11所示。

图4-11 选择文件的位置
05 单击“保存”按钮返回到“管理站点”对话框,对话框中显示了新建的站点,如图4-12所示。

图4-12 “管理站点”对话框
06 单击“完成”按钮,在“文件”面板中可以看到创建的站点中的文件,如图4-13所示。

图4-13 “文件”面板
★指点迷津★
在规划站点结构时,需要遵循的规则如下:
●每个栏目一个文件夹,把站点划分为多个目录。
●不同类型的文件放在不同的文件夹中,以利于调用和管理。
●在本地站点和远端站点使用相同的目录结构,使在本地制作的站点原封不动地显示出来。