2.1 Dreamweaver CS5操作环境

Dreamweaver CS5是Dreamweaver CS4的升级版本,较前一版本在界面和功能上,都有较大幅度的改进,尤其是在编辑窗口方面有了很大的改变,下面就来认识它的工作界面。

2.1.1 菜单栏

标题栏下方显示的是菜单栏,它包括“文件”、“编辑”、“查看”、“插入”、“修改”、“格式”、“命令”、“站点”、“窗口”和“帮助”10个菜单项,如图2-1所示。

图2-1 菜单栏

➢ 文件:用来管理文件,包括创建与保存、导入与导出、预览与打印文件等。

➢ 编辑:用来编辑文本,包括撤销与恢复、复制与粘贴、查找与替换、首选参数设置与快捷键设置等。

➢ 查看:用来查看对象,包括代码的查看、网格线与标尺的显示、面板的隐藏及工具栏的显示等。

➢ 插入:用来插入网页元素,包括插入图像、多媒体、AP Div、框架、表格、表单、电子邮件链接、日期、特殊字符及标签等。

➢ 修改:用来实现对页面元素修改的功能,包括页面元素、面板、快速标签编辑器、链接、表格、框架、导航条、对象的对齐方式、层与表格的转换、模板、库及时间轴等。

➢ 格式:用来对文本进行操作,包括字体、字形、字号、字体颜色、HTML/CSS样式、段落格式化、扩展、缩进、列表、文本的对齐方式和检查拼写等。

➢ 命令:收集了所有的附加命令项,包括应用记录、编辑命令清单、获得更多命令、插件管理器、应用源代码格式、清除HTML/Word HTML、设置配色方案、格式化表格、表格排序等。

➢ 站点:用来创建与管理站点,包括站点显示方式;新建、打开与自定义站点;上传与下载;登记与验证;查看链接;查找本地/远程站点等。

➢ 窗口:用来打开与切换所有的面板和窗口,包括插入栏、属性面板、站点窗口、CSS面板等。➢ 帮助:内含Dreamweaver联机帮助、注册服务、技术支持中心和Dreamweaver的版本说明。

2.1.2 属性面板

属性面板显示了文档窗口中选中的元素的属性,并允许用户在属性面板中对元素属性直接进行修改,选中的元素不同,属性面板中的内容就不同。

在属性面板右下角有一个倒三角形标记,单击该标记,可以展开属性面板,显示更多的属性设置内容。当展开属性面板时,右下角的倒三角标记变为正三角标记,单击该标记,又可以重新折叠属性面板,恢复原先的样式,如图2-2和图2-3所示。

图2-2 展开的属性面板

图2-3 折叠后的属性面板

2.1.3 插入栏

插入栏包含用于创建和插入对象的按钮。当将鼠标移到一个按钮上时,会出现一提示信息,其中包括该按钮的名称,单击该按钮即可插入相应的元素,如图2-4所示。

图2-4 插入栏

2.1.4 浮动面板

Dreamweaver中的面板被组织到面板组中,每个面板组都可以展开或折叠,并且可以和其他面板组停靠在一起或取消停靠。面板组还可以停靠到集成的应用程序窗口中,这使得用户能够很容易地访问所需的面板,如图2-5所示。

图2-5 面板组