Dreamweaver站点中新建文件夹和修改/删除/移动文件的操作方法

所属分类: 网页制作 / Dreamweaver 阅读数: 1016
收藏 0 赞 0 分享
Dreamweaver站点中如何新建文件夹和修改、删除、移动文件

1、在如下图中呢是我们的dreamweaver中的一个站点“今日心事

2、首先呢我们来说,在dreamweaver站点中如何新建文件夹和文件的移动,点击站点面板右侧“今日心事”文件夹或其下任意一个网页文件,店家文件/新建文件夹,如下图中所示内容。

3、随后就会建立一个新的文件夹,如下图中的一个文件夹

4、这里呢我们对其名字进行改写,该为web 如下中所示一样(这里直接在文件夹的内容上输入web之后呢,按enter键即可)

5、用同样的方式我们在进行创建另外一个文件夹,名字为image

6、创建站点文件夹完毕,如下图中内容所示,我们创建了web和image两个站点文件夹

7、同时呢,这里我们还可以在已将创建的站点文件夹内部再进行添加一个新的文件夹,先点击image文件夹然后右击选择新建文件夹即可

8、以上就是如何在站点中创建文件夹,下面所讲述的是,在dreamweaver站点中如何移动文件,如下中所示,我们选择我们的爱是什么.html,然后用鼠标拖拽至新建的一个子目录下如下所示

9、在弹出的如下框体中,我们选择更新

10、这样我们就将文件拖拽到子目录底部了

11、用同样的方式我们将这个文件还原到根目录地下

12、同样这里我们选择更新,之后进行查看

13、这样我们就将文件移动到dreamweaver站点的根目录地下了

14、随后我们在讲述一下如何对站点中文件的删除和修改,如下图中,在文件上右击选择“编辑/删除”或者直接按键盘上的delete建即可进行站点文件的删除

15、随后进行文件的编辑

16、同样的方式,这里我们在文件上右击选择里面的“编辑/重命名”命令或者直接选中之后呢,在按键盘上的F2 就可以进行名字的编辑了

17、这里我们重命名为“爱是懂得.html

相关推荐:

Dreamweaver代码提示功能怎么开启?

利用DreamweaverCS5制作一个含有动态标题的教程

dw模板怎么制作?Dreamweaver制作网页模板的详细教程

更多精彩内容其他人还在看

Dreamweaver2018怎么设计下拉列表选项?

Dreamweaver2018怎么设计下拉列表选项?Dreamweaver中想要使用列表功能制作一个下拉列表,该怎么制作一个选择国家的列表呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么调试Apache项目?

Dreamweaver怎么调试Apache项目?Dreamweaver想要和apache一起处理一个项目,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver怎么制作卷帘渐隐效果的广告?

dreamweaver怎么制作卷帘渐隐效果的广告?dreamweaver中想要制作一个广告效果,该怎么制作卷帘渐隐效果的广告呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver安装emmet插件的图文教程

Dreamweaver中想要安装emmet插件,该怎么安装这个插件呢?下面我们就来看看Dreamweaver安装emmet的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver CS3网页制作之布局实例

上一篇文章介绍了Dreamweaver CS3网页制作之CSS布局规则 一、CSS规则定义之“类型” 类型主要针对文本属性进行定义。理解“编辑字体列表”和“行高”。 二、CSS规则定义之“
收藏 0 赞 0 分享

Dreamweaver CS4界面新增功能介绍

  Dreamweaver CS4界面和功能都做了很大的改变,下面就让我们跟随作者去看看DW CS4在界面上究竟新增了哪些功能。接下来还网页教学网会陆续为大家带来关于DW CS4的一些设计、代码方面的体验,希望大家能喜欢! 相关文章:Dreamweaver CS4 首次新功
收藏 0 赞 0 分享

Dreamweaver CS3网页制作之CSS布局规则

CSS文件的链接方式 ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中 CSS规则定义有三种: 1)类比如“.RedText”、“.BlueText”和
收藏 0 赞 0 分享

Dreamweaver CS4 首次新功能试用

此前piscdong已经做过一次评测了,这次的Beta正式推出,我也来参与一下.当回小白鼠吧. 新的界面设计非常让人兴奋 页面内链接进来的css和js文件都可以在这里选择并进入编辑. 代码检查(Code Inspector)功能可以让你非常方便的在设计视
收藏 0 赞 0 分享

Dreamweaver网页制作技巧

  本文汇集了一些Dreamweaver制作网页时的可以用的一些小技巧。希望对您有所帮助。   1)怎样将 Dreamweaver 集成到 IE 浏览器?   Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver &r
收藏 0 赞 0 分享

Dreamweaver CS3中Spry详细区域功能

Dreamweaver CS3中集成了Spry功能我们都知道,Spry具有对XML数据处理的功能我们也见识过,不过对于Spry的详细区域功能似乎很少见。 Spry详细区域有点类似于新闻系统中的新闻列表页和主详细页的功能。比如我们看新闻时,其中有一个页面只会显示所有新闻的标题,当对
收藏 0 赞 0 分享
查看更多