第1章 概述 1
1.1 互联网的诞生 1
1.2 网页设计的发展 3
1.2.1 网页设计：黎明前的黑暗（1989） 3
1.2.2 表格（table）：网页的兴起（1995） 4
1.2.3 来自JavaScript的救援（1995） 5
1.2.4 Flash：自由的黄金时代（1996） 6
1.2.5 CSS的诞生（1998） 6
1.2.6 栅格与框架：移动端的崛起（2007） 7
1.2.7 响应式网页设计（2010） 8
1.2.8 扁平化的时代（2010） 9
1.2.9 光明的未来（2014） 9
第2章 网页的设计流程 11
2.1 网页设计的各类方法、流程 11
2.1.1 以用户为中心的设计方法 11
2.1.2 以活动为中心的设计方法 12
2.2 以目标为导向的设计方法 12
2.2.1 用户目标 13
2.2.2 设计过程 13
第3章 网页的版式和色彩 16
3.1 网页的版式设计 16
3.1.1 版式设计的造型 16
3.1.2 版式设计的构成形式 17
3.1.3 网页布局的结构形式 21
3.1.4 网页布局的构建原则 24
3.2 网页的色彩与搭配 25
3.2.1 网页中的色彩模式 25
3.2.2 网页颜色的色彩代码 25
3.2.3 网页的配色方法 26
3.2.4 网页色彩搭配原则 31
3.2.5 辅助色调的选择和搭配 31
第4章 网页设计中的文字及图片 35
4.1 字体的规范与选择 35
4.1.1 字体的分类和格式 35
4.1.2 字体的选择 37
4.1.3 字体的颜色选择 39
4.1.4 与字体有关的CSS属性 41
4.1.5 使用在线字体 41
4.2 网页中的图片 43
4.2.1 网页图片格式 43
4.2.2 图片的选择 43
4.2.3 优化图片 44
第5章 HTML CSS JavaScript 46
5.1 HTML 46
5.1.1 HTML基础 46
5.1.2 HTML主体部分 49
5.1.3 HTML头部 65
5.1.4 其他 67
5.2 CSS 68
5.2.1 CSS基础 68
5.2.2 盒模型 72
5.2.3 CSS基本样式属性 77
5.2.4 CSS定位属性 88
5.3 JavaScript 95
5.3.1 JavaScript基础 95
5.3.2 JavaScript基本语法 97
5.3.3 JavaScript数据类型与运算符 99
5.3.4 JavaScript核心语法 113
5.3.5 DOM 119
5.3.6 BOM 134
第6章 响应式网页设计 142
6.1 响应式网页设计简介 142
6.1.1 响应式网页设计的优点 145
6.1.2 可能的隐患 145
6.1.3 你准备好设计响应式的网站了么 145
6.2 响应式网页设计的发展 146
6.2.1 我们所了解的响应式设计 146
6.2.2 模式 148
6.2.3 展望 150
6.2.4 总结 151
6.3 响应式设计的原则 151
6.3.1 响应式设计vs适应式设计 151
6.3.2 内容流 151
6.3.3 相对单位 151
6.3.4 断点 152
6.3.5 最大值和最小值 152
6.3.6 嵌套对象 152
6.3.7 移动优先还是台式桌面优先 153
6.3.8 Web字体vs系统字体 153
6.3.9 位图vs矢量图 153
6.4 响应式设计的流程 154
6.4.1 我们首先需要了解这些概念 154
6.4.2 响应式设计的流程 160