Web前端开发案例教程——HTML5+CSS3+JavaScript+JQuery+Bootstrap响应式开发_胡军刘伯成管春_9787115536037

本书全面系统地介绍了网页设计、开发涉及的主要技术和技巧。主要内容包括：Web前端开发概述、HTML5基础、表格和表单、框架、CSS样式表、CSS样式表布局、HTML5、CSS3综合案例、JavaScript基础、JavaScript对象、JavaScript DOM、JQuery基础、JQuery应用、响应式布局、Bootstrap。

第1章 Web前端开发概述 1 1.1　Web概述　2 1.1.1　Web客户端技术　2 1.1.2　Web服务器端技术　2 1.1.3　超文本传输协议　3 1.1.4　统一资源定位符　3 1.2　HTML　3 1.2.1　HTML简介　3 1.2.2　HTML的发展　4 1.3　CSS　4 1.3.1　CSS简介　4 1.3.2　CSS的特点　5 1.4　JavaScript　5 1.4.1　JavaScript简介　5 1.4.2　JavaScript的特点　6 1.5　jQuery　6 1.6　Bootstrap　7 1.7　其他前端框架　7 1.7.1　Angular　7 1.7.2　React　7 1.7.3　Vue　7 小结　8 第2章　HTML5基础Ⅰ　9 2.1　HTML5的新特性　10 2.2　HTML5文档结构　11 2.2.1　基本结构　11 2.2.2　编辑工具　12 2.3　HTML5头部标签　13 2.3.1　标签　13 2.3.2　<meta />标签　14 2.3.3　<link />标签　14 2.3.4　 <style>标签　14 2.3.5　 <script>标签　15 2.4　块级标签　15 2.4.1　基本的块级标签　15 2.4.2　常用于布局的块级标签　17 2.5　行级标签　22 2.5.1　图像标签<img />　22 2.5.2　图片列表标签<figure>和<figcaption>　23 2.5.3　范围标签<span>　25 2.5.4　换行标签<br />　25 2.5.5　超链接标签<a>　26 2.6　W3C标准　30 2.6.1　W3C提倡的Web页面结构　30 2.6.2　HTML5的基本规范、结构元素和媒体支持　31 2.7　实践指导　34 小结　35 拓展训练　36 第3章　HTML5基础Ⅱ　37 3.1　表格基础　38 3.1.1　表格结构　39 3.1.2　表格标签　40 3.1.3　表格属性设置　41 3.1.4　跨行和跨列设置　42 3.2　表单　45 3.2.1　表单标签　47 3.2.2　表单域　47 3.2.3　表单按钮　53 3.2.4　HTML5新增的表单属性　54 3.2.5　HTML5新增表单标签　55 3.2.6　表单验证　56 3.3　表格布局　57 3.3.1　应用场景　57 3.3.2　图文布局　57 3.3.3　表单布局　59 3.3.4　表格的嵌套布局　61 3.4　<iframe>框架　63 3.4.1　<iframe>的用法　64 3.4.2　设置<iframe>常用属性　64 3.5　实践指导　65 小结　67 拓展训练　67 第4章　CSS3基础　70 4.1　CSS3简介　71 4.2　CSS3基本语法　72 4.2.1　CSS3基本结构　72 4.2.2　在HTML5中引入CSS3样式表　72 4.2.3　CSS3基本选择器　76 4.2.4　CSS层叠性、继承性和重要性　80 4.2.5　多选择器的常用符号及组合　82 4.3　CSS的常用属性　82 4.3.1　CSS的属性单位　82 4.3.2　字体属性　83 4.3.3　文本属性　85 4.3.4　背景属性　87 4.3.5　列表的常用属性　88 4.3.6　超链接伪类样式　89 4.4　实践指导　91 小结　93 拓展训练　94 第5章　CSS3布局　95 5.1　盒子模型及应用　96 5.1.1　盒子模型　96 5.1.2　盒子属性　96 5.2　DIV+CSS3布局　100 5.2.1　<div>标签的样式设置　100 5.2.2　布局页面设置　102 5.2.3　<div>标签的嵌套　103 5.2.4　display属性　104 5.2.5　<div>标签的浮动　106 5.2.6　<div>标签的定位　109 5.2.7　圆角边框　112 5.2.8　典型的DIV+CSS3整体页面布局　113 5.3　典型的局部布局　115 5.3.1　<div>-<ul>-<li>局部布局　115 5.3.2　<div>-<dl>-<dt>-<dd>局部布局　119 5.4　实践指导　121 小结　123 拓展训练　124 第6章　网站设计　125 6.1　网站开发流程　126 6.1.1　需求分析　126 6.1.2　伪界面设计　127 6.1.3　网站制作　127 6.1.4　测试网页　128 6.1.5　发布网站　128 6.2　创建站点　128 6.3　页面布局技术　130 6.3.1　表格布局　130 6.3.2　框架布局　130 6.3.3　DIV+CSS3布局　131 6.4　网页制作　131 6.4.1　制作首页布局　131 6.4.2　制作网页模板　132 6.4.3　制作样式表文件和其他页面绑定　133 6.4.4　设置页面间的链接　135 6.5　测试并发布网站　135 6.5.1　测试内容　135 6.5.2　发布站点　136 6.6　实践指导　139 小结　141 拓展训练　141 第7章　JavaScript基础　142 7.1　JavaScript简介　143 7.1.1　JavaScript的基本结构　143 7.1.2　脚本的执行原理　145 7.2　JavaScript基础语法　145 7.2.1　变量　146 7.2.2　数据类型　146 7.2.3　注释　148 7.2.4　运算符　148 7.2.5　常用的输入/输出　148 7.3　流程控制　149 7.3.1　分支结构　149 7.3.2　循环结构　152 7.3.3　转移结构　155 7.4　函数　157 7.4.1　内置系统函数　157 7.4.2　自定义函数　159 7.5　实践指导　160 小结　164 拓展训练　164 第8章　JavaScript对象　165 8.1　JavaScript核心对象　166 8.1.1　数组对象　166 8.1.2　字符串对象　167 8.1.3　日期对象　170 8.1.4　数学对象　173 8.2　自定义对象　175 8.2.1　对象的制作和使用　175 8.2.2　在对象内设定方法　177 8.2.3　将对象作为对象属性使用　178 8.3　JavaScript的事件　180 8.4　实践指导　182 小结　183 拓展训练　183 第9章　JavaScript DOM　185 9.1　DOM概述　186 9.2　window对象　187 9.2.1　常用属性　187 9.2.2　常用方法　187 9.2.3　常用事件　189 9.3　document对象　191 9.3.1　常用属性　191 9.3.2　常用方法　192 9.4　其他对象　194 9.4.1　history对象　194 9.4.2　location对象　195 9.4.3　表单对象　196 9.5　DOM编程应用　198 9.5.1　元素的显示和隐藏　198 9.5.2　复选框全选效果　202 9.6　实践指导　204 小结　205 拓展训练　205 第10章　jQuery基础　206 10.1　jQuery简介　207 10.1.1　jQuery的使用　207 10.1.2　jQuery工厂函数　208 10.2　DOM对象与jQuery对象的相互转换　208 10.3　jQuery的选择器　210 10.3.1　基本选择器　210 10.3.2　层次选择器　211 10.3.3　过滤选择器　213 10.3.4　表单选择器　221 10.4　实践指导　223 小结　223 拓展训练　223 第11章　jQuery应用　224 11.1　jQuery的事件绑定　225 11.1.1　jQuery事件　225 11.1.2　常用的绑定方法　225 11.1.3　使用jQuery操作DOM　227 11.2　jQuery的动画函数　236 11.2.1　show()和hide()函数　236 11.2.2　fadeIn()和fadeOut()函数　237 11.2.3　自定义动画　238 11.3　jQuery的简单应用　239 11.3.1　功能需求　239 11.3.2　功能实现　240 11.4　实践指导　246 小结　246 拓展训练　246 第12章　响应式布局　247 12.1　视口　248 12.1.1　PC端视口　248 12.1.2　移动端视口　248 12.2　媒体查询与百分比布局　250 12.2.1　媒体查询　250 12.2.2　百分比布局　251 12.3　栅格系统　254 12.3.1　栅格系统简介　254 12.3.2　栅格系统的应用　254 12.4　弹性盒布局　255 12.4.1　弹性盒布局简介　255 12.4.2　弹性盒布局的应用　258 12.5　实践指导　261 小结　262 拓展训练　262 第13章　Bootstrap技术　263 13.1　Bootstrap技术简介　264 13.1.1　Bootstrap技术基本介绍　264 13.1.2　Bootstrap技术的基本用法　264 13.2　栅格系统　265 13.3　CSS全局样式　269 13.3.1　基础排版　269 13.3.2　表单　270 13.3.3　按钮　273 13.3.4　图片　273 13.4　Bootstrap组件　274 13.4.1　图标　274 13.4.2　下拉菜单　276 13.4.3　输入框　278 13.4.4　导航与导航条　279 13.4.5　缩略图与媒体对象　286 13.4.6　列表组　289 13.5　实践指导　290 小结　291 拓展训练　291 第14章　综合案例　292 14.1　网页概述　293 14.1.1　导航条　293 14.1.2　搜索栏　293 14.1.3　滚动式信息栏　294 14.1.4　其他网页元素　294 14.2　导航条　295 14.3　搜索栏　298 14.4　滚动式推荐栏　299 14.5　其他网页元素　301 14.5.1　用户信息栏　301 14.5.2　美食信息栏　302 14.5.3　特殊服务栏　303 14.5.4　外部链接栏　304 14.5.5　网页信息栏　305 14.5.6　至顶（to-top）　306 小结　308 拓展训练　308

你还可能感兴趣

我要评论