目录 第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 课堂实训11中国奥运奖牌网页策划与设计10 习题12 第2章HTML简单标签13 2.1HTML基础14 2.1.1HTML文档基本组成14 2.1.2头部标签15 2.1.3特殊字符16 2.1.4注释17 课堂实训21制作“神舟一号——飞天梦之起点”网页18 2.2标签分类20 2.2.1按闭合特征分类20 2.2.2按显示模式分类21 课堂实训22制作“神舟二号——中国第一艘正样无人飞船”网页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 课堂实训23制作“神舟五号——圆梦飞天”网页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 课堂实训24制作“神舟九号——首次载人交会对接”网页39 2.5多媒体标签40 2.5.1音频标签41 2.5.2视频标签42 课堂实训25制作“神舟十三号——新的航天纪录”网页44 习题47 第3章CSS核心基础48 3.1CSS基础知识49 3.1.1初识CSS49 3.1.2基本选择器51 3.1.3使用方法52 3.1.4复合选择器54 课堂实训31制作红旗轿车客户服务网页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 课堂实训32制作红旗轿车研发成果网页75 3.3CSS的特性和优先级78 3.3.1继承和层叠78 3.3.2优先级82 课堂实训33制作“中国骄傲红旗CA770”网页84 习题86 第4章文本和背景样式88 4.1CSS文本样式89 4.1.1字体样式属性89 4.1.2文本外观属性93 课堂实训41制作中国高铁多彩效果网页104 4.2图像样式105 4.2.1图像边框105 4.2.2图像缩放109 4.2.3图像对齐110 课堂实训42制作复兴号网页113 4.3CSS背景属性115 4.3.1背景颜色属性116 4.3.2背景图像和布局属性117 4.3.3简写背景属性120 4.3.4渐变属性120 课堂实训43制作新中国铁路发展史网页125 习题128 第5章盒子模型和网页布局130 5.1认识盒子模型131 5.1.1CSS盒子模型结构131 5.1.2盒子模型的属性135 5.1.3垂直外边距合并问题145 课堂实训51制作北斗卫星导航系统版块内容列表149 5.2语义化标签152 5.2.1结构标签152 5.2.2分组标签154 5.2.3页面交互标签155 5.2.4行内标签156 课堂实训52制作北斗卫星导航首页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 课堂实训53制作北斗卫星导航展示页面185 习题190 第6章列表和超链接192 6.1列表193 6.1.1列表标签193 6.1.2CSS控制列表198 课堂实训61制作中国航海科技成就列表204 6.2超链接206 6.2.1超链接标签206 6.2.2CSS控制超链接标签212 课堂实训62制作大国航海梦网页216 习题221 第7章表格和表单223 7.1表格224 7.1.1表格标签224 7.1.2CSS控制表格234 课堂实训71制作中国自主CPU产品谱网页239 7.2表单243 7.2.1表单基础243 7.2.2表单属性244 7.2.3表单控件246 7.2.4CSS控制表单251 课堂实训72制作麒麟软件产品试用申请网页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 课堂实训81制作中国高铁多彩文字2D转换网页269 8.2动画270 8.2.1过渡属性270 8.2.2动画274 课堂实训82制作复兴号动画网页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 课堂实训91制作石油发展网页296 9.2JavaScript基本语法298 9.2.1数据类型和变量298 9.2.2运算符和表达式299 9.2.3常用对象302 9.2.4流程控制语句305 9.2.5函数310 课堂实训92制作石油发展内容介绍网页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 课堂实训101制作电子时钟页面339 10.2文档对象模型340 10.2.1初始文档对象模型340 10.2.2获取元素342 10.2.3操作元素344 10.2.4操作DOM节点348 课堂实训102制作重卡价格展示网页353 10.3事件处理355 10.3.1事件三要素355 10.3.2常用事件356 课堂实训103制作重卡信息展示网页358 习题362 参考文献364