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

第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 安装Dreamweaver CC 19
2.1.1 Dreamweaver CC的系统要求 19
2.1.2 Dreamweaver CC的安装 19
应用案例——安装Dreamweaver CC 20
2.1.3启动Dreamweaver CC 21
2.2 Dreamweaver CC新增功能 21
2.2.1简化的用户界面 22
2.2.2“新建文档”对话框 22
2.2.3 Dreamweaver与Creative Cloud云同步 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支持导入Adobe Edge Animate作品 24
2.2.10新增HTML5表单输入类型 24
2.2.11新增适用于jQuery Mobile的表单元素 24
2.2.12 jQuery Widget 25
2.2.13集成Edge Web Fonts 25
2.2.14支持全新的平台 25
2.2.15增强表单元素对HTML5的支持 25
2.2.16增强FTP 26
2.3 使用Dreamweaver CC工作区 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.4 Dreamweaver 工作流程 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举一反三——Dreamweaver CC 的卸载 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新建Business Catalyst 站点 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.1 HTML的技术介绍 67
4.1.1认识HTML语言 67
4.1.2 HTML文档的基本结构 68
应用案例——创建简单的HTML页面 69
4.1.3 HTML标签形式 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 全新的HTML5 76
4.3.1 HTML 5标签 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 在Dmeamweaver CC中编写HTML 85
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生成的HTML 95
4.10 使用“代码片段”面板 95
4.10.1插入代码片段 95
4.10.2新建代码片段 96
4.11 HTML与CSS 96
4.12 HTML与JavaScript 97
4.12.1什么是JavaScript 97
4.12.1 JavaScript放在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 设置META 101
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什么是CSS 116
6.1.2 CSS的优越性 117
6.1.3 CSS样式的类型 117
6.1.4 CSS样式的分类 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
应用案例——建立ID CSS样式 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.6 CSS的语法结构 141
6.6.1 CSS属性与选择符 141
6.6.2选择符的类型 142
6.6.3伪类及伪对象