第1章 网页和网站的制作流程 1
1.1 认识网页 2
1.1.1 网页和网站的关系 2
1.1.2 网页的基本构成元素 3
1.2 什么是网页设计 4
1.2.1 网页设计概述 4
1.2.2 网页设计与网页制作 5
1.2.3 网页设计的特点 6
1.2.4 网页设计相关术语 8
1.3 网页设计所涵盖的内容 10
1.3.1 网页中的视听元素 11
1.3.2 网页版式设计 11
1.4 如何设计网页 12
1.4.1 网页设计的基本原则 12
1.4.2 网站设计成功的要素 13
1.4.3 网页的设计风格及色彩搭配 14
1.5 网页设计的原则 15
1.6 网页设计师应具备的素质 18
1.7 网站的制作流程 20
1.7.1 前期策划 20
1.7.2 页面细化及实施 21
1.7.3 后期维护 22
1.8 网页设计的实现 22
第2章 CSS样式入门 25
2.1 CSS的基本概念 26
2.1.1 CSS的特点 26
2.1.2 CSS的类型 27
2.1.3 CSS的基本语法 28
2.1.4 CSS的冲突 29
2.2 网页设计中的CSS 30
2.2.1 如何使用CSS 31
2.2.2 CSS能做什么 33
2.2.3 CSS的局限性 33
2.3 CSS样式的基本用法 34
2.4 应用CSS到网页中 35
2.5 单位和值 37
2.6 CSS样式具有的特性 43
2.7 CSS 3中的新增选择符 44
2.7.1 属性选择符 44
课堂练习 属性选择符的运用 45
2.7.2 结构伪类选择符 47
2.7.3 UI元素状态伪类选择符 57
2.8 应用实例——为页面添加CSS样式 63
2.9 举一反三——产品介绍网站 72
第3章 使用Div＋CSS布局页面 75
3.1 定义Div 76
3.2 CSS布局定位 79
3.3 可视化盒模型 87
3.3.1 盒子模型 87
3.3.2 margin属性 89
3.3.3 border属性 89
3.3.4 padding属性 90
3.3.5 content属性 90
3.3.6 视觉可视化模型 91
3.4 常用的布局方式 91
3.4.1 居中布局设计 91
3.4.2 浮动布局设计 92
3.4.3 高度自适应 97
3.5 流体网格布局 98
课堂练习 制作适合手机浏览的网页 98
3.6 CSS 3中有关基础盒模型 103
3.6.1 overflow 103
3.6.2 overflow-x 105
3.6.3 overflow-y 106
3.7 CSS 3中新增的弹性盒模型 106
3.7.1 box-orient属性控制盒子取向 107
3.7.2 box-direction属性控制盒子顺序 108
3.7.3 box-ordinal-group属性控制盒子位置 110
3.7.4 box-flex属性控制盒子弹性空间 112
3.7.5 盒子空间管理——box-pack和box-align属性 113
3.7.6 盒子空间溢出管理——box-lines属性 115
3.8 应用实例——使用Div＋CSS布局页面 115
3.9 举一反三——制作健康网站 123
第4章 使用CSS控制网页中的背景 125
4.1 背景颜色 126
4.1.1 设置页面背景颜色 126
课堂练习 设置背景颜色 126
4.1.2 设置块背景颜色 127
课堂练习 设置块背景颜色 128
4.2 背景图像 129
4.2.1 为页面设置背景图像 129
课堂练习 设置背景图片 130
4.2.2 背景图像的重复 131
4.2.3 设置背景图像的位置 132
课堂练习 背景图像定位 133
4.2.4 设置背景滚动 134
4.2.5 背景样式缩写的方式 136
4.3 CSS 3中有关背景的新增属性 136
4.3.1 background-origin 136
4.3.2 background-clip 138
4.3.3 background-size 139
4.4 应用实例——制作金融类网站页面 140
4.5 举一反三——学习用品网站 149
第5章 使用CSS控制页面文字样式 151
5.1 控制文字样式 152
5.1.1 字体和大小 152
课堂练习 不同字体的设置 153
5.1.2 文字颜色和粗细 157
5.1.3 斜体 159
5.1.4 下画线、顶画线和删除线 160
5.1.5 英文字母大小写 160
5.2 控制段落样式 161
5.2.1 段落水平对齐 161
5.2.2 段落垂直对齐 163
5.2.3 行间距和字间距 164
5.2.4 首字下沉 165
5.2.5 首行缩进 166
5.3 使用CSS对Flash中的文字进行控制 167
5.4 CSS类选区 169
课堂练习 利用CSS类选区制作个人网站首页 169
5.5 制作文字的滚动效果 171
课堂练习 实现文字的滚动效果 171
5.6 CSS 3中有关文字的新增属性 174
5.6.1 text-shadow 174
5.6.2 text-overflow 175
5.6.3 word-wrap 177
5.7 文字样式设置实例——设计类网站 178
5.8 举一反三——制作社区类网站页面 186
第6章 使用CSS控制图像样式 189
6.1 图像样式 190
6.1.1 图像边框设置 190
6.1.2 图像缩放设置 193
6.2 图像对齐 195
6.2.1 水平对齐设置 195
6.2.2 垂直对齐设置 196
6.3 图文混排 198
6.3.1 文字环绕 198
课堂练习 文字环绕效果的制作 198
6.3.2 设置混排间距 199
6.4 网页中特殊的图像效果 199
6.4.1 全屏大图切换 199
6.4.2 鼠标经过图像的动态效果 202
6.5 CSS 3中有关边框的新增属性 207
6.5.1 border-image 207
6.5.2 border-radius 209
6.5.3 box-shadow 210
6.5.4 border-color 211
6.6 应用实例——制作婚庆网站页面 212
6.7 举一反三——产品介绍网站 219
第7章 利用CSS控制列表样式 221
7.1 列表控制概述 222
7.1.1 列表控制原则 222
7.1.2 列表的类型及使用 222
7.1.3 改变项目样式 225
7.1.4 图像符号 227
7.2 使用列表制作实用菜单 227
7.2.1 无须表格的菜单 228
7.2.2 菜单的横竖转换 230
7.3 CSS 3中有关颜色的新增属性 232
7.3.1 HSL colors 232
7.3.2 HSLA colors 233
7.3.3 opacity 234
7.3.4 RGBA colors 235
7.4 列表在网页中的特殊应用 237
7.4.1 滚动图像 237
课堂练习 在网页中实现图像横向滚动效果 237
7.4.2 动态堆叠卡 243
课堂练习 在网页中实现动态堆叠卡效果 243
7.5 应用实例——制作音乐网站 246
7.6 举一反三——制作设计工作室网站 253
第8章 使用CSS控制表单样式 255
8.1 表单设计概述 256
8.1.1 表单的设计原则 256
8.1.2 表单应用分类 257
8.2 表单的设计 259
课堂练习 制作商城账号注册页面 263
8.3 使用CSS样式控制表单元素 269
8.3.1 使用CSS样式控制表单元素的背景 269
8.3.2 使用CSS样式实现圆角文本域 272
8.3.3 使用CSS样式设置下拉列表 274
8.4 表单在网页中的特殊应用 276
8.4.1 聚焦型提示语消失 276
8.4.2 输入型提示语消失 280
8.5 CSS 3中有关内容的新增属性 282
8.6 应用实例——制作用户注册页面 283
8.7 举一反三——制作用户登录页面 291
第9章 使用CSS美化浏览器 293
9.1 使用CSS控制超链接 294
9.1.1 认识超链接 294
9.1.2 关于链接路径 295
9.1.3 超链接属性控制 298
9.1.4 图像映射 301
课堂练习 实现图像映射 301
9.1.5 链接的打开方式 303
9.2 超链接特效 303
9.2.1 按钮式超链接 303
9.2.2 浮雕式超链接 305
9.3 鼠标特效 306
9.3.1 通过CSS样式控制鼠标箭头 306
9.3.2 鼠标变化的超链接 307
9.4 超链接在网页中的特殊应用 308
9.4.1 网页中的倾斜导航菜单 308
课堂练习 制作网站的倾斜导航菜单 308
9.4.2 网页中的动感超链接 310
课堂练习 制作网站的动感导航菜单 310
9.5 CSS 3中有关用户界面的新增属性 314
9.5.1 box-sizing 314
9.5.2 resize 316
9.5.3 outline 317
9.5.4 nav-index 318
9.6 应用实例——制作产品宣传网站页面 320
9.7 举一反三——制作运输公司网站页面 329
第10章 应用CSS中的滤镜 331
10.1 了解CSS滤镜 332
10.1.1 Alpha滤镜 332
10.1.2 Blur滤镜 335
10.1.3 MotionBlur滤镜 336
10.1.4 Dropshadow滤镜 338
10.1.5 Shadow滤镜 339
10.1.6 Flip滤镜 339
10.1.7 Glow滤镜 341
10.1.8 Gray滤镜 341
10.1.9 Invert滤镜 342
10.1.10 Xray滤镜 342
10.1.11 Mask滤镜 343
10.1.12 Wave滤镜 344
10.1.13 Chroma滤镜 344
10.1.14 BlendTrans滤镜 345
课堂练习 实现图像的渐变效果 345
10.1.1.5 Light滤镜 347
10.1.1.6 RevealTrans滤镜 348
10.2 CSS 3中其他模块的新增属性 350
10.2.1 ＠media 350
10.2.2 columns 351
10.2.3 ＠font-face 353
10.2.4 speech 354
10.3 应用实例——制作餐饮类网站 356
10.4 举一反三——制作网络游戏网站页面 366
第11章 CSS与jQurey的综合应用 369
11.1 什么是JavaScript 370
11.1.1 了解JavaScript 370
11.1.2 JavaScript的特点 372
11.1.3 JavaScript的应用范围 373
11.1.4 CSS样式与JavaScript 375
11.2 JavaScript和JavaScript库 375
11.2.1 关于jQuery 375
11.2.2 jQuery文件的下载 376
11.2.3 jQuery的优势 376
11.2.4 jQuery代码的编写 377
11.2.5 jQuery选择器 377
11.2.6 jQuery事件 379
11.3 在Dreamweaver CC中使用jQuery 379
课堂练习 调用外部jQuery文件实现鼠标经过图像变形特效 379
课堂练习 制作一个简单的检索页面 381
11.4 使用jQuery控制声音 384
11.5 使用jQuery实现淡入淡出效果 384
11.6 使用jQuery制作选项卡 389
11.7 应用实例——使用jQuery框架 392
11.8 举一反三——制作网页高光过渡效果 401
第12章 CSS与XML的综合应用 403
12.1 XML基础 404
12.1.1 XML的特点 404
12.1.2 XML与HTML 405
12.1.3 XML的基本语法 407
12.1.4 格式正确的XML文档 410
12.2 XML与CSS的链接 411
12.2.1 使用xml：stylesheet处理指令 411
12.2.2 使用＠import指令 413
12.3 XML与CSS的应用 413
12.3.1 显示学生信息XML文档 413
12.3.2 利用XML文档实现隔行变色的表格 416
12.4 应用实例——在HTML页面中调用XML数据 421
12.5 举一反三——制作企业网站 428
第13章 CSS与Ajax的综合应用 431
13.1 了解Ajax 432
13.1.1 Ajax简介 432
13.1.2 Ajax的关键元素 433
13.1.3 Ajax的优势 434
13.1.4 实现Ajax的步骤 434
13.1.5 使用CSS的必要性 435
13.2 Ajax基础 436
13.2.1 创建XMLHttpRequest对象 436
13.2.2 发出Ajax请求 437
13.2.3 处理服务器响应 438
13.2.4 使用CSS样式 438
13.3 HTML 5简介 439
13.3.1 HTML 5标签 440
13.3.2 HTML 5的事件属性 443
13.3.3 HTML 5的标准属性 444
13.4 应用实例——使用Ajax实现页面特效 444
13.5 举一反三——通过Ajax实现可拖动的Div块 455
第14章 Div＋CSS布局综合案例 457
综合实例——制作医疗保健类网站 458