中文版+Dreamweaver+CS6网页设计教程_IT168文库..doc

第1章 Dreamweaver CS6简介 是世界顶级软件厂商dobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。 由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，无编写任何代码就能快速创建eb页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作新版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计,大大提高工作效率改善的性能更高效地传输大型文件。实时视图和多屏幕预览面板可呈现HTML5 代码，能更检查自己的工作。相对于以前的版本Dreamweaver CS6的功能主要在以下方面进行了增强使用响应迅速的 CSS 自适应网格版面，创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。直观地创建复杂网页设计和页面版面，无忙于编写代码。利用重新改良的多线程 FTP 传输工具节省上传大型文件的时间。快速高效地上传网站文件缩短制作时间。Adobe Business Catalyst 集成使用 Dreamweaver 中集成的 Business Catalyst 面板连接并编辑利用 Adobe Business Catalyst(需另外购买)建立的网站。利用托管解决方案建立电子商务网站。增强型 jQuery 移动支持使用更新的 jQuery 移动框架支持为 iOS 和 Android 平台建立本地应用程序。建立触及移动受众的应用程序，同时简化的移动开发工作流程。更新的 PhoneGap 支持更新的 Adobe PhoneGap支持可轻松为 Android 和 iOS建立和封装本地应用程序。通过改编现有的 HTML 代码来创建移动应用程序使用 PhoneGap 模拟器检查的设计。 CSS转换 将 CSS 属性变化制成动画转换效果，使网页设计栩栩如生在处理网页元素和创建优美效果时保持对网页设计的精准控制。 更新的实时视图 使用更新的实时视图功能在发布前测试页面。实时视图现已使用必威体育精装版版的 WebKit 转换引擎，能够提供绝佳的 HTML5 支持。 更新的多屏幕预览面板 利用更新的多屏幕预览面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板现在能够检查HTML5内容呈现。 Dreamweaver CS6中新的浏览器兼容性检查功能可生成报告(见图1-1)，指出各种浏览器中与 CSS 相关的呈现问题。在代码视图中，这些问题以绿色下划线来标记，如图1-2所示，因此可以准确地知道产生问题的代码位置。确定问题之后，如果知道解决方案，则可以快速解决问题；如果需要了解详细信息，则可以访问 Adobe CSS Advisor。 图1-1 浏览器兼容性检查报告  图1-2 绿色下划线标记 10. Adobe CSS Advisor Adobe CSS Advisor 网站包含有关必威体育精装版的CSS问题信息，在浏览器兼容性检查过程中可通过 Dreamweaver 用户界面直接访问该网站。CSS Advisor 不止是一个论坛、一个 WiKi页面或一个讨论组，它可以方便地为现有内容提供建议和改进意见，或者方便地添加新的问题，以使整个社区都能够从中受益。 11. CSS 布局 Dreamweaver提供了一组预先设计的 CSS 布局，可以帮助用户快速设计好页面并开始运行，并且在代码中提供了丰富的内联注释以帮助用户了解CSS页面布局，如图1-3所示。Web 上的大多数站点设计都可以被归类为一列、两列或三列式布局，而且每种布局都包含许多附加元素(例如标题和脚注)。Dreamweaver 提供了一个包含基本布局设计的综合性列表，用户可以自定义这些设计以满足自己的需要。 图1-3 CSS布局 12. 管理CSS 借助管理CSS 功能，可以轻松地在文档之间、文档标题与外部表之间、外部 CSS 文件之间以及更多位置之间移动 CSS 规则。此外，还可以将内联 CSS 转换为 CSS 规则，并且只需通过拖放操作即可将它们放置在所需位置。 13. Adobe Device Central Adobe Device Central 与 Dreamweaver 相集成，并且存在于整个 Creative Suite 3 软件产品系列中，使用它可以快速访问每个设备的基本技术规范，还可以收缩 HTML 页面的文本和图像，以便使显示效果与设备上出现的完全一样，从而简化了移动内容的创建过程。 14. Adobe Bridge CS6 将 Adobe Bridge CS6 与 Dreamweaver 一起使用可以轻松、一致地管理图像和资源。通过 Adobe Bridge 能够集中访问项目文件、应用程序，以及设置 XMP 元数据标记和搜