玩设计：Dreamweaver CS6全攻略(含DVD光盘1张)

         
“如果你要踏入网页设计这一行，那么这本《玩设计：Dreamweaver
CS6全攻略》你一定要看哟！
        
书中对DW进行了全面的知识讲解、完整的素材文件和动手操作练习，并配有多媒体视频，为初学者的你精心打造学习盛宴。

　　本书是初学者快速自学Dreamweaver
CS6的经典教程和参考指南。全书共分11章，从Dreamweaver的基础知识开始，带领读者体验Dreamweaver
CS6的新功能和全新的界面；并详细讲解文件管理、站点创建与管理、本地Web服务器的配置、AP
Div和表格布局页面的应用、在页面上添加富媒体内容、使用框架布局页面、使用CSS样式控制页面外观、使用行为和Spry制作页面特效，以及设计和验证表单并将表单信息提交到数据库等内容；后以“留言区”和“新闻公告区”两个动态网站功能模块为例，具体讲解在本地服务器环境下开发动态网站系统的应用技巧。附带的1张视频教学光盘包含了书中所有实例的多媒体视频教程、源文件和素材文件。

       
本书不仅适合作为网站设计与制作，网站开发与程序设计初、中级读者的学习用书，同时也适合作为大中专院校相关专业及各类培训班的教材。

Dreamweaver CS6 全攻略
contents
目录
Chapter1 DreamweaverCS6应用入门
1.1 Dreamweaver CS6新功能
1.1.1 自适应流体网格布局
1.1.2 创新多屏幕预览面板
1.1.3 CSS3HTML5支持
1.1.4 强大的jQuery移动支持
1.1.5 简单便捷的站点设置
1.1.6 尖端的CSS3过渡效果
1.1.7 增强的实时视图
1.1.8 增强的Web字体的支持
1.2 Dreamweaver CS6用户界面
1.2.1 菜单栏
1.2.2 文件窗口
1.2.3 文件工具栏
1.2.4 面板组
1.2.5 文件状态栏
1.2.6 工作区切换器
1.2.7 欢迎屏幕
1.2.8 文件窗口的视图
1.3 管理与浏览网页文件
1.3.1 新建文件
1.3.2 打开文件
1.3.3 保存与还原文件
1.3.4 设置页面属性
1.3.5 通过浏览器预览网页
1.3.6 编辑浏览器列表
1.4 小结与思考

Chapter2网站架设、管理与上传
2.1 网站与网站设计
2.1.1 什么是网站
2.1.2 网站的组成
2.1.3 静态网站和动态网站
2.1.4 网站设计的要点
2.2 配置本地Web服务器
2.2.1 关于Dreamweaver站点
2.2.2 本地和远程文件夹结构
2.2.3 安装Web服务器—IIS
2.2.4 设置IIS默认站点属性
2.2.5 设置运行本地站点的用户权限
2.3 使用Dreamweaver站点
2.3.1 新建站点
2.3.2 新建和移动文件
2.3.3 打开和删除文件
2.3.4 上传文件到远程服务器
2.4 设计跟练
2.4.1 检查和修复站点无效链接
2.4.2 与远程服务器同步站点
2.5 小结与思考

Chapter3使用AP IDV与表格布局页面
3.1 使用AP DIV设计页面
3.1.1 载入跟踪图像
3.1.2 绘制AP DIV布局对象
3.1.3 将内容添加到AP Div
3.1.4 设置AP Div对象属性
3.1.5 显示与隐藏AP Div
3.2 使用标准表格设计页面
3.2.1 在页面插入表格
3.2.2 设置表格的属性
3.2.3 设置单元格属性
3.2.4 调整表格、行和列大小
3.2.5 合并和拆分单元格
3.2.6 添加或删除行和列
3.2.7 添加内容到表格单元格
3.3 表格的自动化处理
3.3.1 导入表格式数据
3.3.2 自动排序表格内容
3.4 设计跟练
3.4.1 使用AP DIV制作投影效果
3.4.2 制作精美酒店价格查询表
3.5 小结与思考

Chapter4向页面添加和设置内容
4.1 添加与设置文本
4.1.1 编辑字体列表
4.1.2 添加文本到页面中
4.1.3 通过HTML设置文本
4.1.4 通过CSS设置文本
4.1.5 设置文本的样式
4.2 段落文本的编排
4.2.1 文本的换行与断行
4.2.2 编排大量文本成段落
4.2.3 制作列表式段落文本
4.2.4 内容的查找与替换
4.3 插入与编辑图像对象
4.3.1 插入图像并设置属性
4.3.2 图像的编辑与优化
4.3.3 插入与替换图像占位符
4.3.4 插入鼠标经过图像
4.4 为页面添加媒体内容
4.4.1 插入SWF动画
4.4.2 插入FLV视频
4.5 设计跟练
4.5.1 制作精美的页面图像背景
4.5.2 制作嵌入式背景音乐效果
4.6 小结与思考

Chapter5 应用框架结构布局页面
5.1 框架的基础知识
5.1.1 关于框架与框架集
5.1.2 框架与框架集工作方式
5.1.3 关于嵌套的框架集
5.1.4 框架类型网页的优缺点
5.2 使用框架布局页面
5.2.1 创建预定义的框架集
5.2.2 保存框架与框架集文件
5.2.3 指定框架的源文件
5.2.4 调整框架的大小
5.2.5 设置框架集与框架属性
5.3 编辑页面上的框架
5.3.1 拆分框架
5.3.2 删除框架
5.3.3 编辑无框架内容
5.4 设计跟练
5.4.1 制作上下结构框架网页
5.4.2 制作浮动框架页面效果
5.5 小结与思考

Chapter6创建站点的链接与导航
6.1 链接的基础知识
6.1.1 文件位置和路径
6.1.2 关于路径
6.1.3 文件相对路径
6.1.4 站点根目录相对路径
6.2 创建Web站点链接
6.2.1 链接的类型
6.2.2 创建到文件的链接
6.2.3 创建到特定位置的链接
6.2.4 创建电子邮件链接
6.2.5 创建空链接和脚本链接
6.3 创建图像地图链接
6.3.1 关于图像地图
6.3.2 创建图像地图热点链接
6.3.3 选择与编辑图像地图热点
6.4 用菜单栏部件制作导航
6.4.1 关于菜单栏部件
6.4.2 插入和编辑菜单栏部件
6.4.3 修改菜单栏部件的样式
6.5 设计跟练
6.5.1 制作下载文件的链接
6.5.2 制作打开简介页图像地图
6.6 小结与思考

Chapter7使用CSS控制Web页外观
7.1 了解CSS
7.1.1 关于CSS
7.1.2 关于CSS规则
7.1.3 应用CSS的方法
7.1.4 CSS规则选择器类型
7.1.5 定义CSS规则的内容
7.2 应用CSS规则
7.2.1 应用类选择器设置文字
7.2.2 应用ID选择器设置表格
7.2.3 应用标签选择器设置列表
7.2.4 应用复合内容选择器设置链接
7.3 创建与附加CSS文件
7.3.1 CSS规则可处的位置
7.3.2 创建CSS文件
7.3.3 附加外部CSS文件
7.4 设计跟练
7.4.1 制作透明图像的效果
7.4.2 制作波纹图像的效果
7.5 小结与思考

Chapter8基于行为与Spry的特效
8.1 行为应用的基础
8.1.1 关于行为
8.1.2 使用【行为】面板
8.2 行为的应用
8.2.1 添加行为
8.2.2 修改事件
8.2.3 更改或删除行为
8.3 Spry应用的基础
8.3.1 关于Spry框架
8.3.2 关于Spry构件
8.3.3 使用Spry构件的方法
8.4 插入与设置Spry构件
8.4.1 插入与编辑折叠式构件
8.4.2 自定义折叠式构件样式
8.5 应用Spry行为效果
8.5.1 Spry效果概述
8.5.2 制作图像显示渐隐效果
8.5.3 制作图像上下遮帘效果
8.6 设计跟练
8.6.1 制作页面图像交换效果
8.6.2 制作跟随鼠标工具提示
8.6.3 制作左右晃动图像效果
8.7 小结与思考

Chapter9 Web表单设计与信息收集
9.1 Web表单的基础
9.1.1 关于Web表单
9.1.2 关于Web对象
9.2 设计静态的Web表单
9.2.1 插入表单和表单对象
9.2.2 使用CSS美化表单
9.2.3 应用Spry对象验证表单
9.3 设计动态的Web表单
9.3.1 创建数据库和数据表
9.3.2 设置ODBC系统数据源
9.3.3 指定数据源名称（DSN）
9.3.4 将表单信息提交到数据库
9.4 设计跟练
9.4.1 在页面显示会员姓名
9.4.2 传递参数让首页显示会员姓名
9.5 小结与思考

Chapter10网站系统开发——留言区
10.1 留言区分析和展示
10.1.1 留言系统开发的重点
10.1.2 本章留言区逻辑结构
10.1.3 留言区的数据库分析
10.1.4 留言区的成果展示
10.2 留言区系统的开发
10.2.1 配置IIS和数据源
10.2.2 制作留言区首页
10.2.3 制作发表和回复页
10.2.4 制作留言内容页面
10.3 小结与思考

Chapter11网站系统开发——新闻公告
11.1 新闻公告分析和展示
11.1.1 新闻公告系统逻辑结构
11.1.2 留言区的数据库分析
11.1.3 新闻公告系统成果展示
11.2 新闻公告系统的开发
11.2.1 配置IIS和数据源
11.2.2 制作新闻公告

　　前言
关于本书
Adobe Dreamweaver CS6是Adobe发布的Adobe
CS6套装软件的应用程序之一，它是一款功能强大、易学易用的网页编辑工具。使用Dreamweaver，用户可以虚拟一个功能完整的Web站点，并通过其操作简单的功能完成Web页面设计，不仅可以制作形式丰富的多媒体网页内容，还可以配合数据库制作具备信息互动的动态网页，是现在使用广泛的一款网站开发软件。

本书通过由浅入深、由入门到提高、由基础到应用的方式，先带领读者体验Dreamweaver
CS6的新功能，然后通过Dreamweaver CS6的界面介绍、文件管理等基础知识，为读者学习Dreamweaver
CS6奠定坚实的基础，接着延伸网页文本编辑、网页图像应用、使用表格和框架布局页面、定义CSS规则优化网页元素外观、使用链接建立站点文件关联、行为特效与Spry特效应用、网页表单与数据库结合的动态设计等知识，后通过留言系统、新闻公告系统两个动态网站功能模块案例的介绍，让读者掌握综合应用Dreamweaver开发动态网站的方法和技巧。

通过先训练后实操的学习过程，达到即学即用的目的，从而引导读者进入Dreamweaver网站设计的世界，体验网页设计、网站管理的乐趣，领略其在工作、生活中的实用价值。

本书结构
本书共11章，全书的内容始终以“设计导向、学以致用”为主要思想，为读者列举了大量的应用实例作参考，使读者能更好地学习Dreamweaver
CS6程序。
本书的内容简介如下。
●第1章：本章主要介绍了Dreamweaver CS6的入门基础知识，包括了解Dreamweaver
CS6新功能的作用和全新用户界面的组成，以及介绍了文件管理、预览网页的各种方法。
●第2章：本章主要介绍了网站的基础知识，并讲解在本地配置Web服务器和使用Dreameaver站点的方法。
●第3章：本章主要介绍了布局页面的元素AP Div和表格的应用，其中包括载入跟踪图像、绘制和设置AP
Div对象、插入和修改单元格，以及导入表格式数据和自动排序表格等内容。
●第4章：本章主要介绍了在页面上添加文本、图像、媒体等内容的方法，其中包括编辑字体列表、添加和设置文本、插入和设置图像、编辑和优化图像、插入SWF动画和FLV视频等内容。

●第5章：本章主要介绍了框架集与框架的概念，接着介绍框架集创建与保存、设置属性，以及框架的调整与编辑、应用浮动框架设计页面的方法。

●第6章：本章主要介绍了文件位置和路径的概念以及使用差别，接着介绍Web页中各种超链接的创建与设置和图像地图链接的创建与编辑，以及使用菜单栏构件制作站点导航的应用。

●第7章：本章主要介绍了关于CSS的起源、发展与它的规则组成、类型和应用到网页的方法，然后以多个例子介绍创建和应用CSS规则的方法，以及创建与附加CSS样式表的技巧。

●第8章：本章主要介绍了行为的基础和行为的应用，再介绍Spry的基础和Spry构件的应用，接着介绍通过【行为】面板应用Spry行为效果制作网页特效的内容。

●第9章：本章主要介绍了网页表单的设计和验证表单的方法，接着介绍创建数据库、设置ODBC数据源、为站点指定数据源名称，以及提交表单记录至数据库和在网页上显示数据库记录的方法。

●第10章：本章以一个动态留言区系统为例，介绍使用Dreamweaver CS6开发网站动态功能模块的方法。
●第11章：本章以一个动态新闻公告系统为例，介绍使用Dreamweaver CS6开发网站动态功能模块的方法。
本书总结了作者多年应用Dreamweaver开发网站的实践经验，目的是帮助想从事网站开发、网页设计行业的广大读者迅速入门并提高学习和工作效率，同时对众多Dreamweaver爱好者和网站制作爱好者也有很好的指导作用。

本书由黎文锋主编，参与本书编写及设计工作的还有梁颖思、梁锦明、林业星、黄活瑜、吴颂志、刘嘉、黄俊杰、李剑明、周志苹、黎敏、黎剑锋和谢敏锐等，在此一并谢过。在本书的编写过程中，我们力求精益求精，但难免存在一些不足之处，敬请广大读者批评指正。

2.1.4网站设计的要点
图2.4 应用了动态语言的网站

在网站制作前，需要先对设计方向进行感性思考与理性分析，这样才能借助Dreamweaver CS6强大
的功能，设计出高水准的网站。

一般来说，网站的开发具有以下几个要点。

（1）设计的任务
在网站开发前，首先需要了解网站设计任务，即设计者要表现的主题和要实现的功能，网站的性
质不同，设计的任务也会有所不同。例如，对于类似新浪、雅虎这样的门户网站，由于其信息量较
大，因此需要注意页面的分割、结构的合理及页面的优化等；对于一些中小型的企业网站，则主要任
务是突出企业形象，对网站设计者的美术功底有较高要求。

（2）设计的实现
明确了设计任务后，就需要开始实现这个设计任务了。首先在纸上绘制出网站的蓝图，然后通过
各种设计软件（如Dreamweaver、Photoshop、Flash等）将设计的蓝图变为现实。当然，在设计过程中
一定要注意作品的创意性。

（3）色彩的搭配
在网页制作过程中，色彩的整体搭配是非常重要的。例如，红色代表热情、奔放，象征着生命；
黄色代表华丽、高贵、明快。绿色代表安宁、和平与自然；紫色则是高贵的象征，有庄重感；而白色
能给人以纯洁与清白的感觉，表示和平与圣洁。由于设计任务的不同，配色方案也随之不同。例如，

绿色和金黄、淡白搭配，可以产生优雅、舒适的气氛；蓝色和白色混合，能体现柔顺、淡雅、浪漫的
气氛；而红色和黄色、金色的搭配能渲染喜庆的气氛。考虑到网页的适应性，建议网站设计人员尽量
使用网页安全色。图2.5所示为以红色为主要配色方案的网页设计效果。

（4）造型的组合
一般来说，网页主要通过视觉传达来表现主题，而在视觉传达中，造型是很重要的一个元素。在
网页中可将点、线、面作为画面的基本构成要素来进行处理。通过点、线、面的不同组合，可以突出
页面上的重要元素及设计的主题，增强美感，让浏览者在感受美的过程中领会设计的主题，从而实现
设计的任务。图2.6所示为充分利用点、线、面造型的网页设计效果。

图2.5 以红色为主要配色方案的网页设计效果图2.6 造型出色的网页设计效果

（5）设计的原则
进行网站设计是有原则的，设计者无论使用何种方式对页面中的元素进行组合，都需要遵循五个
大的原则，即统一、连贯、分割、对比及和谐。
统一：是指设计作品的整体性，一致性。
连贯：是指页面的相互关系，即设计中应利用各组成部分在内容上的内在联系和表现形式上的相

互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部

分极为融洽。
分割：指将页面分成若干个小区域，区域之间具有视觉上的不同，这样可以使浏览者一目了然。
对比：是指通过矛盾和冲突，使设计效果更具有生气和活力。
和谐：是指整个页面符合美的法则，浑然一体，使设计作品所形成的视觉效果与人的视觉感受形

成一种沟通，产生心灵的共鸣。

2.2 配置本地Web服务器2.2 配置本地Web服务器
学习内容：Dreamweaver站点和配置本地Web服务器。
学习目的：了解Dreamweaver站点和文件结构，并掌握安装IIS组件与配置IIS和设置用户权限的方法。
学习备注：在本地创建与制作网站，可以通过IIS配置网站环境。

对于DreamweaverCS6来说，本地站点是用户的Web站点中所有文件和资源的集合。用户可以在计算机
上配置Web服务器（IIS）并创建Web页，再将Web页上传到Web服务器，并可随时在保存文件后传输
更新的文件来对站点进行维护。

2.2.1关于Dreamweaver站点
在Dreamweaver中，术语“站点”指属于某个Web站点的文件的本地或远程存储位置。
Dreamweaver站点提供了一种方法，使用户可以组织和管理所有的Web文件，并可以将Dreamweaver站
点上传到Web服务器，跟踪和维护站点的链接以及管理和共享文件。

若要定义Dreamweaver站点，只需设置一个本地文件夹。若要向Web服务器传输文件或开发Web应
用程序，还必须添加远程站点和测试服务器信息。因此，Dreamweaver站点主要由这三个部分组成，
具体取决于开发环境和所开发的Web站点类型。

本地文件夹：它是一个工作目录，也称为“本地站点”。此文件夹可以位于本地计算机上，也
可以位于网络服务器上。如果用户直接在服务器上工作，则每次保存文件时Dreamweaver都会将文件
上传到服务器。

远程文件夹：它是存储文件的位置，也称为“远程站点”，该文件夹通常位于运行Web服务器的
计算机上。

 测试服务器：它是Dreamweaver处理动态页的过程，也称为“动态文件夹”。

技巧
本地文件夹和远程文件夹使用户能够在本地硬盘和Web服务器之间传输文件，以便轻松管理
Dreamweaver网站中的文件。

注意
Dreamweaver要连接到的远程文件夹必须存在。如果未在Web服务器上指定一个文件夹作为远程文件
夹，则应创建一个远程文件夹或要求服务器管理员创建一个远程文件夹。
另外，Web服务器一般需要购买或租用，提供这种服务的服务商用户可以通过互联网搜索到。