16.1 Dreamweaver的基本操作界面

Dreamweaver的操作界面主要由标题栏、菜单栏、文档窗口、属性面板、插入栏以及浮动面板组成,如图16.1所示。

image363_1

图16.1 Dreamweaver的操作界面

image01 菜单栏:在标题栏的下方,包括【文件】、【编辑】、【查看】、【插入】、【修改】、【文本】、【命令】、【站点】、【窗口】和【帮助】10个菜单项。

image01 文档工具栏:包括了控制文档窗口视图的按钮和一些比较常用的弹出菜单,用户可以通过【代码】、【拆分】、【设计】和【实时代码】4个按钮使工作区在不同的视图模式之间进行切换。

image01 文档窗口:文档窗口也称文档编辑区。在设计视图中,文档窗口中显示的文档近似于在浏览器中显示的效果;在代码视图中,显示当前所创建和编辑的HTML文档内容;在拆分视图中,同时满足了上述两种不同的设计要求。

image01 属性面板主要用于查看和更改所选对象的各种属性,每种对象都具有不同的属性。在【属性】面板包括两种选项,一种是【HTML】选项,将默认显示文本的格式、样式和对齐方式等属性。单击【属性】面板中的【CSS】选项,可以在【CSS】选项中设置各种属性。

image01 面板组:在Dreamweaver工作界面的右侧排列着一些浮动面板,这些面板集中了网页编辑和站点管理过程中最常用的一些工具按钮。这些面板被集合到面板组中,每个面板组都可以展开或折叠,并且可以和其他面板停靠在一起或取消停靠。面板组还可以停靠到集成的应用程序窗口中。这样就能够很容易地访问所需的面板,而不会使工作区变得混乱。