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