12.3.2 Dreamweaver 8的工作环境
Dreamweaver 8延续了Dreamweaver MX 2004的做法,将菜单栏、工具栏、编辑窗口和重要面板集成在一起,这样不仅方便了用户的操作,也有效降低了对资源的占用。下面简单介绍一下Dreamweaver 8的工作环境。
1.标题栏
显示网页的标题和文件名称。如果正在编辑的网页文件中包含未被保存的修改,则标题栏中还将在括号中显示“文件名.*”。
2.菜单栏
将 Dreamweaver 8中的各种操作命令分门别类依次编入到文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助菜单组之中,用鼠标单击它们会打开下拉菜单,其中包含该组中相关的操作命令。
3.文档工具栏
为方便用户使用而将文档编辑工作中常用的菜单命令项做成图标集。从左到右依次为显示代码视图、显示代码和设计视图、显示设计视图、网页文档标题、浏览器错误检查设置、文件管理等,如图 12-7 所示。
图12-7 Dreamweaver 8主界面
4.标签检查器
显示正在编辑的 HTML 标签,单击这些标签,可以在文档窗口显示它的内容。如单击<body>标签可选择文档的全部正文。
5.插入面板
包含一些用于创建或者插入不同类型对象(如图像、表格和层等)的工具。插入面板有两种显示形式,菜单形式和制表符形式,默认以菜单形式显示,如图12-8所示。
图12-8 菜单形式的“插入”面板
6.属性检查器
用于查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性。通过对属性值的修改,可以改变相应对象的属性,我们会经常跟这个面板打交道的,如图12-9所示。
图12-9 属性检查器
7.网页编辑区
中间的空白区域为网页的编辑工作区域,我们将在这张空白的“纸”上进行丰富的网页创作。
8.浮动面板组
是分组在某个标题下面的相关面板的集合。主要包括“设计”面板、“代码”面板、“应用程序”面板、“标签检查器”面板和“文件”面板等。如图12-10所示,每个面板都由很多小的项目组成,后面将进行详细的解说。这些面板在功能上相辅相成、结合紧密,如图12-11~图12-15所示为面板组中的各种面板。若要展开一个面板组,请单击组名称左侧的展开箭头;若要取消停靠一个面板组,请拖动该组标题条左边缘的手柄。
图12-10 浮动面板组
图12-11 “CSS”面板
图12-12 “代码片断”面板
图12-13 “应用程序”面板
图12-14 “标签检查器”面板
图12-15 “文件”面板
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。