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)完成后,如下图所示: