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