第3章 DreamweaverCs3的基础知

第3章 DreamweaverCs3的基础知识

章节重点DreamweaverCs3的界面介绍。

3.1 Dreamweaver Cs3 简介 Dreamweaver Cs3是Adobe公司最新推出 的网页制作软件，用于对网站、网页和 Web应用程序进行设计、编码和开发，广 泛用于网页制作和网站管理。1.网页制作

Dreamweaver Cs3为开发各种网页和网页文档提 供了灵活的环境，除了可以制作传统的HTML静 态网页外，还可以使用ASP、PHP或JSP技术， 创建基于数据库的交互式动态网页。

2. 站点管理 Dreamweaver Cs3既是一个网页制作软件， 也是一个站点创建与管理工具，使用它不 仅可以制作单独的网页文档。还可以创建 并管理完整的基于Dreamweaver 软件开发 平台的Web站点。它提供了合理组织和管 理所有与站点相关文档的方法，通过 Dreamweaver Cs3 提供的工具，可以将站 点上传到Web服务器上，并且可以自动跟 踪和维护网页链接，管理和共享网页文件。

3.2 Dreamweaver Cs3 的工作界面 DreamweaverCs3的工作界面秉承了 Dreamweaver系列产品一贯的简洁、高效 和易用性，大多数系统功能都能在工作界 面中很方便地找到。它的工作区界面主要 由“文档”窗口、“文档”工具栏、菜单 栏、插入栏、面板组和“属性”面板组成。

1.菜单栏菜单栏提供了用于各种操作的标准菜单命令，它 由“文件”、“编辑”、“查看”、“插入记 录”、“修改”、 “文本”、“命令”、“站点”、“窗口”和 “帮助”10个菜单命令组成。 “文件”:用于文件操作的标准菜单选项，如 “新 建”、“打开” 和 “保存” 等。 “编辑”:用于基本编辑操作的标准菜单选项， 如 “剪切”、“复制” 和 “粘贴” 等。

“查看”:用于查看文件的各种视图，如设 计视图、代码视图等。 “插入记录”:用于将各种对象插入到页 面中的各种菜单选项，如表格、图像、表 单等。 “修改”:用于编辑标签、表格、库和模 板的标准菜单选项。 “文本”:用于文本设置的各种标签菜单 选项。 “命令”:用于各种命令访问菜单选项。

“站点”:用于站点编辑和管理的各种标准 菜单选项。 “窗口”:用于打开或关闭各种面板、检 查器的标准菜单选项。 “帮助”:用于使读者了解并使用 Dremweaver Cs3的软件和相关网站链接菜 单选项。

2.插入栏 选择插入工具栏中相应的命令，可以向网 页中添加文字、图像、表格、按钮、导航 以及程序等各种设计元素。根据元素不同， “插入” 工具栏由 “常用”、“布局”、 “表单” “数据”、spry、“文本” 和 “收藏夹” 组成。 “常用” :包括网页中最长用的元素对象， 例如插入超链接、插入表格

、插入时间日 期等。

“文本”:用于对文本对象进行编辑。 “收藏夹”:可以将常用的按钮添加到 “收藏夹” 工具栏中，方便以后使用。 3.文档工具栏 “文档”工具栏中主要包含了一些对文档进 行常用操作的功能按钮，用户通过单击这 些按钮可以在文档的不同视图模式间进行 快速切换。 “文档”工具栏上个选项具体作用如下。

“代码”:在文档窗口中显示HTML源代码 视图。 “拆分”:在文档窗口中同时显示HTML源 代码和设计视图。 “设计”:系统默认的文档窗口视图模式， 显示设计视图。 “标题”文本框：可以输入要在网页浏览 器中显示的文档标题。

“文件管理”按钮：当很多用户同时操作一个网页 时，使用该按钮进行打开文件、导出和设计附注 等操作。 “浏览器中预览/调试”按钮：该按钮通过指定浏 览器预览网页文档。 “刷新设计视图”按钮：在代码视图中修改过网 页内容后，可以使用该按钮刷新文档窗口。 “视图选项”按钮：在文档窗口中显示例如文件 头部内容、网络、标志和辅助线等视图选项。

“可视化助理”按钮：在文档窗口中显示各 种可视化助理。 “验证标记”按钮：演这个当前文档或选 定的标签。 “检查浏览器兼容性”按钮：检查所设计 的页面对不同类型的浏览器的兼容性。 4.“文档”窗口 “文档”窗口是DreamweaverCs3进行可 视化编辑网页的主要区域，可以显示当前 文档

的所有操作效果，例如插入文本、图像、 动画等。 5.“属性”面板使用“属性” 面板，可以查看并编辑 页面上文本或对象的属性。更改属性通常 与在“代码”视图中更改相应的视图具有 相同的效果。

6.状态栏 状态栏位于文档窗口的底部， 它的作用是显示用户正在编辑文档 的相关信息。例如窗口大小、文档 大小和估计下载瞬息间等。

手形工具：用户可以单击该工具按钮，在 文档窗口中以拖拽方式查看文档内容。单 击手形选取工具可以禁用手形工具。 缩放工具和 “文档窗口” 缩放比例下拉菜 单：用于设置当前文档内容的显示比例。 “文档窗口”大小下拉菜单：用于设置当 前文档窗口的大小比例。

7.面板组 为使设计界面更加简洁，同时也为了获 得更大的操作空间，DreamweaverCs3中 类型相同或功能相近的面板分别被组织到 不同的面板下面，然后这些面板被组织在 一起，构成面板组。 默认的面板有“CSS”、“应用程序”、 “标签检查器”和“文件”。

上机实例讲解1.文本的直接输入以及文本格式的设置。 2.加入注释文字。 为代码添加注释文字可以使阅读程

序人员 清楚代 码的作用，也帮助编程人员下次解读程序。 注释内容不会在网页中显示出来，只是作为代码 的一种解释内容方便理解程序。 3.Word或execl文档的导入。 4.图片的插入及属性设置。 5.图像的裁剪。