- Dreamweaver+Photoshop+Flash+Fireworks网站建设与网页设计完全实用
- 郭娜等编著
- 1059字
- 2020-08-26 20:34:04
2.2 Dreamweaver CS5的工作界面
Dreamweaver CS5的工作界面主要由菜单栏、文档窗口、“属性”面板、插入栏及多个浮动面板组成,如图2-1所示。
图2-1 Dreamweaver CS5的工作界面
2.2.1 菜单栏
菜单栏共包含文件、编辑、查看、插入、修改、格式、命令、站点、窗口和帮助10个菜单,如图2-2所示。下面逐一介绍每个菜单的功能。
图2-2 菜单栏
文件:用来管理文件,包括创建和保存文件、导入与导出文件、预览和打印文件等。
编辑:用来编辑文本,包括撤销与重做、复制与粘贴、查找与替换、首选参数设置和快捷键设置等。
查看:用来查看对象,包括代码的查看、网格线与标尺的显示、面板的隐藏和工具栏的显示等。
插入:用来插入网页元素,包括插入图像、多媒体、层、框架、表格、表单、电子邮件链接、日期、特殊字符和标签等。
修改:用来实现对页面元素修改的功能,包括页面属性、快速标签编辑器、链接、表格、框架、导航条、排列顺序、转换、模板、库和时间轴等。
格式:用来对文本进行操作,包括字体、大小、颜色、CSS样式、段落格式、缩进、凸出、列表、对齐和检查拼写等。
命令:收集了所有的附加命令项,包括播放录制命令、编辑命令列表、获取更多命令、扩展管理、套用源格式、清理XHTML/Word生成的HTML、创建网站相册、格式化表格和表格排序等。
站点:用于创建与管理站点,包括管理站点、新建站点、获取、取出、上传、显示取出者和改变站点范围的链接等。
窗口:用于打开与切换所有的面板和窗口,包括插入栏、属性面板、站点窗口和CSS样式面板等。
帮助:内含Dreamweaver帮助、联机注册、Dreamweaver支持中心和关于Dreamweaver等。
2.2.2 插入栏
插入栏包含用于创建和插入对象的按钮。当鼠标移到一个按钮上时,会出现一个工具提示,其中含有该按钮的名称。这些按钮被组织到几个类别中,可以在插入栏的左侧切换它们。如果当前文档包含服务器代码时,还会显示其他类别。当启动Dreamweaver时,系统会打开上次使用的类别,如图2-3所示。
图2-3 插入栏
2.2.3 浮动面板
Dreamweaver CS5中的面板统称为浮动面板,这主要是根据面板的特征命名的。这些面板都浮动于编辑窗口之外。在初次使用Dreamweaver的时候,这些面板根据功能被分成了若干组,如图2-4所示。
图2-4 浮动面板
2.2.4 “属性”面板
“属性”面板位于文档窗口的下方,用来设置页面上正被编辑内容的属性。可以通过执行“窗口”|“属性”命令或者按“Ctrl+F3”组合键打开或关闭“属性”面板。根据当前选定内容的不同,“属性”面板中所显示的属性也会不同,“属性”面板中的内容会随着当前页面中选定的元素发生变化。文本“属性”面板如图2-5所示。
图2-5 文本“属性”面板
2.2.5 文档窗口
文档窗口显示当前创建和编辑的文档,如图2-6所示。可以在代码视图、拆分视图和设计视图中分别查看文档。
图2-6 文档窗口