7天精通Dreamweaver CS5网页设计与制作
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.6.1 菜单栏

Dreamweaver CS5的菜单栏包括文件、编辑、查看、插入、修改、格式、命令、站点、窗口和帮助菜单,并且在右侧还增加了布局、扩展、站点和设计器4个图标按钮,如图1-11所示。

图1-11 菜单栏

1.“文件”菜单

“文件”菜单包括文件操作的标准菜单项,用于查看当前文档或对当前文档进行相关操作,如图1-12所示。

图1-12 “文件”菜单

● 在Bridge中浏览:在Bridge中管理、浏览、定位和查看创作资源。

● 在框架中打开:在使用了框架的页面中打开网页。

● 另存为模板:把当前文件保存为模板,以便于用户在制作大量网页时直接从模板中调用内容。

● 转换:将文件格式转换为HTML、XHTML、XSLT等文档。

● 检查页:检查页面浏览器的兼容性、辅助功能和链接。

● 验证:包括标记或作为XML。

● 与远程服务器比较:和远程服务器文件比较,确认最新的文件版本。

● 设计备注:为HTML文档加入备注。

2.“编辑”菜单

“编辑”菜单包括基本编辑操作的标准菜单项,以及选择和搜索命令,并且提供了对键盘快捷方式编辑器和标签库编辑器的访问,允许用户对Dreamweaver CS5菜单中的“首选参数”进行访问,如图1-13所示。

图1-13 “编辑”菜单

·选择父标签:选择当前HTML标记的父标记所包含的内容。

·选择子标签:选择当前HTML标记的子标记所包含的内容。

·转到行:设置需要跳转到源代码的行数。

·显示代码提示:编辑代码时显示提示的标签或属性。

·代码提示工具:包括颜色选择器、URL选择器和字体列表。

·缩进代码:在当前代码行使源代码缩进。

·凸出代码:在当前代码行使源代码还原缩进。

·平衡大括弧:检验圆括弧、大括弧、方括弧是否对称。

·重复项:选择代码中重复的项目。

·代码折叠:选择或标记保留组织结构来隐藏或展开代码块。

·标签库:所有标签的集合。

·首选参数:设定首选参数。

3.“查看”菜单

通过“查看”菜单可以查看文档的各种视图,并且可以显示或隐藏不同页面元素及Dreamweaver CS5工具,如图1-14所示。

图1-14 “查看”菜单

·拆分代码:通过滚动同时对文档的不同部分进行操作。

·代码和设计:同时显示代码和设计窗口。

·垂直拆分:将代码和设计窗口进行垂直拆分。

·左侧的设计视图:将设计视图在顶部显示。

·实时视图:在真实的浏览器环境中设计网页,并且可以直接访问代码。

·实时代码:显示浏览器用于执行该页面的实际代码。

·插件:控制文档中插件的播放。

·隐藏面板:隐藏或显示浮动面板。

·工具栏:显示或隐藏样式呈现、文档、标准和浏览器导航。

·相关文件:单击相关文件即可在“代码”视图中查看其源代码,在“设计”视图中查看其父页面。

·代码浏览器:用于查看当前网页代码的相关属性。

·显示Spry工具提示:显示或隐藏Spry工具提示。

4.“插入”菜单

“插入”菜单提供了插入栏的替代项,以便将页面元素插入到网页中,如图1-15所示。

图1-15 “插入”菜单

·标签:插入标签。

·图像对象:插入图像对象。

·表格对象:插入各种表格对象。

·表单:插入不同种类的表单。

·超级链接:插入页面的超链接。

·电子邮件链接:插入电子邮件链接。

·命名锚记:插入锚点链接。

·服务器端包括:插入SSI服务器端包含的文件。

·HTML:插入代码的相关对象。

·模板对象:插入模板对象。

·最近的代码片断:插入最近使用过的代码片断。

·Spry:Spry框架是一个JavaScript库,可以为用户提供丰富体验的Web页。

·数据对象:性质相同的数据元素的集合。

5.“修改”菜单

“修改”菜单用于更改选定页面元素的属性,通过该菜单,用户可以编辑标签属性,以更改表格和表格元素,并且为库和模板执行不同的操作,如图1-16所示。

图1-16 “修改”菜单

·页面属性:设置当前文档的属性。

·编辑标签:编辑标签的属性。

·创建链接:建立或改变链接。

·链接目标:选择链接的目标框架名。

·框架集:编辑无框架内容或拆分框架。

·转换:实现表格和AP Div的转换。

·库:实现创建新库、更新当前页、更新页面等功能。

·模板:建立固定的页面模板,以便在以后创建页面时可以反复调用,从而提高工作效率。

6.“格式”菜单

“格式”菜单用于设置文本格式,如图1-17所示。

图1-17 “格式”菜单

·缩进:页面左右同时缩进。

·凸出:缩进的逆操作。

·段落格式:设置段落及标题格式。

·列表:包括项目列表、编号列表和定义列表等。

·CSS样式:如果曾经定义过CSS样式表,则显示定义过的标识符。

7.“命令”菜单

“命令”菜单提供了对各种命令的访问,包括根据格式参数的选择来设置代码格式、创建相册及优化图像等命令,如图1-18所示。

图1-18 “命令”菜单

·编辑命令列表:选择此命令后,可以在弹出的对话框中编辑命令。

·扩展管理:运行插件管理器。

·清理Word生成的HTML:删除Word生成的HTML垃圾代码。

8.“窗口”菜单

“窗口”菜单提供了对Dreamweaver CS5中所有面板、检查器和窗口的访问,如图1-19所示。

图1-19 “窗口”菜单

·标签检查器:用于打开浮动面板组中的“标签检查器”。

·代码检查器:用于打开浮动面板组中的“代码检查器”。

·结果:包含搜索、验证、参考等命令。

·工作区布局:包含经典、编码器、设计器等工作区环境。

·层叠:将打开的网页层叠摆放。