Dreamweaver 8 学习笔记

Dreamweaver 8 是用于网页制作和网站管理的软件，它与Flash和Firework一起有“网页三剑客”之称。Dreamweaver是一种“所见即所得”和源代码完美结合的网页编辑器。它操作简单、可进行站点的管理，支持DHTML和CSS。

 

一、 Dreamweaver工作区简介

1. Dreamweaver欢迎界面。欢迎界面如下图所示：

 

点击【创建新项目】中的【HTML】，可以创建一个HTML文件，并进入工作区。由下图可以看出，Dreamweaver的工作区包括了菜单栏，工具栏和文档窗口。

 

 

 

文档窗口：

 

文档窗口用来显示和编辑当前的文档页面。文档标题栏可以修改网页的标题。

 

1. 标尺

 

（1）显示标尺：单击 查看-》标尺-》显示 勾选则显示标尺，标尺的子菜单下的“像素”、“英寸”和“厘米”命令

 

 

（2）重设原点

 

用鼠标拖动标尺左上角处的小正文形，此时鼠标指针呈十字线状。拖动鼠标到文档的合适位置释放鼠标，即可以改变原点的位置，如果想要还原，可以点击查看-》标尺-》“重设原点”命令。

 

2. 网格

 

（1）显示和隐藏网格线：单击 查看-》网格设置 - 》 显示网格的菜单命令，可在显示和隐藏网格之间切换。显示网格后的结果如下图所示：

 

 

（3）靠齐功能

 

3. 状态栏

 

状态栏位于文档窗口的底部，如下图所示：

 

 

 （1）HTML选择器：HTML在状态栏的最左边，它以显示HTML标记的方式来表示光标当前位置处的网页对象信息。如果光标所在的位置有多种信息，则可显示出多个标记。

（2）选取工具：用来选取文档窗口中的对象。

（3）手形工具：用来手动

（4）缩放工具：增加或缩小文档，按Alt减少

（5）设置缩放比例：设置缩放比例

（6）窗口大小：设置窗口大小

（7）文件大小/下载时间：文件大小/下载时间

4. 文档窗口的三种视图

 

（1）设计视图：可见即可得的视图

（2）代码视图：显示源代码的视图

（3）代码和设计视图：两者混合

 

四、插入栏

 

五、面板

1. 面板的折叠/展开和位置调整

（1） 面板的折叠/展开：Dreamweaver 8 有很多功能强大的面板。单击面板中的标签，可以切换到相应的面板；

 

（2） 面板的位置调整：拖动面板的标题栏 ，可以移动面板。

 

2. 面板的打开和关闭

 

 

 

 建立本地站点：

 

建立本地站点就是将本地磁盘中的一个文件夹定义为站点，然后将所有文档都存放在该文件夹中，以便于管理。建立本地站点的方法如下：

 

（1）选择站点菜单->新建站点

 

在里面填入站点的名称，和地址（地址一般测试用本地地址），然后点击下一步。

 

 

 （2）选择在使用的语言：

 

（4）这里不知道有什么用，但选择同一个文件夹就行了。

 

 

（5）又要填站点，所以继续填

 

（6）还有一步，填否：

 

（7）最后点击完成，完成站点的建立：

 

 

（8）完成后，如下图所示：