中文版Dreamweaver CC完全自学一本通

本书全面系统地介绍了DreamweaverCC的基本操作方法和网页的设计制作技巧，其中包括站点的建立与管理、DreamweaverCC中的源代码、网页的整体设置、文本的应用、创建图像页面、如何使用CSS修饰网页、使用表格布局页面、使用Div+CSS布局网页、创建多媒体网页、利用表单对象创建表单文件、网页链接的应用、创建框架页面、利用模板和库创建网页、使用JavaScript行为创建动态效果、使用jQuery框架、网站的维护与上传，在本书的很后，以两章经典的网页案例作为讲解，帮助读者更深入地掌握DreamweaverCC的使用和技巧。

张晓景，计算机图形图像畅销书作者，通过Adobe教师认证资格考试或者靠前认证讲师资格，曾在北大、农大、联合大学、计算机研修学院以及新东方等培训机构任专职或兼职讲师。

第1章了解网页设计的基础1
1.1网页的概述1
1.1.1网页的基本要素2
1.1.2网页的基本术语3
1.1.3静态网页和动态网页6
1.2网页编辑器和屏幕分辨率6
1.2.1网页编辑器7
1.2.2屏幕分辨率7
1.3网站制作的基本流程8
1.3.1前期策划8
1.3.2收集素材8
1.3.3页面的版式和布局分析8
1.3.4确定网站的主色调10
1.3.5设计页面整体10
1.3.6其他页面元素的设计11
1.3.7切割和优化页面11
1.3.8制作HTML页面11
1.3.9测试并上传网站12
1.3.10网站的更新与维护12
1.4网页的色彩特效12
1.4.1网页色彩的特性12
1.4.2网页安全色13
1.4.3色彩模式13
1.4.4网页配色的基本规则14
1.4.5网页配色中的文本颜色15
1.4.6网页配色中各元素的关系16
1.5专家支招16
1.5.1网页设计师有哪些基本要求16
1.5.2建设一个网站都需要准备什么17
1.6总结扩展17
1.6.1本章小结17
1.6.2举一反三——网页设计师需要的基本素质有哪些18
2.1安装DreamweaverCC19
2.1.1DreamweaverCC的系统要求19
2.1.2DreamweaverCC的安装19
应用案例——安装DreamweaverCC20
2.1.3启动DreamweaverCC21
2.2DreamweaverCC新增功能21
2.2.1简化的用户界面22
2.2.2“新建文档”对话框22
2.2.3Dreamweaver与CreativeCloud云同步22
2.2.4全新的“插入”面板23
2.2.5全新的“CSS设计器”面板23
2.2.6新增HTML5画布插入按钮23
2.2.7新增网页结构元素23
2.2.8新增HTML5音频和视频插入按钮24
2.2.9支持导入AdobeEdgeAnimate作品24
2.2.10新增HTML5表单输入类型24
2.2.11新增适用于jQueryMobile的表单元素24
2.2.12jQueryWidget25
2.2.13集成EdgeWebFonts25
2.2.14支持全新的平台25
2.2.15增强表单元素对HTML5的支持25
2.2.16增强FTP26
2.3使用DreamweaverCC工作区26
2.3.1在文档窗口工作27
2.3.2使用工具栏、检查器和快捷菜单29
2.3.3自定义Dreamweaver工作区29
应用案例——自定义工作区31
2.3.4使用键盘快捷键33
应用案例——自定义键盘快捷键34
2.3.5添加管理扩展功能35
应用案例——添加扩展功能35
2.4Dreamweaver工作流程36
2.5使用可视化助理布局37
2.5.1使用标尺37
2.5.2网格的设置38
2.5.3使用辅助线39
2.5.4使用跟踪图像40
2.6专家支招41
2.6.1网页设计的常用尺寸41
2.6.2定义不同工作环境的作用41
2.7总结扩展41
2.7.1本章小结41
2.7.2举一反三——DreamweaverCC的卸载42
3.1建立站点43
3.1.1方便快捷地建立站点43
应用案例——创建站点44
3.1.2设置站点服务器44
3.1.3设置站点服务器选项45
3.1.4设置版本控制48
3.1.5站点的高级设置49
3.1.6新建BusinessCatalyst站点52
3.2站点管理53
3.2.1切换站点53
3.2.2“管理站点”对话框54
应用案例——新建并管理站点55
3.2.3规划站点结构55
应用案例——设置站点远程服务器56
3.3构建站点结构57
3.3.1创建和打开文档57
3.3.2管理文件和文件夹60
3.3.3重命名和删除文件60
3.3.4存回和取出文件60
3.3.5同步文件61
3.3.6比较文件的差别62
3.3.7测试站点62
应用案例——创建站点文件结构63
3.4专家支招64
3.4.1什么是本地站点和远程站点64
3.4.2如何进行站点的管理64
3.5总结扩展64
3.5.1本章小结65
3.5.2举一反三——备份站点并导入站点65

4.1HTML的技术介绍67
4.1.1认识HTML语言67
4.1.2HTML文档的基本结构68
应用案例——创建简单的HTML页面69
4.1.3HTML标签形式70
4.2常用的重要标签71
4.2.1文件结构标签71
4.2.2字符格式标签72
4.2.3区段格式标签72
4.2.4表格标签73
4.2.5列表标签73
4.2.6链接标签74
4.2.7表单标签74
4.2.8多媒体标签75
应用案例——为网页添加音乐播放器75
4.3全新的HTML576
4.3.1HTML5标签76
应用案例——为网页添加视频79
4.3.2全局属性80
4.3.3事件属性81
4.3.4字符引用82
4.4为文档添加注释83
4.5关于空白和空白字符84
4.5.1使用断行符84
4.5.2空白字符85
4.6在DmeamweaverCC中编写HTML85
4.6.1认识代码视图86
4.6.2使用代码视图87
4.6.3代码的折叠88
4.6.4选择父标签88
4.6.5代码的注释89
4.6.6环绕标签89
应用案例——使用“环绕标签”创建超链接89
4.7使用快速标签编辑器90
4.7.1使用插入模式的快速标签编辑器90
4.7.2使用编辑模式的快速标签编辑器90
4.7.3使用环绕模式的快速标签编辑器91
4.7.4设置标签编辑器属性91
4.8站点特定代码提示91
4.8.1创建配置文件92
4.8.2保存站点结构93
4.9优化和清理HTML代码93
4.9.1优化HTML代码93
4.9.2清理Word生成的HTML代码94
应用案例——清理Word生成的HTML95
4.10使用“代码片段”面板95
4.10.1插入代码片段95
4.10.2新建代码片段96
4.11HTML与CSS96
4.12HTML与JavaScript97
4.12.1什么是JavaScript97
4.12.1JavaScript放在HTML中的位置97
4.13专家支招98
4.13.1如何理解HTML的标签、属性和事件98
4.13.2英文不好可以学习HTML吗98
4.14总结扩展99
4.14.1本章小结99
4.14.2举一反三——制作一个简单的广告页面99

5.1设置页面的头部内容100
5.1.1设置标题100
5.1.2设置META101
5.1.3插入关键字103
应用案例——向页面添加关键字103
5.1.4插入说明104
应用案例——向页面添加说明104
5.1.5插入视口105
应用案例——向页面添加视口105
5.2设置网页基本属性105
5.2.1设置外观（CSS）105
应用案例——设置页面字体107
应用案例——设置页面外观（CSS）108
5.2.2设置外观（HTML）109
应用案例——设置页面外观（HTML）109
5.2.3设置链接（CSS）110
应用案例——设置页面链接（CSS）110
5.2.4设置标题（CSS）111
5.2.5设置标题/编码112
5.2.6设置跟踪图像112
应用案例——设置页面跟踪图像113
5.3专家支招114
5.3.1如何手写头部信息114
5.3.2网页基本属性对网页有什么影响114
5.4总结扩展114
5.4.1本章小结115
5.4.2举一反三——设置网页的头部信息115
6.1认识CSS样式表116
6.1.1什么是CSS116
6.1.2CSS的优越性117
6.1.3CSS样式的类型117
6.1.4CSS样式的分类119
6.2使用“CSS设计器”面板120
6.2.1源120
6.2.2@媒体122
6.2.3选择器122
6.2.4属性122
6.3关于响应式设计123
6.3.1媒体查询123
6.3.2有用的媒体特性124
6.3.3常见的媒体查询126
6.3.4应用媒体查询的方法126
6.4创建与编辑CSS样式127
6.4.1建立标签样式127
应用案例——建立标签CSS样式127
6.4.2建立类样式128
应用案例——建立类CSS样式128
6.4.3建立ID样式129
应用案例——建立IDCSS样式129
6.4.4建立复合内容样式130
应用案例——建立复合内容CSS样式130
6.4.5链接外部样式表131
6.4.6编辑样式131
应用案例——编辑CSS样式132
6.5在面板中设置CSS样式133
6.5.1布局样式设置133
应用案例——搭建页面布局135
6.5.2文本样式设置136
应用案例——控制页面中的文本137
6.5.3边框样式设置138
6.5.4背景样式设置139
应用案例——使用背景丰富页面139
6.5.5其他样式设置140
6.6CSS的语法结构141
6.6.1CSS属性与选择符141
6.6.2选择符的类型142
6.6.3伪类及伪对象144
应用案例——制作导航文字效果145
6.6.4通配选择符146
6.6.5CSS样式的冲突146
6.7专家支招147
6.7.1HTML书写建议147
6.7.2CSS的命名规范147
6.8总结扩展148
6.8.1本章小结149
6.8.2举一反三——使用CSS美化页面149
7.1了解Web标准150
7.1.1Web标准是什么150
7.1.2Web表现层技术150
7.1.3Web标准的历史151
7.1.4Web标准的构成151
7.2Div的定义152
7.2.1什么是Div153
7.2.2插入Div153
7.2.3Div的嵌套和固定格式154
7.3CSS布局定位155
7.3.1浮动定位155
应用案例——设置浮动定位158
7.3.2position定位160
应用案例——设置position定位162
7.4可视化盒模型164
7.4.1盒模型的概念164
7.4.2margin165
7.4.3padding168
7.4.4border168
应用案例——设置图片边距边框171
7.4.5视觉可视化模型172
7.5CSS布局方式173
7.5.1居中布局设计173
应用案例——居中布局页面元素174
7.5.2浮动布局设计176
应用案例——中间列宽自适应布局180
7.5.3高度自适应设计181
7.6专家支招182
7.6.1如何解决双倍浮向问题182
7.6.2如何解决不同浏览器的居中问题182
7.7总结扩展182
7.7.1本章小结182
7.7.2举一反三——制作保健品网站页面183

8.1在网页中输入文字184
8.1.1输入文字的方法184
8.1.2输入文字时的注意事项184
应用案例——在页面中输入文字186
8.2插入特殊的文本对象187
8.2.1插入特殊字符187
8.2.2插入时间188
应用案例——在页面中插入时间189
8.2.3插入水平线189
应用案例——在页面中插入水平线190
8.2.4插入列表190
应用案例——在页面中插入列表192
8.3设置文本属性193
8.3.1设置HTML文本属性193
应用案例——在页面中设置文本属性193
8.3.2文本的CSS属性设置194
8.3.3CSS对字号的设置196
8.4Web字体197
8.4.1@font-face197
8.4.2设置Web字体197
应用案例——显示Web字体到页面198
8.4.3使用AdobeEdgeWebFonts199
应用案例——使用AdobeEdgeWebFonts在网页中实现特殊
字体200
8.5文字的滚动效果201
应用案例——实现文字的滚动201
8.6专家支招203
8.6.1常用的设置字体的属性203
8.6.2字号的设置单位203
8.7总结扩展204
8.7.1本章小结204
8.7.2举一反三——制作文本页面204
9.1网页图像的格式205
9.1.1GIF格式图像205
9.1.2JPEG格式图像206
9.1.3PNG格式图像206
9.2插入图像206
9.2.1在网页中插入图像206
应用案例——在页面中添加图像207
9.2.2设置图像属性208
9.3插入其他图像元素210
9.3.1插入鼠标经过图像210
应用案例——在页面中插入鼠标经过图像210
9.3.2插入FireworksHTML212
9.4专家支招213
9.4.1使用图像时需要注意什么213
9.4.2如何设置网页背景图片213
9.5总结扩展214
9.5.1本章小结214
9.5.2举一反三——为页面添加背景图片214

10.1制作表格的方法215
10.1.1认识表格215
10.1.2插入表格215
10.1.3在HTML代码中插入表格217
10.1.4表格的标题与表头218
10.1.5行、单元格和表头219
10.1.6表格嵌套220
10.2表格的基本操作220
10.2.1选择表格和单元格220
应用案例——选择不同的表格和单元格221
10.2.2设置表格属性222
10.2.3设置单元格属性223
10.2.4调整表格结构224
10.3表格数据的处理225
10.3.1排序表格226
应用案例——对表格进行排序226
10.3.2导入和导出表格数据227
10.4使用样式控制数据表格228
10.4.1表格模型228
10.4.2表格标题229
10.4.3设置列的样式230
10.4.4其他知识点231
10.5专家支招232
10.5.1表格布局应用在哪些方面233
10.5.2Div+CSS布局有哪些优势233
10.6总结扩展233
10.6.1本章小结233
10.6.2举一反三——使用表格制作局部页面234
11.1在网页中插入Flash235
11.1.1插入Flash动画235
应用案例——在页面中插入Flash237
11.1.2插入FLV视频238
应用案例——在页面中插入FLV视频239
11.2为网页添加声音240
11.2.1网页中常用的声音格式240
11.2.2为网页添加背景音乐241
应用案例——添加背景音乐241
11.2.3在网页中嵌入音频241
应用案例——嵌入音频242
11.3为网页添加视频243
11.3.1网页中常用的视频格式243
11.3.2在网页中插入视频244
应用案例——插入视频244
11.4在网页中插入插件246
应用案例——在页面中插入插件246
11.5插入EdgeAnimate作品248
应用案例——在页面中插入EdgeAnimate作品248
11.6对象标签辅助功能249
11.7专家支招250
11.7.1打开网页视频需要哪些插件250
11.7.2HTML5丰富的多媒体元素有哪些250
11.8总结扩展250
11.8.1本章小结250
11.8.2举一反三——制作美容产品网站250
12.1表单概述252
12.1.1关于表单252
12.1.2表单对象介绍253
12.1.3表单元素新属性255
12.2插入输入类表单对象255
12.2.1插入表单域256
应用案例——在页面中插入表单域256
12.2.2插入文本域258
应用案例——在表单中插入文本域258
12.2.3插入密码域260
应用案例——在表单中插入密码域260
12.2.4插入多行文本区域261
应用案例——在表单中插入多行文本域261
12.2.5插入复选框和复选框组262
应用案例——在表单中插入复选框262
12.2.6插入图像按钮264
应用案例——在表单中插入图像按钮264
12.2.7插入隐藏域266
12.2.8插入单选按钮和单选按钮组267
应用案例——在表单中插入单选按钮267
12.2.9插入选择269
应用案例——在表单中插入选择269
12.2.10插入按钮、提交按钮和重置按钮271
应用案例——插入提交和重置按钮271
12.3插入HTML5表单对象272
12.3.1插入电子邮件272
12.3.2插入Url273
12.3.3插入Tel273
应用案例——制作联系表274
12.3.4插入搜索275
12.3.5插入数字275
12.3.6插入范围276
12.3.7插入颜色277
12.3.8插入时间相关表单277
12.4专家支招278
12.4.1不同的表单提交方法有哪些区别278
12.4.2浏览器怎样发送表单数据278
12.5总结扩展278
12.5.1本章小结279
12.5.2举一反三——制作登录页面279
13.1认识超链接280
13.2创建超链接281
13.2.1文字超链接281
应用案例——创建文字超链接281
13.2.2图像超链接283
应用案例——创建图像超链接283
13.3创建其他形式的超链接284
13.3.1空链接284
应用案例——创建空链接284
13.3.2文件下载超链接285
应用案例——创建文件下载超链接285
13.3.3E-mail超链接286
应用案例——创建E-mail超链接286
应用案例——为图像创建E-mail超链接287
13.3.4锚记链接288
应用案例——创建锚记链接288
13.3.5脚本链接289
应用案例——创建脚本链接289
13.3.6图像映射290
应用案例——创建图像映射290
13.4关于链接路径291
13.4.1绝对路径292
13.4.2相对路径293
13.4.3根路径293
13.5超链接属性控制293
13.6超链接检查295
13.7专家支招296
13.7.1a链接的注意事项有哪些296
13.7.2内部链接和外部链接297
13.8总结扩展297
13.8.1本章小结297
13.8.2举一反三——制作校园类网站297
14.1IFrame框架299
14.1.1IFrame框架页面299
应用案例——制作IFrame框架页面299
14.1.2IFrame框架链接300
应用案例——创建IFrame框架链接300
14.1.3IFrame框架高度自适应301
14.2在HTML代码中编辑框架301
14.3HTML5中画布的应用305
14.3.1在页面中插入画布305
14.3.2使用JavaScript实现在画布中绘图流程305
应用案例——使用画布在网页中绘制矩形306
应用案例——使用画布在网页中绘制圆形307
14.3.3使用画布在网页中裁剪区域308
应用案例——使用画布在网页中裁剪区域308
14.4结构的介绍309
14.4.1页眉309
14.4.2页脚310
14.4.3Navigation310
14.4.4章节311
14.4.5文章311
14.4.6侧边311
14.4.7图312
14.4.8HTML5结构元素的应用312
应用案例——使用结构元素制作网页312
14.5专家支招317
14.6总结扩展318
14.6.1本章小结318
14.6.2举一反三——使用IFrame框架制作儿童网站页面318
15.1使用模板319
15.1.1模板的特点319
15.1.2创建模板319
应用案例——基于现有文档创建模板320
15.1.3定义可编辑区321
应用案例——在模板中定义可编辑区域322
15.1.4定义可选区域323
应用案例——在模板中定义可选区域323
15.1.5定义重复区域325
应用案例——在模板中定义重复区域325
15.1.6可编辑标签属性326
15.2应用模板327
15.2.1创建基于模板的页面327
应用案例——基于模板创建页面327
15.2.2删除页面中所使用的模板330
15.2.3更新模板及基于模板的网页330
15.3使用库331
15.3.1创建库项目331
应用案例——创建空白库项目331
15.3.2插入库项目333
应用案例——在页面中插入库项目333
15.3.3库项目的编辑和更新334
15.4在HTML代码中编辑模板和库335
15.5专家支招335
15.5.1对库项目的编辑对文档有哪些影响336
15.5.2怎样导出不带模板标记的站点336
15.6总结扩展336
15.6.1本章小结336
15.6.2举一反三——使用库项目制作页面336
16.1行为简介338
16.1.1什么是JavaScript338
16.1.2事件338
16.1.3动作341
16.2为网页添加JavaScript342
16.2.1弹出消息342
应用案例——在网页中弹出消息342
16.2.2打开浏览器窗口343
应用案例——弹出网页广告343
16.2.3检查插件344
应用案例——检查浏览器中的插件344
16.2.4检查表单345
应用案例——检查登录页面345
16.2.5设置文本347
应用案例——设置文本域文字348
16.2.6调用JavaScript350
16.2.7跳转菜单350
16.2.8跳转菜单开始351
16.2.9转到URL351
应用案例——转到百度地图352
16.2.10预先载入图像353
16.2.11效果353
16.3专家支招353
16.3.1Dreamweaver提供的行为353
16.3.2JavaScript的常用功能354
16.4总结扩展354
16.4.1本章小结354
16.4.2举一反三——制作数码摄影网站354


17.1了解jQueryMobile356
17.1.1在Dreamweaver中使用jQueryMobile356
应用案例——新建一个Web应用程序358
17.1.2在Dreamweaver中使用jQueryUI359
应用案例——制作一个检索页面359
17.2在页面中添加jQuery效果360
17.2.1关于jQuery效果361
17.2.2应用Blind行为361
应用案例——隐藏页面局部效果362
17.2.3应用Scale行为364
应用案例——实现页面元素的缩放364
17.3专家支招365
17.3.1jQuery的优点365
17.3.2如何快速掌握jQuery365
17.4总结扩展365
17.4.1本章小结366
17.4.2举一反三——制作网页高光过渡效果366
18.1网站测试367
18.1.1检查链接367
应用案例——检查网页链接367
18.1.2创建站点报告368
18.1.3W3C的验证369
应用案例——网页的W3C验证369
18.2上传网站370
18.2.1链接到远程服务器370
18.2.2文件的上传371
应用案例——上传文件371
18.2.3文件的下载372
18.3专家支招372
18.3.1网站维护的基本常识372
18.3.2其他上传工具372
18.4总结扩展372
18.4.1本章小结372
18.4.2举一反三——域名和空间的申请373
19.1应用案例——制作租车网站菜单页面374
19.1.1设计分析374
19.1.2制作步骤374
19.2应用案例——为菜单页面添加超链接377
19.2.1设计分析377
19.2.2制作步骤378
19.3应用案例——制作条件搜索页面378
19.3.1设计分析379
19.3.2制作步骤379
19.4应用案例——制作文字列表页面381
19.4.1设计分析381
19.4.2制作步骤381
19.5应用案例——制作产品展示页面383
19.5.1设计分析384
19.5.2制作步骤384
19.6案例小结386
20.1应用案例——制作游戏网站页面387
20.1.1设计分析387
20.1.2制作步骤388
20.2应用案例——制作休闲网站页面392
20.2.1设计分析393
20.2.2制作步骤393
20.3案例小结402
21.1应用案例——制作电子产品网站页面403
21.1.1设计分析404
21.1.2制作页面头部内容404
21.1.3制作页面右侧内容407
21.1.4制作页面底部内容410
21.2应用案例——制作教育类网站页面411
21.2.1设计分析412
21.2.2制作页面头部内容412
21.2.3制作页面主体内容414
21.2.4制作页面底部内容416
21.3案例小结417