第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计 的领先支持到手工编码功能Dreamweaver提供了专业 人员在一个集成、高效的环境中所需的工具。开发人 员可以使用Dreamweaver 及所选择的服务器技术来创 建功能强大的Internet应用程序,从而使用户能连接 到数据库、Web服务和旧式系统。
2.1 Dreamweaver CS4简介 Adobe Dreamweaver CS4是一款专业的 HTML 编辑 软件,用于对Web站点、Web页和Web应用程序进行 设计、编码和开发。无论是喜欢直接编写HTML代码 还是偏爱在可视化编辑环境中工作,Dreamweaver 都会提供众多工具,丰富用户的Web创作体验。 利用Dreamweaver中的可视化编辑功能,可以快速 地创建页面而无需编写任何代码。不过,如果您更 喜欢用手工直接编码,Dreamweaver 还包括许多与 编码相关的工具和功能。并且,借助 Dreamweaver, 还可以使用服务器语言(例如 ASP、ASP.NET、JSP 和 PHP)生成支持动态数据库的Web应用程序。
2.2 Dreamweaver CS4的工作界面 Dreamweaver CS4的工作界面与Dreamweaver 以前 版本有所差别,主要由菜单栏、文档工具栏、编辑 区、状态栏、属性检查器、面板组等部分组成,而 插入栏则整合在面板组中,如图2.1所示。
2.2.1 菜单栏 菜单栏主要包括“文件”、“编辑”、“查看”、 “插入”、“修改”、“格式”、“命令”、“站 点”、“窗口”、“帮助”等菜单。单击菜单栏中 的命令,在弹出的下拉菜单中选择要执行的命令, 如图2.2所示。
2.2.2 插入栏 “插入”工具栏在之前的版本均在菜单栏下方,CS4版本将其整合在 右部面板组中,使用起来更为灵活方便,插入栏按以下的类别进行组 织: “常用”类别可以创建和插入最常用的对象,例如图像和Flash等。 “布局”类别主要用于网页布局,可以插入表格、div 标签、层和框 架。 “表单”类别包含用于创建表单和插入表单元素的按钮。 “数据”类别可以插入Spry数据对象和其它动态元素,例如记录集、 重复区域、显示区域以及插入记录和更新记录等。 “Spry”类别包含一些用于构建 Spry 页面的按钮,例如Spry文本域、 Spry菜单栏等。 “文本”类别可以插入各种文本格式设置标签和列表格式设置标签。 “收藏夹”类别可以将“插入”栏中最常用的按钮分组和组织到某一 常用位置。
2.2.3 文档工具栏 文档工具栏中包含一些按钮可以在文档的不同视图 间快速切换,例如:“代码”视图、“设计”视图、 同时显示“代码”和“设计”视图的拆分视图。文 档工具栏中还包含一些与查看文档、在本地和远程 站点间传输文档有关的常用命令和选项,如:“在 浏览器中预览/调试”、“文件管理”、“验证标 记”、“检查浏览器兼容性”等。 注意:单击“查看”|“工具栏”|“文档”命令菜 单,就会在Dreamweaver CS4中显示文档工具栏。 若去掉“文档”选项前的对勾,就可以隐藏文档工 具栏。
2.2.4 状态栏 状态栏提供与您正创建的文档有关的其它信息。其 中“标签选择器”显示环绕当前选定内容的标签的 层次结构。单击该层次结构中的任何标签以选择该 标签及其全部内容。比如:单击 <body> 可以选择 文档的整个正文。“缩放工具”可以设置当前页面 的缩放比率。“窗口大小”用来将“文档”窗口的 大小调整到预定义或自定义的尺寸。状态栏最右侧 显示当前页面的文档大小和估计下载时间。
2.2.5 面板组 Dreamweaver CS4将各种工具面板集成到面板组中, 包括插入面板、行为面板、框架面板、文件面板、 CSS样式面板、历史面板等。用户可以根据自己的需 要,选择隐藏和显示面板。单击菜单栏“窗口”命令, 在下拉菜单中选择“历史记录”,将展开历史面板, 如图2.3所示。
2.4 一个简单的网页实例 本例将利用Dreamweaver制作一个简单的网页,来熟 悉Dreamweaver的工作界面和工作流程。具体操作步 骤如下: