![Dreamweaver CC网页制作实战从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/840/22691840/b_22691840.jpg)
实例013 在站点中新建文件和文件夹
完成站点的创建后,可以通过“文件”面板新建文件夹放置站点中不同类别的文件,并且还可以在“文件”面板中新建网页文件,而不需要每次都使用“新建文档”对话框来创建。
●最终文件| 无
●视频| 光盘\视频\第1章\实例13.swf
●知识点| 在站点中创建文件夹和文件
●学习时间| 5分钟
实例分析
本案例主要讲解如何在“文件”面板中为当前站点创建文件夹和文件,“文件”面板如图1-51所示。
![](https://epubservercos.yuewen.com/C9E84F/11261880303079006/epubprivate/OEBPS/Images/figure_0036_0007.jpg?sign=1738858364-sWQ3EReR3gkHaNZjGuaPIRTwnAtPVWVv-0-0184be94d7fdaba4f9d852ef368403b3)
图1-51 “文件”面板
知识点链接
为什么要在站点中创建文件夹和文件?
刚创建的站点通常都是空的,用户可以根据网站的实际需要在站点中创建文件夹和文件。建立文件夹的过程实际上就是构思网站结构的过程,多数情况下文件夹代表网站的子栏目,每个子栏目都要有自己对应的文件夹。
操作步骤
01 默认情况下,“文件”面板位于Dreamweaver CC工作区的右上方,打开“文件”面板,如图1-52所示。在“文件”面板的站点根目录中单击鼠标右键,在弹出菜单中选择“新建文件夹”选项,如图1-53所示。
![](https://epubservercos.yuewen.com/C9E84F/11261880303079006/epubprivate/OEBPS/Images/figure_0037_0001.jpg?sign=1738858364-bM6XyYvxCMEzkKUfBbHXPQkpYRFp7D2m-0-2834a811cc905dff570e49590832233f)
图1-52 “文件”面板
![](https://epubservercos.yuewen.com/C9E84F/11261880303079006/epubprivate/OEBPS/Images/figure_0037_0002.jpg?sign=1738858364-0HveyRoR8f2u0UHAFkAMtbM7bAkmKIIE-0-3a6b2bf6c54c865ad5f981e2bbd74d3e)
图1-53 选择“新建文件夹”选项
02 在站点中新建一个文件夹,新建的文件夹名称默认为untitled,如图1-54所示。直接将新建的文件夹重新命名为“第6章”,如图1-55所示。
![](https://epubservercos.yuewen.com/C9E84F/11261880303079006/epubprivate/OEBPS/Images/figure_0037_0003.jpg?sign=1738858364-vXSB1C77FnNHqVv4EzAIHFFzavsNc6vX-0-0460086e5055bcb72fab26b48779ecba)
图1-54 新建文件夹
![](https://epubservercos.yuewen.com/C9E84F/11261880303079006/epubprivate/OEBPS/Images/figure_0037_0004.jpg?sign=1738858364-EYZReiYabHDmnopsUnwyF3U34TX8pOmE-0-b752462545284a328d875b2bad5cb6bc)
图1-55 重命名文件夹
03 在“第6章”文件夹上单击鼠标右键,在弹出菜单中选择“新建文件”选项,如图1-56所示。即可在站点中新建一个网页文件,新建的文件名称默认为untitled.html,如图1-57所示。直接将新建的文件重新命名index. html,如图1-58所示。
![](https://epubservercos.yuewen.com/C9E84F/11261880303079006/epubprivate/OEBPS/Images/figure_0037_0005.jpg?sign=1738858364-XYUfWdUb1AstLDD4ABEfvN4Zz1txAWHQ-0-2b90b0244fdcfcdc00bf8e8bd84cf2c2)
图1-56 选择“新建文件”选项
![](https://epubservercos.yuewen.com/C9E84F/11261880303079006/epubprivate/OEBPS/Images/figure_0037_0006.jpg?sign=1738858364-blCpMQBBsiXpQMCAc3m5zVhh0KTZBxJV-0-b6e2ff884d1f6d3ca6ca8117628afe54)
图1-57 新建文件
![](https://epubservercos.yuewen.com/C9E84F/11261880303079006/epubprivate/OEBPS/Images/figure_0037_0007.jpg?sign=1738858364-fWN6I4CEvVnXx39kmwsekUeQkOHK8lxp-0-ea5d2ab7a678b4649830f8872d7d6de8)
图1-58 重命名新建文件
提示
在“文件”面板中新建页面,需在某个文件夹上单击鼠标右键,在弹出菜单中选择“新建文件”选项,则新建出的页面就位于该文件夹中。如果在站点的根目录上单击鼠标右键,在弹出菜单中选择“新建文件”选项,则新建的页面就位于站点的根目录中。
Q 除了可以在“文件”面板中为站点创建文件夹,还有其他方法吗?
A 在站点中创建文件夹,除了可以通过“文件”面板创建外,还可以直接在本地站点所在的文件夹中,使用Windows中创建文件夹的方法新建一个文件夹。
Q 为站点中的文件夹命名时需要注意什么?
A 站点中的文件夹名称要尽量具有明确的含义,或者是采用通用的名称,例如,images或pic文件夹用于存放网站中的图像,style文件夹用于存放网站中的CSS样式表文件,js文件夹用于存放网站中的JavaScript文件等。