Dreamweaver CC网页制作实战从入门到精通
上QQ阅读APP看书,第一时间看更新

实例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文件等。