1DreamweaverCS6基础知识.pptVIP

DREAMWEAVER CS6 基础知识 ADOBE FLASH PROFESSIONAL CS6 DREAMWEAVER CS6 基础知识 1.1 Dreamweaver CS6 简介 1.2 Dreamweaver CS6 的工作界面 1.3 Dreamweaver CS6 的新功能 1.1 DREAMWEAVER CS6 简介 Dreamweaver 是一款专业的网站设计开发软件。Dreamweaver 以及Flash、Fireworks 最早是由Macromedia 公司开发的一套网页设计软件。Flash 用来生成矢量动画，Fireworks 用来制作网页图像，Dreamweaver 可以进行各种素材的集成和网络发布。这三款软件在国内有“网页三剑客”之称。 1.2 DREAMWEAVER CS6 的工作界面 网页创建中的站点管理流程其实就是插入元素（文本、图像或者AP 元素等）和修改已插入的元素两个过程的交替进行。 1.2.1 界面布局 在Windows 系统中的集成Dreamweaver CS6 工作区预设布局与Dreamweaver CS5 的布局种类相比，除了经典、编码器、编码人员( 高级)、设计器、设计人员（紧凑）和双重屏幕几种布局模式外，还新增了Business Catalyst、流体布局、移动应用程序这三种布局模式。 1.应用程序工具栏 在Adobe Dreamweaver CS6 的窗口标题栏上整合了5 个网页制作中最常用的命令，与CS5 不同的是，在Adobe CS6 系列中统一去除的CS Live 服务。 2. 菜单栏 它包含10 项主菜单。 3. 插入栏（插入面板） 在“流体布局”布局模式下，Dreamweaver CS6 将原先的插入栏默认呈现为插入面板形式。 4. 文档工具栏 在文档工具栏里，用户可以直接根据需要访问很多选项，它们被附在每一个文档窗口的顶部。 5. 文档窗口 文档窗口是在创建网络站点时，所有动作出现的地方。 6. 标签选择器 标签选择器位于文档窗口底部的状态栏中 7. 属性检查器 通过属性检查器可以检查和编辑当前选定的页面元素最常用的属性。 8. 标签组（又称为面板组） Dreamweaver 通过一套面板和面板组系统来轻松地处理不同的复杂界面。面板组将多个相关 面板组合使用。 9. 文件面板 它是面板组中用来管理文件和文件夹的一个面板，这些文件可以是Dreamweaver 站点的一 部分，也可以是远程服务器上的。 1.2.2 工具、窗口和面板本节主要详细介绍如何使用Dreamweaver CS6 中的各种特定窗口、工具栏、面板、检查器以及Dreamweaver CS6 工作区的其他元素。 1. 欢迎屏幕 运行Dreamweaver CS6 软件后，我们最先看到的是起始页的欢迎屏幕。 2. 文档工具栏 文档工具栏包含了一些与查看文档、在本地和远程站点间传输文档以及调试JavaScript 代码 有关的普通按钮和选项。 A.显示代码视图 I. 检查浏览器兼容性 B. 显示代码视图和设计视图 J. 可视化助理 C. 显示设计视图 K. 刷新设计视图 D. 将设计视图切换到实时视图 L. 文档标题 E. 多屏幕预览 M. 实时代码视图 F. 在浏览器中预览/ 调试 N. 检查模式 G. 文件管理 O. 浏览器导航 H. W3C 验证 L. 实时视图选项 4. 样式呈现工具栏 样式呈现工具栏默认情况下处于隐藏状态，它包含一些相关的按钮。 A ：呈现屏幕媒体类型，显示页面在计算机屏幕上的显示方式。 B ：呈现打印媒体类型，显示页面在打印纸张上的显示方式。 C ：呈现手持型媒体类型，显示页面在手持设备（如手机或 BlackBerry 设备）上的显示方式。 D ：呈现投影媒体类型，显示页面在投影设备上的显示方式。 E ：呈现 TTY 媒体类型，显示页面在电传打字机上的显示