作者：ACAA专家委员会 DDC传媒 主编
出版社：信息技术第一出版分社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
ADOBE DREAMWEAVER CC标准培训教材试读：
前言
秋天，藕菱飘香，稻菽低垂。往往与收获和喜悦联系在一起。
秋天，天高云淡，望断南飞雁。往往与爽朗和未来的展望联系在一起。
秋天，还是一个登高望远、鹰击长空的季节。
心绪从大自然的悠然清爽转回到现实中，在现代科技造就的世界不断同质化的趋势中，创意已经成为21世纪最为价值连城的商品。谈到创意，不能不提到国际创意技术的先行者——Apple和Adobe，以及三维动画和工业设计的巨擎——Autodesk。
1993年8月，Apple带来了令国人惊讶的Macintosh电脑和Adobe Photoshop等优秀设计出版软件，带给人们几分秋天高爽清新的气息和斑斓的色彩。在铅与火、光与电的革命之后，一场彩色桌面出版和平面设计革命在中国悄然兴起。抑或可以冒昧地把那时标记为以现代数字技术为代表的中国创意文化产业发展版图上的一个重要的原点。
1998年5月4日，Adobe在中国设立了代表处。多年来在Adobe北京代表处的默默耕耘下，Adobe在中国的用户群不断成长，Adobe的品牌影响逐渐深入到每一个设计师的心田，它在中国幸运地拥有了一片沃土。
我们有幸在那样的启蒙年代融入到中国创意设计和职业培训的涓涓细流中……
1996年金秋，万华创力/奥华创新教育团队从北京一个叫朗秋园的地方一路走来，从秋到春，从冬到夏，弹指间见证了中国创意设计和职业教育的蓬勃发展与盎然生机。
伴随着图形、色彩、像素……我们把一代一代最新的图形图像技术和产品通过职业培训和教材的形式不断介绍到国内，从1995年国内第一本自主编著出版的《Adobe Illustrator 5.5实用指南》，第一套包括Mac OS操作系统、Photoshop图像处理、Illustrator图形处理、PageMaker桌面出版和扫描与色彩管理的全系列的“苹果电脑设计经典”教材，到目前主流的“Adobe标准培训教材”系列、“Adobe认证考试指南”系列等。
十几年来，我们从稚嫩到成熟，从学习到创新，编辑出版了上百种专业数字艺术设计类教材，影响了整整一代学生和设计师的学习和职业生活。
千禧年元月，一个值得纪念的日子，我们作为唯一一家“Adobe中国授权考试管理中心（ACECMC）”与Adobe公司正式签署战略合作协议，共同参与策划了“Adobe中国教育认证计划”。那时，中国的职业培训市场刚刚起步，方兴未艾。从此，创意产业相关的教育培训与认证成为我们21世纪发展的主旋律。
2001年7月，万华创力/奥华创新旗下的DDC 传媒——一个设计师入行和设计师交流的网络社区诞生了。它是一个以网络互动为核心的综合创意交流平台，涵盖了平面设计交流、CG创作互动、主题设计赛事等众多领域，当时还主要承担了Adobe中国教育认证计划和中国商业插画师（ACAA中国数字艺术教育联盟计划的前身）培训认证在国内的推广工作，以及Adobe中国教育认证计划教材的策划及编写工作。
2001年11月，第一套“Adobe中国教育认证计划标准培训教材”（即本教材系列）首次亮相面世，成为市场上最为成功的数字艺术教材系列之一，也标志着我们从此与人民邮电出版社在数字艺术专业教材方向上建立了战略合作关系。在教育计划和图书市场的双重推动下，Adobe标准培训教材长盛不衰。尤其是近几年，教育计划相关的创新教材产品不断涌现，无论是数量还是品质上都更上一层楼。
2005年，我们联合Adobe等国际权威数字工具厂商，与中央美院等中国顶尖美术艺术院校创立了“ACAA中国数字艺术教育联盟”，旨在共同探索中国数字艺术教育改革发展的道路和方向，共同推动中国数字艺术产业的发展和应用水平的提高。是年秋，ACAA教育框架下的第一个数字艺术设计职业教育项目在中央美术学院城市设计学院诞生。首届ACAA-CAFA数字艺术设计进修班的37名来自全国各地的学生成为第一批“吃螃蟹”的人。从学院放眼望去，远处规模宏大的北京新国际展览中心正在破土动工，躁动和希望漫步在田野上。数百名ACAA进修生毕业，迈进职业设计师的人生道路。
2005年4月，Adobe公司斥资34亿美元收购Macromedia公司，一举改变了世界数字创意技术市场的格局，使得网络设计和动态媒体设计领域最主流的产品Dreamweaver和Flash成为Adobe市场战略规划中的重要的棋子，进一步奠定了Adobe的市场统治地位。次年，Adobe与前Macromedia在中国的教育培训和认证体系顺利地完成了重组和整合。前Macromedia主流产品的加入，使我们可以提供更加全面、完整的数字艺术专业培养和认证方案，为职业技术院校提供更好的支持和服务。全新的Adobe中国教育认证计划更加具有活力。
2008年11月，万华创力公司正式成为Autodesk公司的中国授权培训管理中心，承担起ATC (Autodesk Authorized Training Center) 项目在中国推广和发展的重任。ACAA教育职业培训认证方向成功地从平面、网络创意，发展到三维影视动画、三维建筑、工业设计等广阔天地。
从1995年开始，以史蒂夫·乔布斯为领导的皮克斯动画工作室(Pixar Animation Studios)制作出世界上第一部全电脑制作的3D动画片《玩具总动员》并以1.92亿美元票房刷新动画电影纪录。自此，3D动画风起云涌，短短十余年迅速取代传统的二维动画制作方式和流程。更有2009年詹姆斯·卡梅隆3D立体电影《阿凡达》制作完成，这使得3D技术产生历史性的突破。卡梅隆预言的2009年为“3D 电影元年”已然成真——3D 立体电影开始大行其道。
无论是传媒娱乐领域所推崇的三维动画和影视特效技术、建筑设计领域所热衷的建筑信息模型（BIM）技术，还是工业制造业所瞩目的数字样机解决方案，三维和仿真技术正走向成熟并成为重要的行业标准。Autodesk在中国掀起又一轮数字技术热潮。
ACAA 正是在这样的时代浪潮下，把握教育发展脉搏、紧跟行业发展形势，与Autodesk联手，并肩飞跃。
2009年11月，Autodesk与中华人民共和国教育部签署《支持中国工程技术教育创新的合作备忘录》，进一步提升中国工程技术领域教学和师资水平，免费为中国数千所院校提供Autodesk最新软件、最新解决方案和培训。在未来10年中，中国将有3000万的学生与全球的专业人士一样使用最先进的Autodesk正版设计软件，促进新一代设计创新人才成长，推动中国设计和创新领域的快速发展。
2010年秋，ACAA教育向核心职业教育合作伙伴全面开放ACAA综合网络教学服务平台，全方位地支持老师和教学机构开展Adobe、Autodesk、Corel等创意软件工具的教学工作，服务于广大学生更好地学习和掌握这些主流的创意设计工具，包括网络教学课件、专家专题讲座、在线答疑、案例解析和素材下载等。
2012年4月，为完成文化部关于印发《文化部“十二五”时期文化产业倍增计划》的通知中文化创意产业人才培养和艺术职业教育的重要课题，中国艺术职业教育学会与ACAA中国数字艺术教育联盟签署合作备忘，启动了《数字艺术创意产业人才专业培训与评测计划》，并在北京举行签约仪式和媒体发布会。ACAA教育强化了与创意产业的充分结合。
2012年8月和10月，ACAA作为Autodesk ATC 中国授权管理中心，分别与中国职业技术教育学会和中国建筑教育协会签署合作协议，深化职业院校的职业教育合作，并为合作院校的专业软件教学提供更多支持与服务。ACAA教育强化了与职业教育的充分结合。
2013年，ACAA全面升级“中国高校（含职业院校）数字化教育改革和创新教学发展计划”，提出了以“行业标准教学”和“国际标准考试”合而为一的“教考一体化”支持方案和“国际认证考试项目”合作方案。该方案向院校提供从教学到考试的全方位支持工作。
今天，ACAA教育脚踏实地、继往开来，积跬步以至千里，不断实践与顶尖国际厂商、优秀教育机构、专业行业组织的强强联合，为中国创意职业教育行业提供更为卓越的教育认证服务平台。
ACAA中国教育发展计划
ACAA数字艺术教育发展计划面向国内职业教育和行业培训领域，以国际数字技术标准与国内行业实际需求相结合的核心教育理念，以“双师型”的职业设计师和技术专家为主流教师团队，为职业教育市场提供业界领先的ACAA数字艺术教育解决方案，提供以富媒体网络技术实现的先进的网络课程资源、教学管理平台以及满足各阶段教学需求的完善而丰富的系列教材。ACAA数字艺术教育是一个覆盖整个创意文化产业核心需求的职业设计师入行教育和人才培养计划。
ACAA数字艺术教育发展计划秉承数字技术与艺术设计相结合、国际厂商与国内院校相结合、学院教育与职业实践相结合的教育理念，倡导具有创造性设计思维的教育主张与潜心务实的职业主张。跟踪世界先进的设计理念和数字技术，引入国际、国内优质的教育资源，构建一个技能教育与素质教育相结合、学历教育与职业培训相结合、院校教育与终身教育相结合的开放式职业教育服务平台。为广大学子营造一个轻松学习、自由沟通和严谨治学的现代职业教育环境。为社会打造具有创造性思维的、专业实用的复合型设计人才。
ACAA中国高校（含职业教育）数字化教育改革和创新教学发展计划介绍：
为实现教育部“十二五”职业教育若干意见与ACAA创新教学支持计划的结合，促进院校专业软件课程和设计类课程内容的行业化接轨和与国际化升级，加快中国高校特别是职业教育的数字化教学改革步伐，支持院校创新教学进一步开展，ACAA教育创立该支持计划，为院校提供“教考一体化”等一揽子支持方案，提供国际厂商资源和行业教学支持以及权威考试平台的考试定制服务，梳理学生知识结构，客观表现学生真实水平，促进学生迅速胜任工作岗位。
ACAA“教考一体化”教育服务与支持的内容包括：
•教学大纲&考试大纲&教学讲义
•标准教材&远程课程&教辅资料
•在线考试平台使用&专业考试定制&结业考核方案
•职业资格认证
•教师培训&专业研讨&学术交流
院校与ACAA建立合作关系即可开展上述工作，教育部备案的正规院校、民办院校云游资格加入ACAA教育计划。【申请流程】申请机构提交申请→ ACAA审核通过→签署合作协议→办法授权牌建立授权关系
职业认证体系
ACAA职业技能认证项目基于国际主流数字创意设计平台，强调专业艺术设计能力培养与数字工具技能培养并重，专业认证与专业教学紧密相联，为院校和学生提供完整的数字技能和设计水平评测基准。
与单纯的软件技术考试相比，ACAA认证已经具有了更多的优势——单纯的软件操作能力早已不是就业法宝，只有专业技能和创作能力达到高度统一，才能胜任相关岗位。ACAA设计师资格认证，标志着您不但娴熟掌握了数字工具技能，并也标志这您已具备实现艺术创作和完成工作任务的能力。
目前，一些创意企业已经开始根据ACAA设计师考试标准对招聘和在岗人员进行考核。因此，达到ACAA标准将会增加您迅速入职和职位提升的机会。
标准培训教材系列
ACAA教育是国内最早从事数字艺术专业软件教材和图书撰写、编辑、出版的公司之一，在过去十几年的Adobe/Autodesk等数字创意软件标准培训教材编著出版工作中，始终坚持以严谨务实的态度开发高水平、高品质的专业培训教材。已出版了包括标准培训教材、认证考试指南、案例风暴和课堂系列在内的众多教学丛书，成为Adobe中国教育认证计划、Autodesk ATC授权培训中心项目及ACAA教育发展计划的重要组成部分，为全国各地职业教育和培训的开展提供了强大的支持，深受合作院校师生的欢迎。“ACAA Adobe标准培训教材”系列适用于各个层次的学生和设计师学习需求，是掌握Adobe相关软件技术最标准规范、实用可靠的教材。“标准培训教材”系列迄今已历经多次重大版本升级，例如Photoshop6.0C、7.0C到Photoshop CS1～CS6再到CC等版本。多年来的精雕细琢，使教材内容越发成熟完善。系列教材包括（但不限于）：
－《ADOBE PHOTOSHOP CC 标准培训教材》
－《ADOBE ILLUSTRATOR CC 标准培训教材》
－《ADOBE INDESIGN CC 标准培训教材》
－《ADOBE AFTER EFFECTS CC 标准培训教材》
－《ADOBE PREMIERE PRO CC 标准培训教材》
－《ADOBE DREAMWEAVER CC 标准培训教材》
－《ADOBE FLASH PROFESSIONAL CC标准培训教材》
－《ADOBE AUDITION CC标准培训教材》
关于我们
ACAA 教育是国内最早从事职业培训和国际厂商认证项目的机构之一，致力于职业培训认证事业发展已有十六年以上的历史。并已经与国内超过300 多家教育院校和培训机构，以及多家国家行业学会或协会建立了教育认证合作关系。
ACAA 教育旨在成为国际厂商和国内院校之间的桥梁和纽带，不断引进和整合国际最先进的技术产品和培训认证项目，服务于国内教育院校和培训机构。
ACAA 教育主张国际厂商与国内院校相结合、创新技术与学科教育相结合、职业认证与学历教育相结合、远程教育与面授教学相结合的核心教育理念；不断实践开放教育、终身教育的职业教育终极目标，推动中国职业教育与培训事业蓬勃发展。
ACAA 中国创新教育发展计划涵盖了以国际尖端技术为核心的职业教育专业解决方案、国际厂商与顶尖院校的测评与认证体系，并构建完善的ACAA eLearning 远程教育资源及网络实训与就业服务平台。
北京万华创力数码科技开发有限公司
北京奥华创新信息咨询服务有限公司
地址：北京市朝阳区东四环北路6号2区1-3-601
邮编：100016
电话：010-51303090-93
网站：http://www.acaa.cn,http//www.ddc.com.cn（2014年3月3日修订）
1 Dreamweaver CC 基础知识
学习要点：
·Dreamweaver CC 简介
·Dreamweaver CC 的工作界面
·Dreamweaver CC 的新功能
1.1 Dreamweaver CC 简介
Dreamweaver 是一款专业的网站设计开发软件。Dreamweaver、Flash 和 Fireworks 最早是由Macromedia公司开发的一套网页设计软件。Flash用来生成矢量动画，Fireworks用来制作网页图像， Dreamweaver可以进行各种素材的集成和网络发布。这三款软件在国内有“网页三剑客”之称。2005年， Macromedia公司被Adobe公司收购，“网页三剑客”成为了Adobe软件家族的主要成员。两家公司的结合，给Dreamweaver发展带来了更为广阔的前景，Adobe公司对Dreamweaver进行了大量的升级和功能整合，大大增强了Dreamweaver的功能，到目前为止，Dreamweaver已经升级到CC版本。
随着互联网和移动互联网的发展，终端设备和平台的多样化，仅适合于计算机屏幕浏览的网页内容已经无法满足用户的需求。制作即适合普通计算机屏幕，又适合于手机、平板电脑屏幕浏览的网页内容变得异常迫切。市场上网页开发工具繁多，有些仅适合于熟悉编程的专业程序开发人员使用，不支持可视化；有些仅支持开发适合计算机屏幕的网站，不能制作适合手机等移动设备应用的网站；而Dreamweaver CC经过不断的升级，除具备了可视化的设计界面、强大的网页设计功能和编辑功能、开发移动应用程序的功能外，还具备了在Creative Cloud上存储文件、应用程序设置和站点定义的功能，使得制作跨平台兼容性内容变得轻而易举。
Dreamweaver是一款“所见即所得”的网页编辑工具，利用AP Div、行为、CSS、模板等技术对网页应用程序进行设计、编码和开发。显示器的内容被更改，结果会直接显示，并且出现相应的代码；反过来，代码被更改，显示器中的内容也随之变动，可以很直观地查看到代码编译出的实际效果。不管是网页设计师、前端开发人员或是程序开发人员，Dreamweaver都提供了实用的编辑工具，使得我们都可以高效地开发网站及应用程序。
结合Dreamweaver的可视化编辑功能，在通常情况下，用户可以不需要编写任何代码，直接在可视化环境中调整各种元素，快速地创建页面。在查看站点元素和资源时，能够直接将它们拖到文档中加以利用。还可以直接将在Photoshop、Fireworks或其他图形应用程序中创建和编辑的图像，以及在Flash中创建的动画都导入到Dreamweaver中，使整个工作流程得到前所未有的优化和整合。当然也能够可视化地进行基于ColdFusion、ASP、JSP、PHP服务器技术的动态网站的创建和基于jQuery Mobile框架的移动应用程序开发。Dreamweaver在网站创建过程中起着不可替代的作用，它能够作为设计师和程序员协作的桥梁，将创建网站的各项工作有机地整合到一起。
1.2 Dreamweaver CC的工作界面
网页创建中的站点管理流程其实就是插入元素（文本、图像或者AP元素等）和修改已插入的元素两个过程的交替进行。Dreamweaver为了让整个设计过程简单化，将一系列窗口、面板和检查器整合，提供快速便捷的操作服务。我们在进行网页创建之前要先对Dreamweaver的工作区有一些基本的概念，通过了解如何选择选项、如何使用检查器和面板以及如何设置最适合用户工作风格的参数来提高网页设计的效率和质量。
1.2.1 界面布局
在Windows系统中的集成Dreamweaver CS6工作区预设布局模式多达11种，如图1-2-1所示，在Dreamweaver CC布局中，取而代之的只有压缩、扩展两种预设工作区，其中，默认的是“压缩”的界面，如图1-2-2所示，减少了使用者对工作区布局理解的误区，有更大的空间自定义自己习惯的工作区布局。图1-2-1图1-2-2“压缩”界面面板组停靠在主窗口的右侧，包含的面板有：插入、文件、CSS设计器、CSS样式和CSS过渡效果。在这种工作区布局中，属性检查器在默认情况下处于展开状态，“文档”窗口在默认情况下以“设计”视图显示，如图1-2-3所示。这种界面可以弥补编程能力较差带来的缺陷，并且直观可视，网页的设计效果即在眼前，设计和修改非常方便。图1-2-3“扩展”界面其面板组与“压缩”界面大致相同，唯一区别是“CSS设计器”面板的“属性”区域增大，且独立一列，如图1-2-4所示。这种界面对于擅长网页样式编写的用户来说非常方便，在这里Dreamweaver已经提供了很多CSS样式方面的特性。图1-2-4
在实际工作中，布局的方式是灵活多变的，我们可以根据自身的需求进行选择，甚至可以创建一个适合自己的工作区布局。执行“窗口→工作区布局→新建工作区”命令或单击“工作区切换器→新建工作区”，打开“新建工作区”对话框，新建自己喜欢的工作区，如图1-2-5所示。
如果希望从当前的工作区切换到另一种工作区，只需执行“窗口→工作区布局→管理工作区”命令或单击“工作区切换器→管理工作区”，在弹出对话框的列表中选择自己需要的布局类型即可,如图1-2-6所示。图1-2-5图1-2-6
1．应用程序工具栏
在Adobe Dreamweaver CC的窗口标题栏上整合了3个网站建设中最常用的命令,分别是：工作区切换器、同步设置、Dreamweaver开发者中心入口。与Adobe Dreamweaver CS6不同的是，去除了“文档”窗口布局、Dreamweaver 扩展、管理站点及搜索功能，如图1-2-7所示。这样的布局使应用程序工具栏更简洁，且专注于Dreamweaver工作区的切换、同步设置功能。图1-2-7
2．菜单栏
它包含10项主菜单，如图1-2-8所示，几乎涵盖了Dreamweaver CC中的所有功能。通过菜单栏的使用可以对对象进行任意的操作与控制。菜单栏按照功能的不同进行相应的划分，使用户在使用的时候能够更方便。图1-2-8
3．插入面板（插入栏）
为了提高插入选项的可见性与配置的易用性，Dreamweaver CC对“插入”面板的选项进行了重新的组织，如图1-2-9所示。重新组织后的“插入”面板具有常用、结构、媒体、表单、jQuery Mobile、jQuery UI、模板、收藏夹，共8个分类，用户可以在类别弹出的选项卡之间快速地进行切换，如图1-2-10所示。默认分类不再是“常用”，而是以网页布局为主的“结构”分类。图1-2-9图1-2-10
在Dreamweaver CC中，只有“压缩”和“扩展”两种预设工作区布局模式，这两种布局都只有插入面板并没有插入栏，不过，Dreamweaver还是保留了插入栏面板，只要单击插入面板不放，将它拖曳停靠到工具栏附近，插入面板会变成半透明状，且出现了插入栏的占位空间，如图1-2-11所示，释放鼠标，插入面板会自动停靠在工具栏下方变成了插入栏，如图1-2-12所示（插入栏-制表符模式）。图1-2-11
插入栏提供了两种模式：制表符模式和菜单模式，如图1-2-12所示。这两个模式外观非常简洁，以选项卡的形式展现，占据主界面很小的工作区空间，每一个标签包含一套不同的相关图标，便于设计者操作，且有更多空间控制网页的整体设计效果。图1-2-12
4．文档工具栏
在文档工具栏里，用户可以直接根据需要访问很多选项，它们被附在每一个文档窗口的顶部。文档工具栏包含一系列按钮，如图1-2-13所示，能改变文档视图，定义页面标题，在浏览器中预览页面，以及与站点里的服务器主机相互影响。图1-2-13
5．文档窗口
文档窗口是在创建网络站点时所有动作出现的地方，如图1-2-13所示。这里是召集所有的页面元素和设计页面的地方，所有操作都可在此直接显现出来。文档窗口与浏览器窗口在外观上非常相似。
6．标签选择器
标签选择器位于文档窗口底部的状态栏中，如图1-2-13所示。随着用户在显示器上选择视觉元素，标签选择器显示相关的HTML标签的层次结构。这是在页面上选择不同项目的一种快速且容易的方法。标签选择器在代码视图中是不可见的。
7．属性检查器
通过属性检查器可以检查和编辑当前选定的页面元素最常用的属性。它是上下文相关的，意思是根据你在网络页面上选定的元素类型而改变。如果你选定了表格，会在属性检查器里看到表格的宽、高、标题、换行、背景颜色等相关属性；如果你选定了图像，则会显示图像的属性，如图1-2-14所示。图1-2-14
8．标签组（又称为面板组）
Dreamweaver通过一套面板和面板组系统来轻松地处理不同的复杂界面。面板组将多个相关面板组合使用，如图1-2-15所示。如果需要展开或折叠一个面板组，可以单击面板组名称右侧的“展开面板”或者“折叠为图标”按钮在展开和折叠之间进行切换。
9．文件面板
它是面板组中用来管理文件和文件夹的一个面板，这些文件可以是Dreamweaver站点的一部分，也可以是远程服务器上的。文件面板还可以访问本地磁盘上的全部文件，非常类似于Windows资源管理器或Finder (Macintosh)，如图1-2-15所示。
除了这些常用的工具外，Dreamweaver还提供了多种在此处没有说明的面板、检查器和窗口，如CSS样式面板和代码检查器等。
在制作网页的时候需要深入了解Dreamweaver的操作环境，这样才能非常熟练地用它来设计网页。这些面板都有其负责的功能，也都可以打开或关闭。在没有用到它们的时候可以将其关闭，这样就不会占用屏幕的空间；需要打开时，可以在菜单栏里找到“窗口”菜单，在“窗口”菜单里找到它们并将其打开。设计者在使用中，可以根据自己的需要自由选择。图1-2-15
1.2.2 工具、窗口和面板
本节将主要详细介绍如何使用Dreamweaver CC中的各种特定窗口、工具栏、面板、检查器，以及Dreamweaver CC工作区的其他元素。
1．欢迎屏幕
运行Dreamweaver CC软件后，我们最先看到的是起始页的欢迎屏幕，如图1-2-16所示。欢迎屏幕在Windows上是综合性工作区的一部分，提供了一种快速的方式来展示常见的任务，主要分为3栏：打开最近的项目、新建、主要功能。在左侧的“打开最近的项目”栏中，用户可以打开最近使用过的文档；中间的“新建”栏可以创建各类新文档，如HTML、CSS或ASP文件等；右侧的“主要功能”栏是Dreamweaver CC中主要功能的网上视频教程。欢迎屏幕的下方提供了该软件的快速入门、新增功能、资源和帮助等信息，初次使用Dreamweaver的用户能够从中了解该软件的概况，帮助信息可以通过网络不断更新。
无论是什么原因，如果你不想使用欢迎屏幕，都可以通过在欢迎屏幕的左下角选中“不再显示”复选框，或者通过执行“编辑→首选项”命令，在弹出的“首选项”对话框的“分类”列表框中选择“常规”选项，接着将右边“文档选项”栏中的“显示欢迎屏幕”复选框的选中状态取消，如图1-2-17所示，下次运行该软件时就不再显示欢迎屏幕了。同样，想再次显示欢迎屏幕的话，可以在“文档选项”栏中重新选中“显示欢迎屏幕”复选框。图1-2-16图1-2-17
2．文档工具栏
文档工具栏包含了一些与查看文档、在本地和远程站点间传输文档以及调试JavaScript代码有关的普通按钮和选项，如图1-2-18所示。图1-2-18
A．显示代码视图：单击此按钮可切换到代码视图，使用手写代码的方式对网页进行编辑。
B．显示代码视图和设计视图：又叫做拆分视图。单击此按钮可以将窗口拆分为两部分，一部分显示代码视图，而另一部分显示设计视图。
C．显示设计视图：设计视图是文档窗口的默认视图。这个视图在页面上显示的是WYSIWYG（所见即所得）模式，它能让你精确地预览到作为被设计的页面在浏览器里的样子。
D．将设计视图切换到实时视图：单击此按钮，可以像在浏览器中预览一样查看设计效果，显示不可编辑的、交互式的、基于浏览器的文档视图。
E．在浏览器中预览/调试：可以让用户选定浏览器来预览页面或者调试JavaScript，也可以访问定义浏览器对话框，定义新建浏览器，或者对已经确定并且存在的浏览器参考线进行更改。
F．文档标题：允许为文档输入一个标题，它将显示在浏览器的标题栏中。如果文档已经有了一个标题，则标题显示在该区域中。
G．文件管理：这个下拉列表框通过上载和下载文件，解除锁定它们，以及检查它们入或者出让用户处理站点的文件。在维护网站时，经常需要进行一些小的修改，使用“文件管理”下拉列表框中的选项可以很快地处理好这些事情。不过，只有在站点定义中已经定义了远程站点时，这些选项才能够使用。
从Adobe Dreamweaver CS6开始，当文档工具栏的“实时视图”选项处于活动状态时，“实时代码”和“检查模式”这两个选项就会出现在文档工具栏，还有原本CS5中独立呈现的“浏览器导航”在CS6中也整合在“实时视图”时的文档工具栏里，这为设计师提供了更大的可视空间、更方便快捷的调试环境，直到Adobe Dreamweaver CC仍然沿用着，如图1-2-19所示。图1-2-19
H．实时代码视图：显示浏览器用于执行该页面的实际代码，单击此按钮后，其窗口下的代码以黄色显示且不可编辑。
I．检查模式：与实时视图一起使用，帮助用户快速识别 HTML 元素及其关联的 CSS 样式。打开检查模式后，将鼠标悬停在页面上的元素上方即可查看任何块级元素的 CSS 盒模型属性。
J．浏览器导航：该工具栏在实时视图中激活，并显示正在“文档”窗口中查看的页面的地址。它还可以浏览到您的本地站点以外的站点（例如 http://www.witline.cn），Dreamweaver 也将在“文档”窗口中加载该页面。
K．实时视图选项:默认情况下，不激活“实时视图”中的链接。在不激活链接的情况下可选择或单击“文档”窗口中的链接文本，而不进入另一个页面。若要在“实时视图”中测试链接，单击此按钮，在菜单中选择“跟踪链接”或“持续跟踪链接”，启用一次性单击或连续单击。
3．标准工具栏
标准工具栏中包含“文件”和“编辑”菜单中的常用命令，例如新建、打开、保存、全部保存、打印代码、剪切、复制、撤销和重做等，如图1-2-20所示。在默认的界面下，标准工具栏是不显示出来的；如果需要使用它，可以执行“查看→工具栏→标准”命令或在文档工具栏任意处右键单击鼠标，勾选菜单中的“标注”，将其打开。图1-2-20
备注：在Adobe CC创意套件中，Adobe Bridge CC被认为是公用的图像管理软件。无论是使用Photoshop还是Flash都可以使用Bridge为当前创建的项目收集图片素材，当然Dreamweaver也不例外，用户在设计网页时可以使用Bridge来寻找合适的图片素材。
4．编码工具栏
编码工具栏垂直显示在文档窗口的左侧，只出现在代码视图中，如图1-2-21所示。它包含可用于执行多种标准编码操作的按钮，例如折叠和展开代码的选定内容、高亮显示无效代码、应用删除注释、缩进代码，以及插入最近使用过的代码片段。图1-2-21
在使用编码工具栏时，不能将其取消停靠或移动，但是可以将它隐藏起来。编码工具栏可以通过用户的编辑来显示更多的按钮，例如自动换行、隐藏字符和自动缩进。除了添加按钮，还可以将一些不常用的按钮隐藏起来。
5．状态栏
状态栏位于窗口的底部，用于提供与当前文档有关的信息，如图1-2-22所示。图1-2-22
A：标签选择器，显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击
可以选择文档的整个正文。可以通过右键单击该标签，在弹出的菜单中选择相应命令来快捷编辑该标签的属性和内容，如设置样式，指定ID等。B：手机屏幕、平板电脑屏幕和显示器屏幕切换，用于调试页面内容在手机、平板电脑、普通显示器中的呈现效果，对于流体布局的页面调试很有帮助。在Dreamweaver CC中，集成了 Edge Inspect，可同时在多个移动设备上预览和检查您在 Dreamweaver 中的网页。
C：窗口大小弹出菜单（在“代码”视图中不可用）用于将“文档”窗口的大小调整到预定义或自定义的尺寸。显示的窗口大小反映浏览器窗口的内部尺寸（不包括边框），显示器大小显示在括号中，如图1-2-23所示。若访问者按其默认配置在800×600显示器上使用网页浏览器，如Internet Explorer浏览器，则可使用“760×420（800×600，最大值）”。如果在下拉列表框中没有找到合适的尺寸，可以自己进行任意的尺寸设置。选择“编辑大小”选项，会弹出一个“首选参数”对话框。在左边的“分类”列表框中选择“窗口大小”选项，在右边的“窗口大小”栏中就可以进行任意数值的设置了，如图1-2-24所示。图1-2-23图1-2-24
1.2.3 使用插入面板
在工作区预设中，插入面板悬停在文档窗口的右侧，我们可以通过面板的下拉菜单中选择相应的类别来使用不同的对象插入功能。为了方便讲解，将插入面板停靠在菜单栏下方使其变成插入栏，这时插入栏位于菜单栏和文档工具栏的中间部分。插入栏涵盖了在设计网页时最常使用的项目，如图1-2-25所示。图1-2-25
插入栏包含8类对象，分别是常用、结构、媒体、表单、jQuery Mobile、jQuery UI、模板、收藏夹。其他的高级的类别用于各种不同的服务器端脚本语言：ASP、ASP.NET、CFML、Basic、CFML Advanced、JSP、PHP和XSLT等。这些高级的类别只有在打开相应文件类型的文档时才会出现在插入栏中。
1．“常用”选项卡
插入栏中的“常用”选项卡如图1-2-25所示。它为用户准备了诸如图像、表格、媒体、链接等最常用的对象。
2．“结构”选项卡
插入栏中默认的是“结构”选项卡如图1-2-26所示，Dreamweaver CC取消了“布局”选项卡，取而代之的是“结构”选项卡。为了增强对HTML5的支持，“结构”选项卡主要提供了页眉、页脚、Navigation、侧边、文章、章节等元素用以替代以往的表格、框架等对象定义页面布局。图1-2-26
3．“媒体”选项卡
该选项卡是Dreamweaver CC重新组织的，主要用来添加网页媒体元素，例如Edge Animate作品集、HTML5 Video、HTML5 Audio、Flash SWF及Flash Video等，如图1-2-27所示。
试读结束[说明：试读内容隐藏了图片]