项目2Dreamweavercs3基础综述.ppt

一、Dreamweaver cs3基础 本章要点： Dreamweaver cs3的工作环境 使用帮助系统 3.1 Dreamweaver cs3简介 Macromedia Dreamweaver cs3 是当前功能最强大、使用最广泛的专业网页设计软件，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。 利用 Dreamweaver 中的可视化编辑功能，用户可以快速地创建页面而无需编写任何代码。用户可以查看所有站点元素或资源，并将它们从易于使用的面板直接拖到文档中。用户可以在 Macromedia Fireworks 或其他图形应用程序中创建和编辑图像，然后将它们直接导入 Dreamweaver，或者添加 Macromedia Flash 对象，从而优化用户的开发工作流程。 Dreamweaver 还提供了功能全面的编码环境。 Dreamweaver 还使用户可以使用服务器技术（如 CFML、ASP.NET、ASP、JSP 和 PHP）生成由动态数据库支持的 Web 应用程序。 Dreamweaver 可以完全自定义。 3.2 Dreamweaver cs3的工作环境 1.2.1工作区 1.关于集成工作区 在 Windows 中，Dreamweaver 提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中。如图1-1所示。Dreamweaver 工作区可以查看文档和对象属性。工作区还将许多常用操作放置于工具栏中，可以快速更改文档。 图1-1设计器集成工作区布局 2.选择工作区布局 在 Windows 中，可以选择＂设计器＂和＂编码器＂工作区布局。首次启动 Dreamweaver 时，会出现一个对话框让用户选择一种工作区布局。可以随时切换到不同的工作区，如图1-2所示。 设计器是默认的集成工作区，其中全部＂文档＂窗口和面板被集成在一个较大的应用程序窗口中，并将面板组停靠在右侧。 编码器同样是集成的工作区，但是将面板组停靠在左侧。 若要在首次启动 Dreamweaver 时选择一种工作区样式，执行以下操作： 1) 选择以下布局之一： 设计器。 编码器。 2) 单击＂确定＂。 如图1-2 3.更改工作区布局 用户可以从中选择一种工作区布局。如果不熟悉编写代码，选择“设计器”。如果以后想更改工作区可以直接通过“窗口”菜单中的“工作区布局”来实现，如图1-2所示。 4.Dreamweaver 工作区元素 1）＂菜单＂栏 Dreamweave cs3的“菜单”共有10个，即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。如图1-4所示。其中，编辑菜单里提供了对Dreamweaver菜单中首选参数的访问。 　图1- 4＂菜单＂栏 ＂菜单＂栏  　　文件：用来管理文件。例如新建、打开、保存、另存为、导入、输出打印等。 　　编辑：用来编辑文本。例如剪切、复制、粘贴、查找、替换和首选参数设置等。 　　查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 　　插入：用来插入各种元素。例如图片、多媒体组件、表格、框架及超级链接等。 　　修改：具有对页面元素修改的功能，例如在表格中插入表格、拆分、合并单元格，对其对象等。 　　文本：用来对文本操作。例如设置文本格式等。 　　命令：所有的附加命令项。 　　站点：用来创建和管理站点。 　　窗口：用来显示和隐藏控制面板以及切换文档窗口。如选择插入可以显示插入面版。选择属性可以显示属性面版。按F4可以隐藏面版。 　　帮助：联机帮助功能。例如按下F1键，就会打开电子帮助文本。 “常规”首选参数 “常规”首选参数控制 Dreamweaver 的常规外观,设置 Dreamweaver 的“常规”首选参数: (1) 选择“编辑”“首选参数”。 出现“首选参数”对话框，其中显示了“常规”首选项类别。 (2) 设置首选参数选项。 (3) 单击“确定”。 设置“常规”首选参数: 2）＂插入＂栏 ＂插入＂栏包含用于将各种类型的＂对象＂（如图像、表格和层）插入到文档中的按钮。每个对象都是一段 HTML 代码，允许在插入它时设置不同的属性。例如，可以在＂插入＂栏中单击＂表格＂按钮，插入一个表格。如果愿意，可以不使用＂插入＂栏而使用＂插入＂菜单插入对象。 ＂插入＂栏包含用于创建和插入对象（如表格、层和图像）的按钮。当鼠标指针滚动到一个按钮上时，会出现一个工具提示，其中含有该按钮的名称。 这些按钮被组织到几个