HTML5+CSS3网页设计基础

目    录
 
第1章  HTML5网页基础   1
1.1  网页的基本元素   1
1.2  网页的布局结构   3
1.3  创建HTML5页面   4
1.3.1  案例分析   4
1.3.2  用记事本创建网页   4
1.3.3  用Hbuilder创建网页   5
1.4  HTML5基础   7
1.4.1  HTML5概述   7
1.4.2  HTML5文档结构   8
1.4.3  HTML5语句结构   9
1.4.4  HTML5语法规范   10
1.5  实训   10
1.6  本章小结   11
1.7  练习题   11
第2章  网页基本元素   13
2.1  文本控制标签   13
2.1.1  案例分析   13
2.1.2  (标题标签)   14
2.1.3  (段落标签)   15
2.1.4 
(换行标签)   15
2.1.5  (水平线标签)   15
2.1.6  文本格式化标签   16
2.1.7  (范围标签)   17
2.1.8  (注释标签)   17
2.1.9  特殊符号   17
2.1.10  案例制作   18
2.2  图像标签   19
2.2.1  案例分析   19
2.2.2  常用图像格式   19
2.2.3  图像标签及其属性   20
2.2.4  路径与相对路径   23
2.2.5  案例制作   23
2.3  超链接标签   24
2.3.1  案例分析   24
2.3.2  超链接简介   25
2.3.3  超链接的应用   25
2.3.4  案例制作   29
2.4  列表   30
2.4.1  案例分析   30
2.4.2  无序列表   30
2.4.3  有序列表   31
2.4.4  定义列表   32
2.4.5  嵌套列表   33
2.4.6  案例制作   34
2.5  表格   35
2.5.1  案例分析   35
2.5.2  表格的结构   35
2.5.3  表格的基本语法   36
2.5.4  表格的修饰   37
2.5.5  不规范表格   39
2.5.6  案例制作   40
2.6  页面交互标签   41
2.6.1  details和summary元素   41
2.6.2  progress元素   42
2.6.3  meter元素   42
2.7  实训   43
2.7.1  任务分析   44
2.7.2  任务实现   44
2.8  本章小结   45
2.9  练习题   46
第3章  CSS入门   47
3.1  CSS的定义与使用   47
3.1.1  CSS概述   47
3.1.2  CSS的定义和引用   48
3.2  CSS选择器   51
3.2.1  案例分析   51
3.2.2  CSS样式规则   51
3.2.3  CSS基础选择器   53
3.2.4  案例——制作企业简介页面   58
3.3  CSS属性单位   59
3.3.1  长度与百分比单位   59
3.3.2  色彩单位   60
3.4  CSS高级特性   61
3.4.1  案例分析   61
3.4.2  CSS的层叠性和继承性   61
3.4.3  CSS的优先级   64
3.4.4  案例——制作工程案例局部页面   64
3.5  实训   66
3.6  本章小结   68
3.7  练习题   68
第4章  元素外观修饰   71
4.1  文本样式   71
4.1.1  案例分析   71
4.1.2  字体样式   72
4.1.3  文本外观属性   75
4.1.4  案例制作   81
4.2  图像样式   82
4.2.1  案例分析   83
4.2.2  设置图像样式   83
4.2.3  案例制作   85
4.3  列表样式   86
4.3.1  案例分析   86
4.3.2  设置列表项的标记类型   86
4.3.3  设置列表项的标记位置   88
4.3.4  案例制作   89
4.4  表格样式   92
4.4.1  案例分析   92
4.4.2  border-collapse(设置表格边框合并)   92
4.4.3  border-spacing(设置单元格间距)   93
4.4.4  empty-cells(设置是否显示单元格边框)   94
4.4.5  caption-side(设置表格标题的位置)   95
4.4.6  案例制作   95
4.5  实训   97
4.5.1  任务分析   97
4.5.2  任务实现   97
4.6  本章小结   100
4.7  练习题   100
第5章  CSS3选择器   103
5.1  属性选择器   103
5.1.1  案例分析   103
5.1.2  E[attribute^=value]选择器   104
5.1.3  E[attribute$=value]选择器   104
5.1.4  E[attribute*=value]选择器   104
5.1.5  案例制作   105
5.2  伪类选择器   106
5.2.1  案例分析   106
5.2.2  :first-child和:last-child选择器   107
5.2.3  :nth-child(n)和:nth-last-child(n)选择器   109
5.2.4  :nth-of-type(n)和:nth-last-of-type(n)选择器   109
5.2.5  :empty选择器   111
5.2.6  :target选择器   112
5.2.7  案例制作   113
5.3  伪元素选择器   116
5.3.1  案例分析   116
5.3.2  :before选择器   116
5.3.3  :after选择器   117
5.3.4  案例制作   118
5.4  链接伪类   119
5.4.1  案例分析   119
5.4.2  案例制作   119
5.5  实训   120
5.5.1  任务分析   121
5.5.2  任务完成   121
5.6  本章小结   125
5.7  练习题   125
第6章  CSS盒子模型   127
6.1  盒子模型简介   127
6.2  盒子的外观属性   128
6.2.1  案例分析   128
6.2.2  盒子模型的宽和高   129
6.2.3  盒子边框属性   132
6.2.4  盒子模型的边距属性   137
6.2.5  案例制作   139
6.3  背景属性   142
6.3.1  案例分析   142
6.3.2  background属性   142
6.3.3  CSS渐变背景   150
6.3.4  背景和图像不透明度设置   153
6.3.5  案例制作   154
6.4  实训   155
6.4.1  任务分析   155
6.4.2  任务实现   156
6.5  本章小结   158
6.6  练习题   158
第7章  网页布局设计   161
7.1  网页布局标签   161
7.1.1  布局标签 CSS布局的优点   161
7.1.2  页面分块   162
7.1.3  页面结构标签   163
7.2  浮动与定位   167
7.2.1  案例分析   167
7.2.2  元素的浮动   167
7.2.3  清除浮动   171
7.2.4  定位属性   172
7.2.5  定位方式   173
7.2.6  overflow属性   177
7.2.7  案例制作   178
7.3  典型的CSS布局   181
7.3.1  两列布局   181
7.3.2  三列布局   185
7.3.3  三列自适应布局   189
7.4  实训   190
7.4.1  任务分析   191
7.4.2  任务实现   191
7.5  本章小结   195
7.6  练习题   196
第8章  链接与导航   199
8.1  链接样式   199
8.1.1  案例分析   199
8.1.2  设置文字链接样式   200
8.1.3  设置图像链接样式   202
8.1.4  案例——制作产品中心-景观路灯局部   203
8.2  纵向导航菜单的设计   205
8.2.1  案例分析   205
8.2.2  纵向导航菜单   206
8.2.3  案例——制作产品中心页面的左侧导航   207
8.3  横向导航菜单的设计   209
8.3.1  案例分析   209
8.3.2  网站主导航菜单的设计   210
8.3.3  案例——制作产品中心页面的页码导航   212
8.4  实训   213
8.4.1  任务分析   213
8.4.2  任务实现   214
8.5  本章小结   223
8.6  练习题   223
第9章  表单   225
9.1  表单标签   225
9.2  表单元素   226
9.2.1  案例分析   226
9.2.2  input元素及其属性   227
9.2.3  其他表单元素   232
9.2.4  案例制作   234
9.3  用CSS控制表单样式   235
9.4  实训   238
9.4.1  任务分析   238
9.4.2  任务实现   239
9.5  本章小结   242
9.6  练习题   242
第10章  CSS3简单动画   245
10.1  CSS3过渡   245
10.1.1  transition-property属性   245
10.1.2  transition-duration属性   247
10.1.3  transition-timing-function属性   247
10.1.4  transition-delay属性   248
10.1.5  transition属性   248
10.2  变形   249
10.2.1  案例展示   249
10.2.2  认识变形   249
10.2.3  2D转换   250
10.2.4  3D转换   256
10.2.5  案例实现   260
10.3  动画设计   262
10.3.1  @keyframes规则   262
10.3.2  animation属性   263
10.4  实训   266
10.5  本章小结   270
10.6  练习题   270
第11章  多媒体技术   273
11.1  HTML5多媒体特性   273
11.1.1  多媒体格式   273
11.1.2  支持多媒体的浏览器   274
11.2  嵌入视频和音频   275
11.2.1  在HTML5中嵌入视频   275
11.2.2  在HTML5中嵌入音频   277
11.2.3  音视频中的source元素   278
11.3  用CSS控制视频的宽高   279
11.4  视频和音频的方法和事件   281
11.4.1  video和audio元素的方法   281
11.4.2  video和audio元素的事件   281
11.5  实训   282
11.5.1  任务分析   283
11.5.2  任务实现   284
11.6  本章小结   285
11.7  练习题   285
第12章  网页设计基础   287
12.1  网站的开发流程   287
12.1.1  需求分析   288
12.1.2  站点规划   288
12.1.3  网站制作   289
12.1.4  测试发布   289
12.2  用HBulider创建Web项目   290
12.3  案例：制作爱德照明网站首页   290
12.4  案例：制作公司新闻页面   302
12.5  案例：制作联系方式页面   308
12.6  本章小结   310
12.7  练习题   310
参考文献   312