HTML5+CSS3网页设计与制作 黑马程序员 著 大中专 文轩网

第1章HTML5+CSS3网页设计概述001
1.1网页概述001
1.1.1认识网页001
1.1.2网页名词解释002
1.1.3Web标准003
1.2网页制作技术入门005
1.2.1HTML005
1.2.2CSS006
1.2.3JavaScript006
1.2.4网页的展示平台——浏览器007
1.3Dreamweaver工具的使用010
1.3.1认识Dreamweaver界面010
1.3.2Dreamweaver初始化设置014
1.3.3Dreamweaver的基本操作016
1.4阶段案例——创建第一个网页018
1.5本章小结020
1.6课后练习题020
第2章初识HTML5021
2.1HTML5的优势021
2.2HTML5全新的结构022
2.3标签概述023
2.3.1标签的分类023
2.3.2标签的关系024
2.3.3标签属性025
2.3.4HTML5文档头部相关标签025
2.4文本控制标签027
2.4.1页面格式化标签027
2.4.2文本样式标签031
2.4.3文本格式化标签032
2.4.4文本语义标签033
2.4.5特殊字符标签034
2.5图像标签035
2.5.1常见的图像格式035
2.5.2图像标签036
2.5.3相对路径和绝对路径039
2.6阶段案例——制作图文混排新闻040
2.6.1分析新闻模块效果图040
2.6.2搭建新闻模块结构040
2.6.3控制新闻模块图像041
2.6.4控制新闻模块文本041
2.7本章小结042
2.8课后练习题042
第3章初识CSS3043
3.1结构与表现分离043
3.2CSS3的优势044
3.3CSS核心基础044
3.3.1CSS样式规则044
3.3.2引入CSS样式表045
3.3.3CSS基础选择器049
3.4设置文本样式052
3.4.1CSS字体样式属性052
3.4.2CSS文本外观属性055
3.5高级特性064
3.5.1CSS复合选择器064
3.5.2CSS的层叠性和继承性066
3.5.3CSS的优先级068
3.6阶段案例——制作活动通知页面070
3.6.1分析活动通知页面效果图071
3.6.2搭建活动通知页面结构071
3.6.3定义活动通知页面样式072
3.7本章小结073
3.8课后练习题073
第4章CSS3选择器074
4.1属性选择器074
4.1.1E[att^=value]属性选择器074
4.1.2E[att$=value]属性选择器075
4.1.3E[att*=value]属性选择器076
4.2关系选择器077
4.2.1子元素选择器077
4.2.2兄弟选择器（+、~）078
4.3结构化伪类选择器080
4.3.1:root选择器080
4.3.2:not选择器081
4.3.3:only-child选择器081
4.3.4:first-child和:last-child选择器082
4.3.5:nth-child(n)和:nth-last-child(n)选择器083
4.3.6:nth-of-type(n)和:nth-last-of-type(n)选择器084
4.3.7:empty选择器085
4.4伪元素选择器086
4.4.1:before伪元素选择器086
4.4.2:after伪元素选择器087
4.5阶段案例——制作招聘页面088
4.5.1分析招聘页面效果图089
4.5.2搭建招聘页面结构089
4.5.3定义招聘页面样式090
4.6本章小结090
4.7课后练习题090
第5章盒子模型091
5.1认识盒子模型091
5.2盒子模型的相关属性092
5.2.1边框属性092
5.2.2内边距属性098
5.2.3外边距属性099
5.2.4背景属性101
5.2.5盒子的宽与高105
5.3CSS3新增盒子模型属性106
5.3.1颜色透明度106
5.3.2圆角107
5.3.3图片边框109
5.3.4阴影111
5.3.5渐变112
5.3.6多背景图像116
5.3.7修剪背景图像117
5.4元素的类型和转换118
5.4.1元素的类型118
5.4.2和标签120
5.4.3元素类型的转换122
5.5块元素垂直外边距的合并124
5.5.1相邻块元素垂直外边距的合并124
5.5.2嵌套块元素垂直外边距的合并125
5.6阶段案例——制作音乐排行榜126
5.6.1分析音乐排行榜效果图126
5.6.2制作音乐排行榜页面结构127
5.6.3定义音乐排行榜CSS样式127
5.7本章小结129
5.8课后练习题129
第6章列表和超链接130
6.1列表标签130
6.1.1无序列表130
6.1.2有序列表131
6.1.3定义列表133
6.1.4列表的嵌套应用134
6.2CSS控制列表样式135
6.2.1list-style-type属性135
6.2.2list-style-image属性136
6.2.3list-style-position属性137
6.2.4list-style属性138
6.3超链接139
6.3.1创建超链接139
6.3.2锚点链接141
6.4链接伪类控制超链接142
6.5阶段案例——制作新闻列表144
6.5.1分析新闻列表效果图144
6.5.2制作新闻列表页面结构145
6.5.3定义新闻列表CSS样式145
6.6本章小结146
6.7课后练习题146
第7章表格和表单147
7.1表格147
7.1.1创建表格147
7.1.2标签的属性149
7.1.3标签的属性153
7.1.4标签的属性154
7.1.5标签及其属性156
7.1.6表格的结构156
7.2CSS控制表格样式158
7.2.1CSS控制表格边框158
7.2.2CSS控制单元格边距160
7.2.3CSS控制单元格的宽和高161
7.3表单162
7.3.1表单的构成162
7.3.2创建表单163
7.4表单控件164
7.4.1input控件164
7.4.2textarea控件167
7.4.3select控件169
7.5HTML5表单新属性172
7.5.1全新的form属性172
7.5.2全新的表单控件172
7.5.3全新的input控件类型173
7.5.4全新的input属性177
7.6CSS控制表单样式183
7.7阶段案例——制作表单注册页面185
7.7.1分析表单注册页面效果图186
7.7.2搭建表单注册页面结构187
7.7.3定义表单注册页面CSS样式188
7.8本章小结190
7.9课后练习题190
第8章DIV+CSS布局191
8.1布局概述191
8.2布局常用属性193
8.2.1标签的浮动属性193
8.2.2标签的定位属性199
8.3布局的其他属性203
8.3.1overflow属性204
8.3.2z-index属性206
8.4布局类型206
8.4.1单列布局206
8.4.2两列布局207
8.4.3三列布局209
8.4.4全新的HTML5结构元素212
8.4.5网页模块命名规范215
8.5阶段案例——制作通栏banner216
8.5.1分析通栏banner效果图216
8.5.2制作通栏banner页面结构217
8.5.3定义通栏bannerCSS样式218
8.6本章小结220
8.7课后练习题220
第9章多媒体嵌入221
9.1视频/音频嵌入技术概述221
9.2视频文件和音频文件的格式223
9.3嵌入视频和音频223
9.3.1在HTML5中嵌入视频223
9.3.2在HTML5中嵌入音频225
9.3.3视频和音频文件的兼容性问题226
9.3.4调用网络音频视频文件227
9.4CSS控制视频的宽和高229
9.5阶段案例——制作音乐播放界面231
9.5.1分析音乐播放界面效果图231
9.5.2制作音乐播放界面结构232
9.5.3定义音乐播放界面CSS样式232
9.6本章小结234
9.7课后练习题234
第10章过渡、变形和动画235
10.1过渡235
10.1.1transition-property属性235
10.1.2transition-duration属性237
10.1.3transition-timing-function属性237
10.1.4transition-delay属性238
10.1.5transition属性239
10.2变形239
10.2.1认识transform属性239
10.2.22D变形240
10.2.33D变形244
10.3动画248
10.3.1@keyframes规则249
10.3.2animation-name属性249
10.3.3animation-duration属性250
10.3.4animation-timing-function属性250
10.3.5animation-delay属性251
10.3.6animation-iteration-count属性251
10.3.7animation-direction属性251
10.3.8animation属性252
10.4阶段案例——制作表情图片253
10.4.1分析表情图片效果图253
10.4.2制作表情图片页面结构254
10.4.3定义表情图片CSS样式254
10.5本章小结256
10.6课后练习题256
第11章绘图和数据存储原理257
11.1简单的JavaScript257
11.1.1JavaScript的引入258
11.1.2变量259
11.1.3document对象260
11.2HTML5画布261
11.2.1认识画布261
11.2.2使用画布262
11.2.3绘制线262
11.2.4线的样式264
11.2.5线的路径264
11.2.6填充路径266
11.2.7绘制圆266
11.3HTML5数据存储基础267
11.3.1原始存储方式——Cookie267
11.3.2HTML5全新的存储技术——WebStorage268
11.4阶段案例——绘制火柴人269
11.4.1分析火柴人效果图269
11.4.2搭建火柴人结构270
11.4.3绘制火柴人图形270
11.5本章小结271
11.6课后练习题271
第12章实战开发——制作企业网站页面272
12.1网站设计规划272
12.1.1确定网站主题272
12.1.2规划网站结构273
12.1.3收集素材273
12.1.4设计网页效果图274
12.2使用Dreamweaver工具建立站点275
12.3切图276
12.4搭建首页277
12.4.1效果图分析277
12.4.2首页制作278
12.5制作模板286
12.5.1建立模板的步骤286
12.5.2引用模板289
12.6使用模板搭建网页289
12.6.1搭建注册页289
12.6.2搭建个人中心页面292
12.6.3搭建视频播放页294
12.7本章小结298
12.8课后练习题298