中文版+dreamweaver+cs6网页设计教程_it168文库

《中文版+dreamweaver+cs6网页设计教程_it168文库》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章DreamweaverCS6简介第1章DreamweaverCS6简介DreamweaverCS6是一款功能强大的可视化的网页编辑与管理软件。利用它，不仅可以轻松地创建跨平台和跨浏览器的页面，也可以直接创建具有动态效果的网页而不用自己编写源代码。DreamweaverCS6最主要的优势在于能够进行多任务工作，并且在操作方法、界面风格方面更加人性化。用户可以根据自己的喜好和工作方式，重新排列面板和面板组，自定义工作区。本章主要内容lDreamweaverCS6的新增功能。lDreamweaverCS6的安装、删除和启动。lDreamweaver

2、CS6的工作界面。lDreamweaverCS6的一般操作。本章重点lDreamweaverCS6常用面板的使用方法。lDreamweaverCS6的文件操作。1.1DreamweaverCS6概述DreamweaverCS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。在业界通常将Dreamweaver、Flash、Fireworks称为“网页三剑客”。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，因此对于初级人员，无须编写任何代码就能快速创建Web页面。其成熟的

3、代码编辑工具更适用于Web开发高级人员的创作。CS6新版本使用了自适应网格版面创建页面，在发布前可使用多屏幕预览审阅设计,大大提高了用户的工作效率，而改善的FTP性能可更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现HTML5代码，用户能更方便地检查自己的工作。1.2DreamweaverCS6的新增功能相对于以前的版本，DreamweaverCS6的功能主要在以下方面进行了增强。1.可响应的自适应网格版面使用响应迅速的CSS自适应网格版面，可以创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码可为各种不同设备和计算机开发项目

4、，提高工作效率。35第1章DreamweaverCS6简介用户可直观地创建复杂网页设计和页面版面，无须忙于编写代码。2.改善的FTP性能利用重新改良的多线程FTP传输工具可节省上传大型文件的时间。而快速高效地上传网站文件可缩短制作时间。3.AdobeBusinessCatalyst集成使用Dreamweaver中集成的BusinessCatalyst面板连接并编辑用户利用AdobeBusinessCatalyst(需另外购买)建立的网站。利用托管解决方案建立电子商务网站。4.增强型jQuery移动支持使用更新的jQuery移动框架支持为iOS和An

5、droid平台建立本地应用程序。建立触及移动受众的应用程序，同时简化用户的移动开发工作流程。5.更新的PhoneGap支持更新的AdobePhoneGap支持可轻松为Android和iOS系统建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序，并可使用PhoneGap模拟器检查用户的设计。6.CSS转换将CSS属性变化制成动画转换效果，可使网页设计栩栩如生，在用户处理网页元素和创建优美效果时，能保持对网页设计的精准控制。7.更新的实时视图使用更新的“实时视图”功能可在发布前测试页面。“实时视图”现已使用最新版的WebKit转换引擎

6、，能够提供绝佳的HTML5支持。8.更新的多屏幕预览面板可利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板现在能够帮助用户检查HTML5的内容呈现。9.浏览器兼容性检查DreamweaverCS6中新的浏览器兼容性检查功能可生成报告(见图1-1)，指出各种浏览器中与CSS相关的呈现问题。在代码视图中，这些问题以绿色下划线来标记，如图1-2所示，因此可以准确地知道产生问题的代码位置。确定问题之后，如果知道解决方案，则可以快速解决问题；如果需要了解详细信息，则可以访问AdobeCSSAdvisor。图1-1浏

7、览器兼容性检查报告35第1章DreamweaverCS6简介图1-2绿色下划线标记10.AdobeCSSAdvisorAdobeCSSAdvisor网站包含有关最新的CSS问题信息，在浏览器兼容性检查过程中可通过Dreamweaver用户界面直接访问该网站。CSSAdvisor不止是一个论坛、一个WiKi页面或一个讨论组，它可以方便地为现有内容提供建议和改进意见，或者方便地添加新的问题，以使整个社区都能够从中受益。11.CSS布局Dreamweaver提供了一组预先设计的CSS布局，可以帮助用户快速设计好页面并开始运行，并且在代码中提供了丰富的内联

8、注释以帮助用户了解CSS页面布局，如图1-3所示。Web上的大多数站点设计都可以被归类为一列、两列或三列式布局，而且每种布