第1部分 基础篇 3
第1章 概述 3
1.1 Web网页设计概述 3
1.1.1 Web技术基础 3
1.1.2静态网页与动态网页 5
1.1.3网页设计制作流程 8
1.1.4页面构成 10
1.1.5 Web前端开发常用工具 13
1.2 XHTML简介 17
1.2.1 XHTML概述 17
1.2.2 XHTML的发展 18
1.3 HTML5的优势 19
1.3.1跨浏览器问题 19
1.3.2更明确的文档结构 19
1.3.3替代了部分JavaScript功能 22
1.3.4音视频和互动支持 23
1.4本章小结 23
习题1 23
第2章 网页设计基础与技巧 24
2.1网页配色 24
2.1.1颜色概述及相关术语 24
2.1.2色彩心理学与网页配色 27
2.1.3网页配色原理与技巧 31
2.2网页版面布局 40
2.2.1常见版面布局方案 41
2.2.2网页布局常用的4种方法 43
2.3网页视觉元素设计 46
2.3.1 Logo设计 46
2.3.2 Banner设计 48
2.3.3其他元素设计 50
2.4设计理念及新趋势 54
2.4.1不同的网站类型及其风格 54
2.4.2用户体验及网站体验类型 55
2.4.3视觉风格与趋势 56
2.4.4移动化风潮 58
2.5本章小结 60
习题2 60
第3章 HTML ＆XHTML 61
3.1 HTML标记语言 61
3.1.1 HTML文件基本结构 63
3.1.2文档格式定义的声明 64
3.1.3 HTML代码区域 65
3.1.4 HTML标签格式 67
3.1.5 HTML标签分类 68
3.2可扩展的超文本标记语言XHTML 70
3.2.1 HTML文档结构分析 70
3.2.2 XHTML文档结构 72
3.2.3 XHTML与HTML的差异 73
3.2.4如何将HTML升级为XHTML 75
3.3 XHTML常用标签 75
3.3.1注释 76
3.3.2文字 76
3.3.3标题 76
3.3.4段落 77
3.3.5区域 78
3.3.6图像〈img 〉 79
3.3.7超链接〈a〉 80
3.3.8列表〈list 〉 84
3.3.9层 86
3.3.10表格 86
3.3.11嵌入多媒体 88
3.3.12图像映射 88
3.3.13空标签 90
3.3.14特殊标签 91
3.4本章实例——构建完整的XHTML文档 93
3.4.1课程网站首页 93
3.4.2商业网站首页 103
3.5本章小结 109
习题3 109
第4章 层叠样式表CSS 110
4.1层叠样式表简介 110
4.1.1层叠样式表概述 110
4.1.2层叠样式表优势 111
4.2 CSS编写基础 111
4.2.1 CSS编写方法 111
4.2.2样式规则 112
4.3 CSS样式属性 113
4.3.1字体属性 114
4.3.2背景属性 117
4.3.3块级标签属性 119
4.3.4边框属性 121
4.3.5盒模型 123
4.3.6列表属性 125
4.3.7定位属性 127
4.4 CSS选择器 128
4.4.1 style属性 128
4.4.2类型选择器 129
4.4.3类选择器 129
4.4.4 ID选择器 130
4.5选择器的编写 131
4.5.1组合选择器类型 131
4.5.2上下文选择器 132
4.5.3选择器的分组定义 132
4.6伪类 133
4.6.1锚伪类 133
4.6.2首字母和首行伪标签 133
4.7 CSS文档结构 133
4.7.1 CSS的继承性 134
4.7.2 CSS的特殊性 134
4.7.3 CSS的层叠性 134
4.7.4 CSS的重要性 134
4.8布局属性 134
4.8.1显示属性display 134
4.8.2浮动策略 137
4.8.3清除浮动 138
4.8.4定位技术 138
4.9实例基本CSS样式设计 144
4.9.1 CSS常用操作三部曲 144
4.9.2 CSS实例解析 146
4.10本章小结 158
习题4 158
第5章 网页布局技术 159
5.1布局技术概述 159
5.2 CSS布局 160
5.2.1 CSS布局技术 160
5.2.2浮动技术 162
5.2.3清除浮动 164
5.2.4 IE浏览器的兼容问题 167
5.2.5常用DIV+CSS布局功能 167
5.2.6 DIV+CSS布局示例：导航菜单 170
5.3响应式布局 171
5.3.1布局类型 172
5.3.2几个概念 177
5.3.3可变布局 181
5.4媒体查询 187
5.4.1媒体类型 187
5.4.2媒体查询结构 189
5.4.3媒体查询顺序 191
5.4.4设置断点 193
5.5母版 195
5.5.1母版概述 195
5.5.2母版页的工作原理 195
5.5.3母版页的创建和应用 200
5.5.4母版页嵌套 205
5.5.5实例 209
5.6本章小结 212
习题5 212
第6章 JavaScript程序设计 213
6.1 JavaScript概述 213
6.1.1 JavaScript简介 213
6.1.2 JavaScript入门案例 214
6.2 JavaScript语法 215
6.2.1语法基础 215
6.2.2常用变量 216
6.2.3表达式与运算符 217
6.2.4程序设计 218
6.2.5函数 220
6.3 JavaScript对象 221
6.3.1对象基础 221
6.3.2常用对象 223
6.4 JavaScript事件 231
6.4.1事件及事件处理 231
6.4.2常用事件 232
6.4.3事件应用举例 233
6.5 JavaScript实例 236
6.5.1实例6-1——图片交替展示 236
6.5.2实例6-2——嵌入Flash动画 243
6.5.3实例6-3——打开任意大小的窗口 245
6.6本章小结 246
习题6 246
第2部分 进阶篇 249
第7章 HTML5基础 249
7.1 HTML5概述 249
7.1.1 HTML5新特性 250
7.1.2 HTML5组织 253
7.1.3 HTML5开发历程 254
7.1.4 HTML5开发动力 255
7.1.5 HTML5设计理念 256
7.2 HTML5基础 257
7.2.1 HTML5语法 257
7.2.2 HTML5元素 259
7.2.3 HTML5增加及废除的属性 265
7.2.4 HTML5全局属性 267
7.3 HTML5绘图元素 269
7.3.1认识HTML5 canvas元素 269
7.3.2绘制简单图形 269
7.3.3图形的变换 275
7.3.4图形的组合与裁切 279
7.3.5更多的颜色和样式选项 282
7.3.6绘制文字 284
7.4 HTML5多媒体元素 286
7.4.1 HTML5多媒体技术概述 286
7.4.2浏览器支持概述 289
7.4.3在HTML5中播放音频 292
7.4.4在HTML5中播放视频 294
7.4.5音频与视频相关属性、方法与事件 295
7.5 HTML5高级功能 299
7.5.1 Web存储 299
7.5.2离线应用 310
7.5.3 Workers多线程处理 320
7.5.4 Geolocation（地理位置） 328
7.6本章小结 336
习题7 336
第8章 CSS3及进阶 337
8.1 CSS3选择器 337
8.1.1通用兄弟选择器 337
8.1.2属性选择器 338
8.1.3结构性伪类 339
8.1.4 target选择器 341
8.1.5其他CSS3选择器 342
8.2 CSS3的非图片处理 343
8.2.1背景和边框 343
8.2.2渐变和阴影 347
8.2.3自定义字体 354
8.3 CSS3的新布局 355
8.3.1负边距与浮动 355
8.3.2栅格系统与多列布局 356
8.3.3弹性盒布局 358
8.4 CSS3的动态性 362
8.4.1 CSS变形 362
8.4.2 CSS过渡 366
8.4.3 CSS动画 369
8.5 CSS3创意案例 373
8.5.1烧烤动画特效 373
8.5.2 CSS3鼠标划过图片散开特效 377
8.5.3超炫动感圆盘时钟 379
8.5.4流畅的自行车 381
8.6本章小节 383
习题8 383
第9章 jQuery 384
9.1 jQuery简介及语法 384
9.1.1 jQuery库简介 384
9.1.2引入jQuery的方法 385
9.1.3 jQuery的基本语法 386
9.2 jQuery选择器 387
9.2.1 jQuery基本选择器 387
9.2.2 jQuery层次选择器 389
9.2.3 jQuery过滤选择器 391
9.2.4jQuery表单选择器 395
9.3 jQuery事件及应用 396
9.3.1 jQuery事件机制 396
9.3.2常用事件函数 398
9.3.3事件的绑定 401
9.3.4事件的解除 403
9.4 jQuery动画及特效 405
9.4.1显示与隐藏 405
9.4.2淡入淡出 407
9.4.3滑动 409
9.4.4自定义动画 412
9.5 jQuery实例 413
9.5.1实例9-1：伸缩的导航条 414
9.5.2实例9-2：相册浏览 416
9.6本章小结 420
习题9 420
第3部分 案例篇 423
第10章 综合案例 423
10.1等级考试网上报名系统 423
10.1.1网站设计分析 423
10.1.2 HTML文档结构分析 427
10.1.3网站文件规划与设计 429
10.1.4网站标题布局 435
10.1.5导航栏布局 436
10.1.6快捷方式 438
10.1.7网页主体内容区 439
10.1.8用户信息区域 441
10.1.9内容区布局 442
10.1.10页脚布局 447
10.1.11系统完善 449
10.2网站首页UI设计案例 451
10.2.1网站策划 451
10.2.2首页设计与制作 452
10.2.3手稿设计 457
10.2.4 PS稿设计 457
10.3本章小结 463
参考文献 464