2 Dreamweaver MX开发环境.pptVIP

第二章 Dreamweaver MX开发环境 本章要求： 熟练掌握定义本地站点的方法 掌握利用站点面板进行站点管理和文件管理。 主要内容： Dreamweaver MX的工作环境； 介绍如何配置开发环境，包括插入栏、各种面板、和文档窗口； 利用站点面板创建本地站点、利用站点面板进行站点管理和文件管理的方法。 一、概述 Dreamweaver MX是专业的网站设计和网页制作工具，提供“所见即所得”编辑方式； 提供一系列面板，编辑环境简单，且提供如行为，时间轴等网页效果增强工具。 提供浏览器检查功能，保证网页的兼容性； 可编辑Java Script和XML等程序代码。工具包括HTML编辑器、CSS样式表编辑器、Java Script语法参考及调试器等。 提供整套开发流程，支持引入Word和FrontPage生成的网页，且可方便引入Fireworks和Flash文件 允许用户自己定制界面。如自定义对象和命令，添加新的行为等 提供基于ASP、JSP、PHP、ASP.net等动态网页技术的Web应用程序开发功能，通过数据库、服务器行为和绑定面板快速定义数据库连接等。 二、安装 要求： Pentium III 600MHz以上处理器 Windows 2000以上版本 256MB内存 IE 5.0或更高版本 三、Dreamweaver MX工作环境 工作区布局 　　　在安装Dreamweaver MX之后，从桌面上执行命令“开始→程序→Micromedia→ Dreamweaver MX ”启动Dreamweaver MX。当第一次启动 Dreamweaver MX时，用户可以选择界面风格，即可以选择Dreamweaver MX新的工作区也可以选择以前的DreamWeaver 4工作区。 下图为Dreamweaver MX的工作界面 插入栏、属性检查器和控制面板 插入栏 插入栏中通常包括12个选项卡，包括常用、布局、文本、表格、框架、表单、模板、字符、媒体、文件头、脚本、应用程序。 属性检查器 它的内容随着网页设计时选取得对象不同而改变。通过属性检查器可以检查各页面元素的参数设置，也可以针对其中各个参数进行修改。 例如显示一个图片的宽度、高度等。 站点面板 在站点面板组中提供了四个菜单：文件、编辑、视图、站点。其中包含许多用于创建和管理站点、站点文件的菜单命令。 资源面板 包含当前网页或网站中已经用到的各种资源，如图像、颜色、影片（视频）、Flash、脚本、模板和库等，设计者可以直接从中调用。 CSS样式面板 　　　CSS样式面板为网页定义CSS样式，它提供CSS样式表功能 HTML样式面板 　　　用于定义和管理各种HTML样式。 行为面板 　　　利用该面板进行网页交互行为的设定，通过对网页中对象加载特定的交互行为，从而获得特殊的页面效果。 历史记录面板 　　　历史记录面板记录用户在当前页中的每一个操作步骤，其中的滑块会自动指向上一步操作。如果出现误操作，恢复到前面任何一步。 标签检查器面板 　　用于查看和设定当前页面中各标签的属性值 代码片段面板 　　用于存储内容以便快速重复使用 参考面板 　　用于标记语言、JavaScript对象和CSS样式（以及它们的属性）的快速参考工具。 层面板 　　　层面板是用来控制层对象的，包括为层命名、设置层的显示或隐藏、为层设置覆盖方式等。 框架面板 　　　框架面板显示当前网页中的框架结构及框架名称，在其中可以直观和快速地选择网页中的框架对象。 数据库面板 应用程序面板中集成了数据库面板、绑定面板、服务器行为面板和组件面板，用于快速开发Web应用程序。当前文档为动态网页时应用程序面板组中的各面板才有效。数据库面板用于定义和管理数据库连接对象。 绑定面板 用于定义将记录集和各服务器对象变量等数据源数据绑定或插入到页面上。 服务器行为面板 对于开发Web应用程序，服务器行为面板提供了通过页面显示和操作数据库的命令，功能最为强大。 时间轴面板 利用时间轴面板可以对对象进行类似Flash中的动画设计 代码检查器 其中列出当前网页文件的全部HTML源代码。 文档窗口 文档窗口显示当前文档。文档窗口提供了三种视图来进行页面设计：设计视图、代码视图、设计和代码视图。 设计视图是一种可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver MX显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面看到的内容。 代码视图是用于编写和编辑HTML、JavaScript、服务器语言代码（如A