Dreamweaver CC一本通 经典技法解析，实战案例演示，随PDF电子书下载

第1章 网页设计制作基础 1

1.1 什么是网页 2

1.1.1 网页设计概述 2

1.1.2 网页设计与网页制作 3

1.1.3 网页设计术语 3

1.2 网页编辑软件和屏幕分辨率 5

1.2.1 网页编辑软件 5

1.2.2 屏幕分辨率 5

1.3 优秀网页的要素 6

1.4 网页设计所涵盖的内容 7

1.4.1 网页版式设计 7

1.4.2 网页设计的任务 8

1.4.3 网页设计的实现 9

1.4.4 网页设计造型的组合 9

1.4.5 网页设计的特点 9

1.5 网页设计中的色彩应用 11

1.5.1 网页色彩的特性 11

1.5.2 网页安全色 12

1.5.3 色彩模式 12

1.5.4 色彩的联想作用 13

1.5.5 网页配色的基本方法 15

1.6 本章小结 16

第2章 初识Dreamweaver CC 17

2.1 Dreamweaver CC简介 18

2.2 Dreamweaver CC的安装与卸载 18

2.2.1 Dreamweaver CC的系统要求 18

2.2.2 安装DreamweaverCC 19

2.2.3 卸载Dreamweaver CC 21

2.2.4 启动Dreamweaver CC 22

2.3 Drcamweavcr CC的新增功能 22

2.3.1 简洁的用户界面 23

2.3.2 全新的“新建文档”对话框 23

2.3.3 Dreamweaver与Creative Cloud同步 23

2.3.4 全新的“插入”面板 24

2.3.5 全新的“CSS设计器”面板 24

2.3.6 新增HTML5画布插入按钮 25

2.3.7 新增网页结构元素 25

2.3.8 新增HTML5音频和视频插入按钮 25

2.3.9 支持导入Adobe Edge Animate作品 25

2.3.10 新增HTML5表单输入类型 26

2.3.11 新增适用于jQuery Mobile的表单元素 26

2.3.12 jQuery Widget 26

2.3.13 集成Edge Web Fonts 26

2.3.14 支持全新的平台 27

2.3.15 增强表单元素对HTML5的支持 27

2.3.16 增强FTP 27

2.4 Dreamweaver CC的工作界面 27

2.4.1 DreamweaverCC的菜单栏 29

2.4.2 “插入”面板 30

2.4.3 “文档”工具栏 32

2.4.4 状态栏 33

2.4.5 浮动面板 33

2.5 辅助工具的使用 34

2.5.1 标尺 34

2.5.2 辅助线 35

2.5.3 网格 35

2.6 本章小结 36

第3章 使用Dreamweaver CC编辑HTML代码 37

3.1 HTML简介 38

3.1.1 什么是HTML 38

3.1.2 HTML的语法结构 38

3.1. 3HTML中的3种标签形式 39

3.2 HTML语言中的重要标签 40

3.2.1 文件结构标签 40

3.2.2 字符格式标签 41

3.2.3 区段格式标签 41

3.2.4 列表标签 42

3.2.5 表格标签 42

3.2.6 超链接标签 42

3.2.7 多媒体标签 42

3.2.8 表单标签 43

3.2.9 分区标签 43

3.3 在DreamweaverCC中编辑HTML 44

3.3.1 在代码视图中创建HTML页面 44

3.3.2 在设计视图中创建HTML页面 45

3.3.3 代码视图详解 46

3.3.4 折叠代码 47

3.3.5 选择父标签 48

3.3.6 代码的注释 48

3.3.7 环绕标签 48

3.4 使用快速标签编辑器 49

3.4.1 使用插入模式的快速标签编辑器 49

3.4.2 使用编辑模式的快速标签编辑器 50

3.4.3 使用环绕模式的快速标签编辑器 50

3.4.4 设置快速标签编辑器的属性 50

3.5 使用代码片段 51

3.5.1 插入代码片段 51

3.5.2 创建代码片段 51

3.6 优化代码 52

3.6.1 优化HTML代码 52

3.6.2 清理Word生成的HTML代码 52

3.7 网页中的其他源代码 53

3.7.1 CSS样式代码 53

3.7.2 JavaScript脚本代码 54

3.7.3 源代码中的注释 55

3.8 本章小结 56

第4章 建立和管理站点 57

4.1 创建站点 58

4.1.1 创建本地站点 58

4.1.2 设置站点服务器 59

4.1.3 站点服务器的基本选项 59

4.1.4 站点服务器的高级选项 60

4.1.5 设置版本控制 61

4.2 站点的高级设置 62

4.2.1 本地信息 62

4.2.2 遮盖 63

4.2.3 设计备注 63

4.2.4 文件视图列 64

4.2.5 Contribute 64

4.2.6 模板 65

4.2.7 jQuery 65

4.2.8 Web字体 66

4.2.9 Edge Animate资源 66

4.3 Business Catalyst站点 67

4.3.1 什么是Business Catalyst 67

4.3.2 创建Business Catalyst站点 67

4.3.3 Business Catalyst面板 69

4.4 站点的基本操作 70

4.4.1 创建页面 70

4.4.2 使用“新建文档”对话框创建新文件 71

4.4.3 创建文件夹 72

4.4.4 移动和复制文件或文件夹 73

4.4.5 重命名文件或文件夹 73

4.4.6 删除文件或文件夹 74

4.5 管理站点 74

4.5.1 站点的切换 74

4.5.2 “管理站点”对话框 74

4.6 创建个人站点 76

4.7 本章小结 78

第5章 网页整体属性的控制 79

5.1 设置网页的头信息 80

5.1.1 设置网页标题 81

5.1.2 添加关键字 81

5.1.3 添加说明 82

5.1.4 插入视口 82

5.2 设置页面的META信息 83

5.2.1 设置网页的文字编码格式 83

5.2.2 设置网页的到期时间 83

5.2.3 禁止浏览器从本地计算机的缓存中读取页面内容 84

5.2.4 设置cookie过期 84

5.2.5 强制网页在当前窗口中以独立页面显示 84

5.2.6 设置网页打开时的效果 84

5.2.7 设置网页退出时的效果 85

5.2.8 其他设置 85

5.3 设置页面属性 85

5.3.1 设置外观（CSS） 86

5.3.2 设置外观（HTML） 88

5.3.3 设置链接（CSS） 88

5.3.4 设置标题（CSS） 89

5.3.5 设置标题和编码 90

5.3.6 设置跟踪图像 91

5.4 设计制作个人网站页面 92

5.5 本章小结 98

第6章 CSS样式在网页中的应用 99

6.1 认识CSS 100

6.1.1 什么是CSS样式 100

6.1.2 CSS样式的基本写法 100

6.1.3 CSS样式的优点 100

6.2 认识全新的“CSS设计器”面板 102

6.2.1 源 102

6.2.2 @媒体 104

6.2.3 选择器 105

6.2.4 属性 106

6.3 CSS选择器的类型 106

6.3.1 通配符选择器 106

6.3.2 标签选择器 107

6.3.3 类选择器 107

6.3.4 ID选择器 108

6.3.5 伪类及伪对象选择器 109

6.3.6 群选择器 110

6.3.7 派生选择器 110

6.4 使用CSS样式的4种方式 110

6.4.1 内联CSS样式 110

6.4.2 内部CSS样式 111

6.4.3 链接外部CSS样式表文件 113

6.4.4 导入外部CSS样式表文件 116

6.5 CSS样式的创建与编辑 118

6.5.1 创建标签CSS样式 118

6.5.2 创建类CSS样式 120

6.5.3 创建ID CSS样式 121

6.5.4 创建复合CSS样式 123

6.5.5 编辑CSS样式 124

6.6 丰富的CSS样式设置 125

6.6.1 布局样式设置 125

6.6.2 文本样式设置 127

6.6.3 边框样式设置 129

6.6.4 背景样式设置 131

6.6.5 其他样式设置 132

6.7 CSS的单位和颜色值 134

6.7.1 单位 134

6.7.2 颜色值 134

6.8 CSS类选区 136

6.9 设计制作工作室网站页面 138

6.10 本章小结 150

第7章 CSS 3.0中新增的属性 151

7.1 CSS 3.0新增的选择器类型 152

7.1.1 属性选择器 152

7.1.2 结构伪类选择器 152

7.1.3 UI元素状态伪类选择器 153

7.2 CSS 3.0新增的颜色定义方法 153

7.2.1 HSL颜色定义方法 153

7.2.2 HSLA颜色定义方法 153

7.2.3 RGBA颜色定义方法 154

7.3 CSS 3.0新增的文本设置属性 154

7.3.1 控制文本换行属性word-wrap 155

7.3.2 文本溢出处理属性text-overflow 155

7.3.3 文字阴影属性text-shadow 155

7.4 CSS 3.0新增的背景设置属性 156

7.4.1 背景图像显示区域属性background-origin 156

7.4.2 背景图像裁剪区域属性background-clip 156

7.4.3 背景图像大小属性background-size 157

7.5 CSS 3.0新增的边框设置属性 158

7.5.1 多重边框颜色属性border-colors 158

7.5.2 图像边框属性border-image 158

7.5.3 圆角边框属性border-radius 159

7.6 CSS 3.0新增的内容和透明度属性 160

7.6.1 内容属性content 160

7.6.2 透明度属性opacity 161

7.7 CSS 3.0新增的多列布局属性 161

7.7.1 列宽度属性column-width 162

7.7.2 列数属性column-count 162

7.7.3 列间距属性column-gap 162

7.7.4 列边框属性column-rule 162

7.8 CSS 3.0新增的其他属性 164

7.8.1 内容溢出处理属性overflow 164

7.8.2 轮廓外边框属性outline 164

7.8.3 区域缩放调节属性resize 165

7.8.4 元素阴影属性box-shadow 165

7.9 CSS 3.0过渡效果 166

7.9.1 “CSS过渡效果”面板 166

7.9.2 创建CSS过渡效果 167

7.10 本章小结 170

第8章 使用Div+CSS布局网页 171

8.1 Web标准的构成 172

8.1.1 结构 172

8.1.2 表现 172

8.1.3 行为 172

8.2 Div+CSS布局与表格布局 172

8.2.1 CSS的优势 173

8.2.2 表格布局 173

8.2.3 Div+CSS布局 174

8.3 块元素和行内元素 174

8.3.1 块元素 174

8.3.2 行内元素 175

8.4 定义Div 175

8.4.1 什么是Div 175

8.4.2 插入Div 176

8.4.3 Div的嵌套和固定格式 177

8.5 可视化盒模型 178

8.5.1 盒模型的概念 178

8.5.2 CSS盒模型的要点 179

8.5.3 margin属性 179

8.5.4 border属性 180

8.5.5 padding属性 182

8.5.6 空白边的叠加 183

8.6 CSS 3.0新增的弹性盒子模型的属性 184

8.6.1 盒子取向属性box-orient 185

8.6.2 盒子顺序属性box-direction 185

8.6.3 盒子位置属性box-ordinal-group 185

8.6.4 盒子弹性空间属性box-flex 186

8.6.5 盒子空间管理属性box-pack和box-align 186

8.6.6 盒子空间溢出管理属性box-1ines 186

8.7 CSS的布局定位 187

8.7.1 浮动定位 187

8.7.2 position定位属性 191

8.7.3 relative相对定位 191

8.7.4 absolute绝对定位 193

8.7.5 fixed固定定位 194

8.8 居中的页面布局方式 195

8.8.1 使用自动空白边让设计居中 196

8.8.2 使用定位和负值空白边让设计居中 196

8.9 浮动的页面布局方式 197

8.9.1 两列固定宽度布局 197

8.9.2 两列固定宽度居中布局 198

8.9.3 两列宽度自适应布局 199

8.9.4 两列右列宽度自适应布局 200

8.9.5 三列浮动中间列宽度自适应布局 200

8.9.6 高度自适应布局 202

8.10 流体网格布局 202

8.11 设计制作卡通个性网站页面 207

8.12 本章小结 212

第9章 处理网页文本 213

9.1 在网页中输入文本 214

9.2 输入文本时的注意事项 215

9.2.1 页面编码方式 215

9.2.2 插入段落 215

9.2.3 插入＜br＞分行 216

9.3 设置文本属性 217

9.3.1 HTML属性 218

9.3.2 CSS属性 219

9.4 插入特殊的文本对象 220

9.4.1 插入ul项目列表 220

9.4.2 插入ol编号列表 222

9.4.3 列表属性设置 224

9.4.4 插入水平线 225

9.4.5 插入日期 226

9.4.6 插入特殊字符 227

9.5 实现文本滚动效果 228

9.6 在网页中实现特殊文字效果 230

9.6.1 使用Web字体 230

9.6.2 使用Adobe Edge Web Fonts 232

9.7 设计制作科技企业网站页面 234

9.8 本章小结 242

第10章 在网页中插入图像 243

10.1 网页图像常识 244

10.2 插入图像 245

10.2.1 在网页中插入图像 245

10.2.2 设置图像属性 247

10.3 插入其他图像元素 249

10.3.1 插入鼠标经过图像 249

10.3.2 插入Fireworks HTML 251

10.4 设计制作卡通图像网页 251

10.5 本章小结 260

第11章 在网页中插入表单元素 261

11.1 表单概述 262

11.1.1 关于表单 262

11.1.2 常用表单元素 262

11.1.3 HTML5表单元素 263

11.2 常用表单元素在网页中的应用 264

11.2.1 插入表单域 264

11.2.2 插入文本域 266

11.2.3 插入密码域 268

11.2.4 插入文本区域 269

11.2.5 插入按钮 270

11.2.6 插入提交按钮 270

11.2.7 插入重置按钮 270

11.2.8 插入文件域 272

11.2.9 插入图像按钮 273

11.2.10 插入隐藏域 275

11.2.11 插入选择域 275

11.2.12 插入单选按钮与单选按钮组 277

11.2.13 插入复选框与复选框组 279

11.3 HTML5表单元素在网页中的应用 280

11.3.1 插入电子邮件 280

11.3.2 插入Url 281

11.3.3 插入Tel 281

11.3.4 插入搜索 283

11.3.5 插入数字 284

11.3.6 插入范围 284

11.3.7 插入颜色 285

11.3.8 插入与时间和日期相关的表单元素 286

11.4 设计制作网站注册页面 289

11.5 本章小结 298

第12章 表格与IFrame框架的应用 299

12.1 表格模型 300

12.2 认识表格 301

12.2.1 插入表格 301

12.2.2 在HTML代码中插入表格 302

12.2.3 表格的标题与表头 304

12.3 表格的基本操作 305

12.3.1 选择表格和单元格 305

12.3.2 设置表格属性 307

12.3.3 设置单元格属性 307

12.4 调整表格结构 308

12.4.1 拆分单元格 308

12.4.2 插入行或列 308

12.4.3 删除行或列 309

12.4.4 单元格的复制与粘贴 309

12.5 表格数据的处理 309

12.5.1 排序表格 309

12.5.2 导入表格数据 310

12.5.3 导出表格数据 311

12.6 IFrame框架 312

12.6.1 插入IFrame框架 312

12.6.2 IFrame框架页面的链接 314

12.7 设计制作企业网站页面 315

12.8 本章小结 324

第13章 在网页中插入多媒体 325

13.1 插入Flash 326

13.1.1 在网页中插入Flash SWF文件 326

13.1.2 设置Flash SWF文件的属性 327

13.1.3 插入Flsah Video 329

13.1.4 “插入FLV”对话框 330

13.2 插入Edge Animate作品 331

13.3 在网页中添加声音 332

13.3.1 网页中常用的声音格式 332

13.3.2 添加背景音乐 333

13.3.3 嵌入音频 334

13.4 在网页中插入视频 336

13.4.1 网页中常用的视频格式 336

13.4.2 插入视频 336

13.5 设计制作游戏网站页面 337

13.6 本章小结 346

第14章 设置网页链接 347

14.1 关于链接路径 348

14.1.1 绝对路径 348

14.1.2 相对路径 349

14.1.3 根路径 349

14.2 文字链接 350

14.2.1 创建文字链接 350

14.2.2 使用Hyperlink对话框 352

14.3 图像链接 353

14.4 创建其他形式的链接 354

14.4.1 空链接 354

14.4.2 文件下载链接 355

14.4.3 E-Mail链接 356

14.4.4 锚记链接 358

14.4.5 脚本链接 360

14.4.6 图像映射链接 361

14.5 超链接的属性控制 363

14.5.1 a:link 363

14.5.2 a:active 364

14.5.3 a:hover 365

14.5.4 a:visited 365

14.6 设计制作教育类网站页面 366

14.7 本章小结 374

第15章 模板和库在网页中的应用 375

15.1 使用模板 376

15.1.1 模板的特点 376

15.1.2 创建模板 376

15.1.3 嵌套模板 378

15.1.4 定义可编辑区域 378

15.1.5 定义可选区域 380

15.1.6 定义可编辑的可选区域 381

15.1.7 定义重复区域 382

15.1.8 设置可编辑标签属性 382

15.2 应用模板 383

15.2.1 创建基于模板的页面 383

15.2.2 更新模板和基于模板的网页 385

15.2.3 删除页面中使用的模板 386

15.3 使用库 386

15.3.1 创建库项目 386

15.3.2 插入库项目 389

15.3.3 库项目的编辑和更新 390

15.4 设计制作电子商务类网站页面 391

15.5 本章小结 404

第16章 使用行为创建动态效果 405

16.1 行为的概念 406

16.1.1 事件 406

16.1.2 动作 406

16.2 在网页中添加行为 406

16.2.1 交换图像 407

16.2.2 弹出信息 408

16.2.3 恢复交换图像 410

16.2.4 打开浏览器窗口 410

16.2.5 拖动AP元素 411

16.2.6 改变属性 413

16.2.7 显示－隐藏元素 414

16.2.8 检查插件 416

16.2.9 检查表单 418

16.2.10 调用JavaScript 420

16.2.11 跳转菜单 420

16.2.12 跳转菜单开始 422

16.2.13 转到URL 423

16.2.14 预先载入图像 424

16.3 设置文本行为 424

16.3.1 设置容器的文本 424

16.3.2 设置文本域文字 425

16.3.3 设置框架文本 426

16.3.4 设置状态栏文本 427

16.4 为网页添加jQuery效果 428

16.4.1 了解jQuery效果 428

16.4.2 应用Blind行为 428

16.4.3 应用Highlight行为 430

16.5 设计制作影视类网站页面 431

16.6 本章小结 440

第17章 HTML5的应用 441

17.1 了解HTML5 442

17.1.1 HTML5的发展历程 442

17.1.2 HTML5的理念 442

17.1.3 HTML5带来的好处 443

17.2 HTML5中的标签与属性 444

17.2.1 HTML5中的标签 444

17.2.2 HTML5中的标准属性 447

17.2.3 HTML5中的事件属性 448

17.3 使用HTML5中的画布 449

17.3.1 插入画布并设置画布属性 449

17.3.2 使用JavaScript实现在画布中绘图的流程 450

17.3.3 使用画布在网页中绘制矩形 450

17.3.4 使用画布在网页中绘制圆形 451

17.3.5 使用画布在网页中裁剪区域 453

17.4 使用HTML5在网页中插入音频 454

17.4.1 插入HTML5 Audio并设置属性 454

17.4.2 HTML5所支持的音频文件格式 455

17.4.3 在网页中插入HTML5音频 455

17.5 使用HTML5在网页中插入视频 456

17.5.1 插入HTML5 Video并设置属性 457

17.5.2 HTML5所支持的视频文件格式 457

17.5.3 在网页中插入HTML5视频 457

17.6 在网页中使用HTML5结构元素 459

17.6.1 页眉 459

17.6.2 页脚 459

17.6.3 Navigation 460

17.6.4 章节 460

17.6.5 文章 461

17.6.6 侧边 461

17.6.7 图 461

17.6.8 HTML5结构元素的应用 462

17.7 本章小结 468

第18章 使用Dreamweaver维护并上传网站 469

18.1 站点的维护 470

18.1.1 检查链接 470

18.1.2 W3C验证 471

18.1.3 创建站点报告 472

18.2 上传网站 472

18.2.1 设置FTP服务器 473

18.2.2 连接到远程服务器 474

18.2.3 上传文件 475

18.2.4 下载文件 476

18.3 设计制作游戏类网站页面 476

18.4 本章小结 484