Web前端开发案例教程——HTML5+CSS3+JavaScript+JQuery+Bootstrap响应式开发--聚文网

精选

¥5.83

世界图书名著昆虫记绿野仙踪木偶奇遇记儿童书籍彩图注音版

¥5.39

正版世界名著文学小说名家名译中学生课外阅读书籍图书批发 70册

¥8.58

简笔画10000例加厚版2-6岁幼儿童涂色本涂鸦本绘画本填色书正版

¥5.83

世界文学名著全49册中小学生青少年课外书籍文学小说批发正版

¥4.95

全优冲刺100分测试卷一二三四五六年级上下册语文数学英语模拟卷

¥8.69

父与子彩图注音完整版小学生图书批发儿童课外阅读书籍正版1册

¥24.2

好玩的洞洞拉拉书0-3岁宝宝早教益智游戏书机关立体翻翻书4册

¥7.15

幼儿认字识字大王3000字幼儿园中班大班学前班宝宝早教启蒙书

¥11.55

用思维导图读懂儿童心理学培养情绪管理与性格培养故事指导书

¥19.8

少年读漫画鬼谷子全6册在漫画中学国学小学生课外阅读书籍正版

¥64

科学真好玩

¥12.7

一年级下4册·读读童谣和儿歌

¥38.4

原生态新生代(传统木版年画的当代传承国际研讨会论文集)

¥11.14

法国经典中篇小说

¥11.32

上海的狐步舞--穆时英(中国现代文学馆馆藏初版本经典)

¥21.56

猫的摇篮(精)

¥30.72

幼儿园特色课程实施方案/幼儿园生命成长启蒙教育课程丛书

旧时风物(精)

三希堂三帖/墨林珍赏

寒山子庞居士诗帖/墨林珍赏

苕溪帖/墨林珍赏

楷书王维诗卷/墨林珍赏

兰亭序/墨林珍赏

祭侄文稿/墨林珍赏

蜀素帖/墨林珍赏

真草千字文/墨林珍赏

进宴仪轨(精)/中国古代舞乐域外图书

舞蹈音乐的基础理论与应用

内容简介

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

作者简介

刘伯成，南昌大学软件学院副教授，发表论文：《基于多Agent智能网络教学系统设计与实现》、《掌上物流通系统的设计与实现》、《人工情感与物联网技术研究》等。

第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</div></div> </div> </div> </div> </div> </div> <script src="/static/js/lib/jquery/blowup.min.js" type="text/javascript"></script> <script type="application/javascript"> $(document).ready(function () { /** * 图片放大器 */ $("#img_zoom").blowup({ background : "#FCEBB6" }); }); </script>  <div class="modal fade bs-example-modal-lg" id="modal_add_to_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">添加到书单</h4> </div> <div class="modal-body">  <script id="tpl_my_list" type="text/template"> {@each records as i} <li class="list-group-item"> <label style="width:100%;cursor: pointer;"> <input type="radio" name="listId" value="@{i.id}" id="list@{i.id}"> @{i.name} </label> </li> {@/each} </script>  <ul class="list-group" id="tbl_my_list"> <li class="list-group-item"> <label for="list2" >加载中...</label> </li> </ul> <div class="pager"></div> <a href="javascript:void(0);" id="a_add_list">点此新建书单</a> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_add_to_list_save">确定</button> </div> </div> </div> </div>   <div class="modal fade bs-example-modal-lg" id="modal_add_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form id="form_create_list"> <button type="reset" style="display:none;"></button> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">新建书单</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="recipient-name" class="control-label">标题：</label> <input type="text" class="form-control" name="name"> </div> <div class="form-group"> <label for="recipient-name" class="control-label">简介：</label> <textarea style="height:200px" class="form-control" name="memo" placeholder="书单描述..."></textarea> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_create_list">保存</button> </div> </form> </div> </div> </div>  </div> <div class="rollto" style="display: none;"><a href="javascript:;"></a></div> <div class="bottom clearfix"> <div class="wrap clearfix"> <div class="fn-left"> </div> <div class="fn-right infomt"> <div class="fn-right"> <div> </div> <div> </div> </div> </div> </div> <div class="linHight"></div> <div class="wrap wenzi"> <p> <a href="https://beian.miit.gov.cn" target="_blank" style="color: #b3b3b3;">蜀ICP备2024047804号</a> </p> <p> Copyright 版权所有 © jvwen.com 聚文网 </p> </div> </div> </body> </html>

Web前端开发案例教程——HTML5+CSS3+JavaScript+JQuery+Bootstrap响应式开发

库存： {{selectedSku?.stock}} 库存充足