WEB前端开发(初级)——HTML 5+CSS 3+JAVASCRIPT

第1章Web前端开发概述1
1.1Web前端开发基础2
1.1.1初识Web前端技术2
1.1.2Web前端技术开发流程3
1.1.3Web标准——结构、样式和行为的分离3
1.1.4常用的浏览器介绍4
1.2HTML 5基本框架6
1.2.1HTML发展历程6
1.2.2HTML编码标准7
1.2.3HTML文档基本格式8
1.2.4开发工具的选择9
课堂实训11中国奥运奖牌网页策划与设计10
习题12
第2章HTML简单标签13
2.1HTML基础14
2.1.1HTML文档基本组成14
2.1.2头部标签15
2.1.3特殊字符16
2.1.4注释17
课堂实训21制作“神舟一号——飞天梦之起点”网页18
2.2标签分类20
2.2.1按闭合特征分类20
2.2.2按显示模式分类21
课堂实训22制作“神舟二号——中国**艘正样无人飞船”网页22
2.3块级标签24
2.3.1段落标签24
2.3.2盒子标签25
2.3.3水平线标签26
2.3.4块级引用标签26
2.3.5标题标签27
2.3.6其他块级标签28
2.3.7语义化标签30
课堂实训23制作“神舟五号——圆梦飞天”网页31
2.4内联标签32
Web前端开发(初级)——HTML 5 CSS 3 JavaScript目录2.4.1图像标签32
2.4.2换行标签34
2.4.3超链接标签35
2.4.4其他内联标签37
课堂实训24制作“神舟九号——首次载人交会对接”网页39
2.5多媒体标签40
2.5.1音频标签41
2.5.2视频标签42
课堂实训25制作“神舟十三号——新的航天纪录”网页44
习题47
第3章CSS核心基础48
3.1CSS基础知识49
3.1.1初识CSS49
3.1.2基本选择器51
3.1.3使用方法52
3.1.4复合选择器54
课堂实训31制作红旗轿车客户服务网页57
3.2CSS 3选择器60
3.2.1属性选择器60
3.2.2关系选择器65
3.2.3结构化伪类选择器67
3.2.4伪元素选择器72
3.2.5元素状态伪类选择器74
课堂实训32制作红旗轿车研发成果网页75
3.3CSS的特性和优先级78
3.3.1继承和层叠78
3.3.2优先级82
课堂实训33制作“中国骄傲红旗CA770”网页84
习题86
第4章文本和背景样式88
4.1CSS文本样式89
4.1.1字体样式属性89
4.1.2文本外观属性93
课堂实训41制作中国高铁多彩效果网页104
4.2图像样式105
4.2.1图像边框105
4.2.2图像缩放109
4.2.3图像对齐110
课堂实训42制作复兴号网页113
4.3CSS背景属性115
4.3.1背景颜色属性116
4.3.2背景图像和布局属性117
4.3.3简写背景属性120
4.3.4渐变属性120
课堂实训43制作新中国铁路发展史网页125
习题128
第5章盒子模型和网页布局130
5.1认识盒子模型131
5.1.1CSS盒子模型结构131
5.1.2盒子模型的属性135
5.1.3垂直外边距合并问题145
课堂实训51制作北斗卫星导航系统版块内容列表149
5.2语义化标签152
5.2.1结构标签152
5.2.2分组标签154
5.2.3页面交互标签155
5.2.4行内标签156
课堂实训52制作北斗卫星导航首页158
5.3布局161
5.3.1块级元素和内联元素的转换162
5.3.2元素浮动163
5.3.3清除元素浮动164
5.3.4元素定位166
5.3.5多列布局173
5.3.6弹性布局176
课堂实训53制作北斗卫星导航展示页面185
习题190
第6章列表和超链接192
6.1列表193
6.1.1列表标签193
6.1.2CSS控制列表198
课堂实训61制作中国航海科技成就列表204
6.2超链接206
6.2.1超链接标签206
6.2.2CSS控制超链接标签212
课堂实训62制作大国航海梦网页216
习题221
第7章表格和表单223
7.1表格224
7.1.1表格标签224
7.1.2CSS控制表格234
课堂实训71制作中国自主CPU产品谱网页239
7.2表单243
7.2.1表单基础243
7.2.2表单属性244
7.2.3表单控件246
7.2.4CSS控制表单251
课堂实训72制作麒麟软件产品试用申请网页253
习题257
第8章CSS特殊效果的实现259
8.1CSS 3转换260
8.1.12D转换260
8.1.2更改旋转中心点265
8.1.33D转换266
8.1.4浏览器私有前缀268
课堂实训81制作中国高铁多彩文字2D转换网页269
8.2动画270
8.2.1过渡属性270
8.2.2动画274
课堂实训82制作复兴号动画网页279
习题282
第9章JavaScript语法基础 284
9.1JavaScript概述285
9.1.1初识JavaScript285
9.1.2JavaScript特点286
9.1.3JavaScript与HTML287
9.1.4JavaScript与CSS291
9.1.5代码书写位置295
课堂实训91制作石油发展网页296
9.2JavaScript基本语法298
9.2.1数据类型和变量298
9.2.2运算符和表达式299
9.2.3常用对象302
9.2.4流程控制语句305
9.2.5函数310
课堂实训92制作石油发展内容介绍网页311
习题316
第10章JavaScript网页交互的实现318
10.1浏览器对象模型319
10.1.1初识浏览器对象319
10.1.2window对象319
10.1.3history对象331
10.1.4location对象332
10.1.5navigator对象335
10.1.6screen对象336
10.1.7document对象337
课堂实训101制作电子时钟页面339
10.2文档对象模型340
10.2.1初始文档对象模型340
10.2.2获取元素342
10.2.3操作元素344
10.2.4操作DOM节点348
课堂实训102制作重卡价格展示网页353
10.3事件处理355
10.3.1事件三要素355
10.3.2常用事件356
课堂实训103制作重卡信息展示网页358
习题362
参考文献364