实例013 在站点中新建文件和文件夹

完成站点的创建后，可以通过“文件”面板新建文件夹放置站点中不同类别的文件，并且还可以在“文件”面板中新建网页文件，而不需要每次都使用“新建文档”对话框来创建。

●最终文件| 无

●视频| 光盘\视频\第1章\实例13.swf

●知识点| 在站点中创建文件夹和文件

●学习时间| 5分钟

实例分析

本案例主要讲解如何在“文件”面板中为当前站点创建文件夹和文件，“文件”面板如图1-51所示。

图1-51 “文件”面板

知识点链接

为什么要在站点中创建文件夹和文件？

刚创建的站点通常都是空的，用户可以根据网站的实际需要在站点中创建文件夹和文件。建立文件夹的过程实际上就是构思网站结构的过程，多数情况下文件夹代表网站的子栏目，每个子栏目都要有自己对应的文件夹。

操作步骤

01 默认情况下，“文件”面板位于Dreamweaver CC工作区的右上方，打开“文件”面板，如图1-52所示。在“文件”面板的站点根目录中单击鼠标右键，在弹出菜单中选择“新建文件夹”选项，如图1-53所示。

图1-52 “文件”面板

图1-53 选择“新建文件夹”选项

02 在站点中新建一个文件夹，新建的文件夹名称默认为untitled，如图1-54所示。直接将新建的文件夹重新命名为“第6章”，如图1-55所示。

图1-54 新建文件夹

图1-55 重命名文件夹

03 在“第6章”文件夹上单击鼠标右键，在弹出菜单中选择“新建文件”选项，如图1-56所示。即可在站点中新建一个网页文件，新建的文件名称默认为untitled.html，如图1-57所示。直接将新建的文件重新命名index. html，如图1-58所示。

图1-56 选择“新建文件”选项

图1-57 新建文件

图1-58 重命名新建文件

提示

在“文件”面板中新建页面，需在某个文件夹上单击鼠标右键，在弹出菜单中选择“新建文件”选项，则新建出的页面就位于该文件夹中。如果在站点的根目录上单击鼠标右键，在弹出菜单中选择“新建文件”选项，则新建的页面就位于站点的根目录中。

Q 除了可以在“文件”面板中为站点创建文件夹，还有其他方法吗？

A 在站点中创建文件夹，除了可以通过“文件”面板创建外，还可以直接在本地站点所在的文件夹中，使用Windows中创建文件夹的方法新建一个文件夹。

Q 为站点中的文件夹命名时需要注意什么？

A 站点中的文件夹名称要尽量具有明确的含义，或者是采用通用的名称，例如，images或pic文件夹用于存放网站中的图像，style文件夹用于存放网站中的CSS样式表文件，js文件夹用于存放网站中的JavaScript文件等。

上一章目录下一章