作者：腾飞科技孙良营编著
出版社：数字艺术出版分社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
巧学巧用DreamweaverCS6、FlashCS6、FireworksCS6网站制作试读：
前言
制作一个网站需要用到很多技术，包括图像设计和处理、网页动画的制作和网页版面的布局设计等。随着网页制作技术的不断发展和完善，产生了众多网页制作与网站建设软件。目前使用最多的软件是Dreamweaver、Flash和Fireworks，这3个软件的组合提供了实现网页的各种强大功能，所以称这3个软件的组合为“网页三剑客”。它们已经成为网页制作的梦幻工具组合，以其强大的功能和易学易用的特性，赢得了广大网页制作与网站建设人员的青睐。
在所有网页设计师的期盼中，Adobe已经正式发布了最新设计套装—Creative Suite 6的简体中文版。新版网页三剑客无论从外观还是功能上都表现得很出色，并且与Adobe其他软件的配合上更加融洽和高效。这些无论是对设计师还是初学者，都能更加容易地让每个人完成各自的目标，真切地体验到Adobe CS6中文版为创意工作流程带来的全新变革。
本书主要内容
本书不是纯粹的软件教程，书中除了介绍软件的使用外，更多地介绍了创意设计与软件功能的结合。本书以目前最受大众欢迎的 Dreamweaver、Flash 和 Fireworks 软件的最新版本CS6为工具，详细介绍了网页设计与网站建设的原理、常用方法和技巧。全书共分20章，主要包括以下部分。
第1～8章为Dreamweaver CS6网页制作部分，主要内容包括：使用Dreamweaver CS6创建基本文本网页，使用图像和多媒体创建丰富多彩的网页，使用表格布局排版网页，使用布局对象和框架，使用模板和库提高网页制作效率，使用CSS样式表美化和布局网页，使用行为创建特效网页及设计开发动态数据库网页。
第9～14章为Flash CS6动画制作部分，主要内容包括：Flash基础知识，绘制图形和编辑对象，使用元件、实例和库，使用时间轴和帧创建基本Flash动画，使用层制作高级动画及使用ActionScript创建交互动画。
第15～17章为Fireworks CS6图像处理部分，主要内容包括：Fireworks CS6快速入门、编辑与处理文本及设计处理网页图像。
第18～20章为综合实例部分，从综合运用方面讲述了网站策划和基本流程，以及建设企业网站和购物网站的全过程。
本书主要特点
传统的案例教程类图书能够系统地按照基础知识提供实例，但只是编写了软件的功能及使用方法，读者难以获取面向应用的知识。本书从一个全新的角度介绍软件知识，在学习基础知识的同时，了解网页在实际工作中的应用，具有鲜明的特色。本书具有以下特点。
实例丰富
用大量范例引导读者学习，全书提供不同行业中的实用实例，各实例均经过精心设计，操作步骤清晰简明，技术分析深入浅出，实例实用效果精美。
双栏排版，提示标注
采用双栏图解排版，一步一图，图文对应，并在图中添加了操作提示标注，以便读者快速学习。
结构完整，系统全面
作者尽量结合网站建设的实际应用，力求对最常见的软件技巧和行业流程全面细致地进行介绍，引领读者从学习网页设计的基本知识入手；结合大量实例学习 3 个软件和动态网页技术；最后讲述网站的策划，并通过综合实例讲述网站建设的全过程。
技巧多，经验多
结合作者多年的教学经验，面向初学者的需求，精心安排内容架构，使学习更加有效。提供解决相关实际操作问题的高级技巧，让读者迅速跻身于高手行列，提高设计效率。
配多媒体视频教学光盘，把“老师”请回家
光盘内容覆盖全书知识点和实例，收录了书中实例的素材文件、源代码和结果文件及多媒体教学视频，特别适合初学者入门学习。
本书读者对象
本书浅显易懂，指导性强，可以适用于以下读者对象。
网页设计与制作人员
网站建设与开发人员
大中专院校相关专业师生
网页制作培训班学员
个人网站爱好者与自学读者
这本书能够在这么短的时间内得以出版，和很多人的努力是分不开的。参加本书编写的人员均为从事网页设计教学工作的资深教师和具有多年大型网站建设经验的资深设计师，有着丰富的教学经验和网页设计经验。由于作者水平有限，加之创作仓促，疏漏和不足之处在所难免，欢迎广大读者批评指正。编者
第0章 准备好了吗
上网已成为人们一种新的生活习惯，通过互联网人们足不出户就可以浏览全世界的信息，网站也成为了每个公司必不可少的宣传媒介。本章主要讲述网站的类型、制作网页的常用软件和制作网页的基础知识。
学习目标
熟悉常见网站的类型
熟悉静态网页与动态网页
熟悉制作网页的常用软件
熟悉制作网页的基础知识
0.1 网站有哪些类型
网站就是把一个个网页系统地链接起来的集合，如新浪、搜狐和网易等。网站按其内容可分为企业类网站、电子商务网站、个人网站、机构类网站、娱乐游戏网站、门户网站和行业信息类网站等，下面分别进行介绍。
0.1.1 企业网站
企业宣传性网站主要围绕企业、产品及服务信息进行网络宣传，通过网站树立企业的网络形象。企业都可根据自身需求，发布各种企业和业务信息（如公司信息、产品和服务信息及供求信息等）。随着信息时代的到来，企业网站作为企业的名片越来越被重视，成为企业宣传品牌、展示服务与产品乃至进行所有经营活动的平台和窗口。通过网站可以展示企业的形象，扩大社会影响，提高企业的知名度。图0-1所示的是企业网站。图0-1 企业网站
0.1.2 电子商务网站
电子商务网站为浏览者搭建起一个网络平台，浏览者和潜在客户在这个平台上可以进行整个交易过程。与营销应用型网站相比，电子商务型网站业务更依赖于互联网，此时，网站将承担起整个营销角色。
随着网络的普及、人们生活水平的提高，网上购物已成为一种时尚。丰富多彩的网上资源、价格实惠的打折商品、服务优良送货上门的购物方式，已成为人们休闲、购物两不误的首选方式。网上购物也为商家有效利用资金提供了帮助，而且通过互联网来宣传产品的方式，使产品的市场覆盖面更广，因此现实生活中涌现出了越来越多的购物网站。图0-2所示是电子商务网站。图0-2 电子商务网站
0.1.3 个人网站
个人网站是以个人名义开发创建的具有较强个性化的网站。一般是个人为了兴趣爱好或为了展示个人等目的而创建的，具有较强的个性化特色，带有很明显的个人色彩，无论从内容、风格上，还是从样式上，都各具特色。
这类网站一般不具有商业性质，通常规模不大，在互联网上随处可见，其中也有不少优秀的站点。图0-3所示是个个人网站。图0-3 个人网站
0.1.4 机构网站
机构网站通常指政府机关、相关社团组织或事业单位建立的网站，网站的内容多以机构或社团的形象宣传和政府服务为主，网站的设计通常风格一致，功能明确，受众面也较为明确，内容上相对较为专一。图0-4所示是机构类网站。图0-4 机构类网站
0.1.5 娱乐游戏网站
娱乐游戏网站大都是以提供娱乐信息和流行音乐为主的网站。例如，在线游戏网站、电影网站和音乐网站等，它们可以提供丰富多彩的娱乐内容。这类网站的特点也非常显著，通常色彩鲜艳明快、内容综合，多配以大量图片，设计风格或轻松活泼，或时尚另类。图0-5所示是娱乐游戏类网站。图0-5 娱乐游戏类网站
0.1.6 门户网站
门户网站将无数信息整合、分类，为上网者打开方便之门，绝大多数网民通过门户网站来寻找感兴趣的信息资源。门户网站涉及的领域非常广泛，是一种综合性网站。此外这类网站还具有非常强大的服务功能，如搜索、论坛、聊天室、电子邮箱、虚拟社区和短信等。门户网站的外观通常整洁大方，用户所需的信息在上面基本都能找到。目前国内较有影响力的门户网站有很多，如新浪、搜狐和网易等。图0-6所示的是门户网站——新浪首页。图0-6 门户网站新浪首页
0.1.7 行业信息网站
随着Internet的发展、网民人数的增多以及网上不同兴趣群体的形成，门户网站已经明显不能满足不同上网群体的需要。一批能够满足某一特定领域上网人群及其特定需要的网站应运而生。由于这些网站的内容服务更为专一和深入，因此人们将之称为行业网站，也称垂直网站。行业网站只专注于某一特定领域，并通过提供特定的服务内容，有效地把对某一特定领域感兴趣的用户与其他网民区分开来，并长期持久地吸引住这些用户，从而为其发展提供理想的平台。图0-7所示的是房地产行业网站。图0-7 房地产行业网站
0.2 最应该先了解的几点
在具体学习网页设计与制作前，了解什么是静态网页和动态网页，动态网页是怎么交互的，为以后的学习打好基础。
0.2.1 静态网页最常见
在网站设计中，HTML格式的网页通常称为“静态网页”，早期的网站一般都是由静态网页制作的，静态网页以.htm、.html、.shtml和.xml等为后缀。在HTML格式的网页上，也可以出现各种动态的效果，如GIF格式的动画和Flash滚动字幕等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。
静态网页的特点简要归纳如下。
静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html和.shtml等常见形式为后缀，而不含有“？”。
网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。
静态网页的内容相对稳定，因此容易被搜索引擎检索。
静态网页没有数据库的支持，在网站制作和维护方面的工作量较大，因此当网站信息量很大时，完全依靠静态网页制作方式比较困难。
静态网页的交互性较差，在功能方面有较大限制。图 0-8 所示的是一个宣传介绍性的静态网页。图0-8 静态网页
0.2.2 动态网页靠什么动起来
静态网页网站通常需要手工制作网页，对于网站维护人员有一定的专业要求，并且，当网站内容更新较多时，手工制作静态网页会显得相当繁琐，于是通过后台信息发布方式的动态网站技术很快在网站中得到普及应用。
动态网页就是该网页文件不仅含有HTML标记，而且含有程序代码，这种网页的后缀一般根据不同的程序设计语言来定，如ASP文件的后缀为.asp。动态网页能够根据不同的时间、不同的来访者而显示不同的内容，还可以根据用户的即时操作和即时请求，使动态网页的内容发生相应地变化。例如，常见的BBS、留言板、搜索系统和聊天室等就是用动态网页来实现的。图0-9所示的是交友网站中的会员搜索系统。
如果在下拉列表中选择不同的查询条件，单击“查询”按钮后会显示不同的网页内容，这就是动态网页所具有的典型特征。这种交互式的行为利用单纯的HTML是无法实现的，它需要将内容存储在数据库中，在服务器端利用动态编程语言来实现，如ASP、PHP和JSP等。这样的程序不仅能处理从浏览器端表单提交的数据，而且可以根据这些数据动态地反馈给用户。图0-9 会员搜索系统
0.2.3 网站怎么交互
网络技术日新月异，许多网页文件扩展名不再只是.htm，还有.php、.asp等，这些都是采用动态网页技术制作出来的。动态网页其实就是建立在B/S（浏览器/服务器）架构上的服务器端脚本程序。在浏览器端显示的网页是服务器端程序运行的结果。
动态网页的交互过程如下。
使用不同技术编写的动态页面保存在 Web服务器内，当客户端用户向Web服务器发出访问动态页面的请求时，Web服务器将根据用户所访问页面的后缀名确定该页面所使用的网络编程技术，然后把该页面提交给相应的解释引擎。
解释引擎扫描整个页面找到特定的定界符，并执行位于定界符内的脚本代码以实现不同的功能，如访问数据库、发送电子邮件、执行算术或逻辑运算等，最后把执行结果返回Web服务器。
最终，Web服务器把解释引擎的执行结果连同页面上的HTML内容以及各种客户端脚本一同传送到客户端。虽然，客户端用户所接收到的页面与传统页面并没有任何区别，但是，实际上页面内容已经经过了服务器端处理，完成了动态的个性化设置。
图0-10所示是动态网页的交互过程。图0-10 动态网页的交互过程
0.3 制作网页的软件
不论是制作大型网站还是一般的企业网站，无非都是做出一个又一个的网页，再把它们链接起来。制作网页可以直接使用 HTML，也可以使用工具软件。由于使用语言编制工作量很大，制作一个页面往往要写成百上千行代码，非常麻烦，而且出错率高，错误也不易检测和排除，因此，对于大多数人来说，使用工具软件是最方便安全的。
用于设计网页的工具软件很多，最著名的、使用人数最多的就是 Adobe 公司的网页三剑客Dreamweaver、Flash和Fireworks，网页三剑客的三者结合是当今网站开发的必备工具。
0.3.1 网页编辑软件Dreamweaver CS6
Dreamweaver CS6是Adobe公司推出的一款网页设计的专业软件，其强大功能和易操作性令它成为同类开发软件中的佼佼者。Dreamweaver 是集创建网站和管理网站于一身的专业性网页编辑工具，因其界面更为友好、人性化和易于操作，可快速生成跨平台及跨浏览器的网页和网站，并且能进行可视化的操作，拥有强大的管理功能，所以受到了广大网页设计师们的青睐，一经推出就好评如潮。它不仅是专业人员制作网站的首选工具，而且被普及到广大网页制作爱好者中。Dreamweaver CS6是Adobe公司推出的最新版本，图0-11所示是使用Dreamweaver CS6制作和排版网页。
0.3.2 网页动画制作软件Flash CS6
在浏览网页的时候，浏览者的视线总会不由自主地被那些精彩的动画所吸引，同时，会忍不住好奇地想知道这些动画是用什么软件制作出来的，这就是Flash软件。Flash是Adobe公司推出的一款功能强大的动画制作软件，是动画设计界应用较广泛的一款软件，它将动画的设计与处理推向了一个更高、更灵活的艺术水准。图0-11使用Dreamweaver CS6制作和排版网页
Flash是一种交互式动画设计工具，用它可以将音乐、声效、动画，以及富有新意的界面融合在一起，以制作出高品质的 Flash 动画。Flash动画文件较小，能提高网络传送的速度，大大增强了网站的视觉冲击力，吸引了越来越多的浏览者访问网站。目前 Flash 最新的版本是Flash CS6。图0-12所示是用Flash CS6设计网页动画。图0-12使用Flash CS6设计网页动画
0.3.3 网页图像制作软件Fireworks CS6
Adobe Fireworks CS6是Adobe推出的一款网页作图软件，该软件可以加速网页设计与开发，是一款创建与优化网页图像和快速构建网站界面的理想工具。Fireworks CS6不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库，并可与 Adobe Photoshop CS6、Adobe Illustrator CS6、Adobe Dreamweaver CS6和Adobe Flash CS6软件集成。在Fireworks中可以设计网页中的图像，如设计网页标志、网页按钮、网络广告、网站的整体页面效果和处理产品图像等。图0-13所示是用Fireworks CS6设计网页图像。图0-13使用Fireworks CS6设计网页图像
0.4 制作网页的基础知识
目前大部分制作网页的方式都是运用可视化的网页编辑软件，这些软件的功能相当强大，使用非常方便。但是一个专业网页设计者仍需了解HTML、CSS和JavaScript等网页设计语言和技术的使用，这样才能充分发挥自己丰富的想象力，更加高效地设计符合标准的网页，以实现网页设计软件不能实现的许多重要功能。
0.4.1 HTML
HTML（Hyper Text Markup Language），它是网页超文本标记语言，是全球互联网上描述网页内容和外观的标准。
HTML不是一种编程语言，而是一种描述性的标记语言，它用于描述超文本中内容的显示方式。如文字以什么颜色、大小来显示等，这些都是利用HTML标记完成的。其最基本的语法就是<标记符>内容。标记符通常都是成对使用，有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。当浏览器收到HTML文件后，就会解释里面的标记符，然后把标记符相对应的功能表达出来。
下面是一个最简单网页的HTML结构。
网页头部信息
网页主体正文部分
HTML定义了以下3种标记用于描述页面的整体结构。
标记：它放在 HTML 的开头，表示网页文档的开始；其结束标记指明网页文档的结束。
标记：出现在文档的起始部分，标明文档的头部信息，一般包括标题和主题信息；其结束标记指明文档标题部分的结束。标记：用来指明文档的主体区域，网页所要显示的内容都放在这个标记内，其结束标记指明主体区域的结束。0.4.2 CSS
当读者熟练掌握了Dreamweaver的基本功能后，可能会发现制作的网页有些问题，例如，文字不能添加在图片上，段落之间不能设置行距。有时即使懂得一些HTML标签，也还不能随意改变网页元素的外观，无法随心所欲地编排网页。因此W3C协会颁布了一套CSS语法，用来扩展HTML语法的功能。CSS是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的标签主要是定义网页的内容，而CSS决定这些网页内容如何显示。
网页设计中我们通常需要统一网页的整体风格，统一的风格大部分涉及网页中文字属性、网页背景色及链接文字属性等，如果应用CSS来控制这些属性，会大大提高网页设计速度，更加统一网页总体效果。图0-14所示是用CSS美化布局的网页。
CSS（Cascading Style Sheet，层叠样式表）是一种制作网页的新技术，现在已经为大多数浏览器所支持，成为网页设计必不可少的工具之一。
CSS有以下优点。
利用CSS制作和管理网页都非常方便。
CSS 可以更加精细地控制网页的内容形式。例如，标记中的size属性，它用来控制文字的大小，但它控制的字体大小只有 7 级，要是出现需要使用10像素或100像素大的字体的情况，HTML标记就无能为力了。但CSS可以办到，它可以随意设置字体的大小。图0-14 使用CSS美化布局的网页
CSS样式是丰富多彩的，比HTML更加丰富，如滚动条的样式定义及鼠标指针光标的样式定义等。
CSS的定义样式灵活多样，可以根据不同的情况，选用不同的定义方法。例如可以在HTML文件内部定义，可以分标记定义、分段定义，也可以在HTML文件外部定义，基本上能满足使用。
0.4.3 JavaScript
使用HTML只能制作出静态的网页，无法独立地完成与客户端动态交互的网页任务，虽然也有其他的语言（如CGI、ASP和Java等）能制作出交互的网页，但是因为其编程方法较为复杂，所以Netscape公司开发出了JavaScript语言，它引进了 Java 语言的概念，是内嵌于HTML中的脚本语言。Java和JavaScript语言虽然在语法上很相似，但它们仍然是两种不同的语言。JavaScript 仅仅是一种嵌入 HTML 文件中的描述性语言，它并不编译产生机器代码，只是由浏览器的解释器将其动态地处理成可执行的代码。而Java语言则是一种比较复杂的编译性语言。
JavaScript使网页增加互动性。JavaScript使有规律地重复的HTML代码段简化，减少下载时间。JavaScript能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由CGI验证。JavaScript脚本是满足互动需求而产生的语言，深受广大用户的喜爱和欢迎，是众多脚本语言中较为优秀的一种。图0-15所示是用JavaScript制作的动态特效网页。图0-15使用JavaScript制作的动态特效网页
0.5 课后练习
1．填空题（1）网站按其内容可分为____、____、____、____、____、____和____。（2）用于设计网页的工具软件很多，最著名的、使用人数最多的就是Adobe公司的网页三剑客____、____、 和____ ，网页三剑客的三者结合是当今网站开发的必备工具。
参考答案：（1）企业类网站、电子商务网站、个人网站、机构类网站、娱乐游戏网站、门户网站、行业信息类网站（2）Dreamweaver、Flash、Fireworks
2．简答题（1）什么是静态网页，有哪些特点？（2）什么是动态网页，动态网页怎么运行的？
0.6 本章总结
随着网络的发展，网站竞争也越来越激烈，这使得网页制作者及运营者不断地进行思考，制作出优秀的网页并不断更新以适应社会的发展，在网络中占据一席之地。要制作优秀的网页，就需要了解相关的网络知识，掌握各种制作软件来制作有特色的网站。第一部分Dreamweaver CS6网页制作篇
第1章
Dreamweaver CS6创建基本文本网页
第2章
使用图像和多媒体创建丰富多彩的网页
第3章
使用表格布局排版网页
第4章
Div和布局对象的使用
第5章
使用模板和库提高网页制作效率
第6章
使用CSS样式表美化和布局网页
第7章
使用行为创建特效网页
第8章
设计开发动态数据库网页第1章 Dreamweaver CS6创建基本文本网页
Dreamweaver CS6是业界领先的Web开发工具，使用该工具可以高效地设计、开发和维护网站。利用Dreamweaver CS6中的可视化编辑功能，可以快速地创建网页而不需要编写任何代码，这对于网页制作者来说，使工作变得很轻松。文本是网页中最基本和最常用的元素，是网页信息传播的重要载体。学会在网页中使用文本和设置文本格式对于网页设计人员来说是至关重要的。
学习目标
熟悉Dreamweaver CS6的操作界面
掌握Dreamweaver CS6的新功能
掌握创建本地站点的方法
掌握添加文本记录的方法
掌握创建网页链接的方法1.1 Dreamweaver CS6的操作界面
Dreamweaver是Adobe公司开发的集网页制作和管理网站于一身的所见即所得的网页编辑器，它是第一套针对专业网页设计师的视觉化网页开发工具。
Dreamweaver CS6是最新版的网页制作软件，它提供了方便快捷的工具，不仅使得网页制作过程更加直观，同时也大大简化了网页制作步骤，以快速制作网站雏形、设计、更新和重组网页。Dreamweaver CS6的工作界面是由菜单栏、插入栏、文档窗口、属性面板以及浮动面板组组成，整体布局显得紧凑、合理、高效，如图1-1所示。图1-1 Dreamweaver CS6的工作界面1.1.1 菜单栏
菜单栏包括【文件】、【编辑】、【查看】、【插入】、【修改】、【格式】、【命令】、【站点】、【窗口】和【帮助】10个菜单，如图1-2所示。图1-2 菜单栏【文件】菜单：用来管理文件，包括创建和保存文件、导入与导出文件，以及浏览和打印文件等。【编辑】菜单：用来编辑文本，包括撤销与恢复、复制与粘贴、查找与替换、参数设置和快捷键设置等。【查看】菜单：用来查看对象，包括代码的查看、网格线与标尺的显示、面板的隐藏和工具栏的显示等。【插入】菜单：用来插入网页元素，包括插入图像、多媒体、表格、布局对象、表单、电子邮件链接、日期和HTML等。【修改】菜单：用来实现对页面元素修改的功能，包括页面属性、CSS样式、快速标签编辑器、链接、表格、框架、AP元素与表格的转换、库和模板等。【格式】菜单：用来对文本进行操作，包括字体、字形、字号、字体颜色，HTML/CSS样式，段落格式化、扩展、缩进、列表、文本的对齐方式等。【命令】菜单：收集了所有的附加命令项，包括应用记录、编辑命令清单、获得更多命令、扩展管理、清除HTML/Word HTML、检查拼写和排序表格等。【站点】菜单：用来创建与管理站点，包括新建站点、管理站点、上传与存回和查看链接等。【窗口】菜单：用来打开与切换所有的面板和窗口，包括插入栏、【属性】面板、站点窗口和【CSS】面板等。【帮助】菜单：内含Dreamweaver帮助、Spry框架帮助、Dreamweaver支持中心、产品注册和更新等。1.1.2 【属性】面板【属性】面板主要用于查看和更改所选对象的各种属性，每种对象都具有不同的属性。【属性】面板包括两种选项，一种是“HTML”选项，如图1-3所示，将默认显示文本的格式、样式和对齐方式等属性。另一种是“CSS”选项，单击【属性】面板中的“CSS”选项，可以在“CSS”选项中设置各种属性。图1-3 【属性】面板1.1.3 文档窗口
文档窗口主要用于文档的编辑，可同时打开多个文档进行编辑，可以在【代码】视图、【拆分】视图和【设计】视图中分别查看文档，如图1-4所示。图1-4 文档窗口1.1.4 插入栏
插入栏中放置的是在编写网页过程中经常用到的对象和工具。通过该面板可以很方便地使用网页中所需的对象以及对对象进行编辑所要用到的工具，如图1-5所示。图1-5 插入栏1.1.5 浮动面板
在 Dreamweaver 工作界面的右侧排列着一些浮动面板，这些面板集中了网页编辑和站点管理过程中最常用的一些工具按钮。这些面板被集合到面板组中，每个面板组都可以展开或折叠，并且可以和其他面板停靠在一起。面板组还可以停靠到集成的应用程序窗口中。这样就能够很容易地访问所需的面板，而不会使工作区变得混乱。面板组如图1-6所示。图1-6 面板组1.2 Dreamweaver CS6的新功能
Adobe Dreamweaver CS6软件使设计人员和开发人员能充满自信地构建基于标准的网站。利用Adobe Dreamweaver CS6软件中改善的FTP性能，更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现 HTML5 代码，帮助用户实时检查自己的工作。下面介绍 Adobe Dreamweaver CS6软件的新特性和功能。1.2.1 可响应的自适应网格版面
使用响应迅速的CSS3自适应网格版面，来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。协助你设计能在台式机和各种设备不同大小屏幕中显示的项目，直观地创建复杂网页设计和页面版面，无需忙于编写代码，如图1-7所示。图1-7 自适应网格版面1.2.2 FTP快速上传
图1-8所示为利用重新改良的多线程FTP传输工具节省上传大型文件的时间。Dreamweaver CS6 可以更快速高效地上传网站文件，缩短制作时间。图1-8 FTP快速上传1.2.3 Adobe Business Catalyst集成
使用Dreamweaver中集成的Business Catalyst面板连接并编辑你的网站，利用托管解决方案建立电子商务网站。图 1-9 所示为选择 Business Catalyst集成菜单命令。图1-9选择【Business Catalyst集成】命令1.2.4 增强型jQuery移动支持
使用更新的 jQuery 移动框架支持为 iOS 和Android平台建立本地应用程序。建立触及移动受众的应用程序，同时简化移动开发工作流程，如图1-10所示。图1-10 增强型jQuery移动支持
jQuery Mobile是jQuery在手机上和平板设备上的版本。jQuery Mobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。另外，还支持全球主流的移动平台。1.2.5 更新的PhoneGap
更新的Adobe PhoneGap™可轻松为Android和iOS 建立和封装本地应用程序。通过改编现有的 HTML 代码来创建移动应用程序。使用PhoneGap模拟器检查你的设计。1.2.6 CSS3过渡
将CSS属性变化制成动画过渡效果，使网页设计栩栩如生。在处理网页元素和创建优美效果时保持对网页设计的精准控制，如图1-11所示。图1-11 CSS3过渡1.2.7 更新的实时视图
使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit转换引擎，能够提供绝佳的HTML 5支持，如图1-12所示。图1-12 更新的实时视图1.2.8 更新的多屏幕预览面板
利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板现在能够让用户检查HTML 5内容呈现，如图1-13所示。图1-13 更新的多屏幕预览面板1.3 创建本地站点
在使用Dreamweaver制作网页前，最好先定义一个站点，这是为了更好地利用站点对文件进行管理，尽可能地减少错误，如路径出错、链接出错等。1.3.1 使用向导建立站点
Dreamweaver 是最佳的站点创建和管理工具，使用它不仅可以创建单独的文档，还可以创建完整的站点。创建本地站点的具体操作步骤如下。
1 选择【站点】|【管理站点】命令，弹出【管理站点】对话框，在对话框中单击【新建】按钮，如图1-14所示。图1-14 【管理站点】对话框
2 弹出【站点设置对象】对话框，在对话框中选择【站点】选项卡，在【站点名称】文本框中输入名称，可以根据网站的需要任意起一个名字，如图1-15所示。图1-15 设置【站点名称】
3 单击【本地站点文件夹】文本框右边的浏览文件夹按钮，弹出【选择根文件夹】对话框，选择站点文件，如图1-16所示。
试读结束[说明：试读内容隐藏了图片]