使用Dreamweaver如何新建站点文件夹
首先先给小白先生科普一下:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。今天我们要做的就是从最基础的新建站点做起。
操作方法
- 01
首先我们要新建好等下要使用的站点文件夹,大文件夹用你的站点主题命名,子文件夹分别有:css文件夹(存放站点css【样式】文件的文件夹)、images文件夹(存放站点图片文件的文件夹)、js文件夹(存放站点js【网页特效】文件的文件夹),除了这三个重要的,其他还有flash文件夹等,基本你的站点包括哪些文件类型就要新建相应的文件夹,如果你的站点没有js特效那就相应不用新建js文件夹
- 02
新建好文件夹后打开Dreamweaver,我的是CS5版本的,界面介绍如图所示
- 03
在菜单内找到站点选项,点击:站点> 新建站点
- 04
设置站点名称和文件夹,文件夹即我们刚刚新建的文件夹,选择有站点名字的文件夹确认即可
- 05
新建好后在文件功能菜单中空白处右键选择 新建文件
- 06
将该文件命名为 index.html,到此我们的站点主页文件就出来啦,双击index文件便可打开编辑界面了
- 07
如果把index比作人的身体,那么css文件就相当于人的衣服,因为css是规定网页样式外观的规则,如果没有css那么整个网页就只有干巴巴的文字,下面我们开始新建css文件
- 08
找到css样式功能面板(找不到可在菜单》窗口中打开),右键空白区域,选择 新建,打开新建css规则窗口
- 09
第二部另存css文件,选中css文件夹,保存文件名为style(文件名不一定要这个,易于识别就好),确定后会弹出style的body规则定义,我们可以在这里定义网页的外观
- 10
至此我们就已经完成了一个站点文件夹的新建啦,后面的就是站点编辑的事情了,大家可以多学习一下,掌握一定的美工技能就能做出好看又实用的网站了~