出版社:人民邮电出版社
ISBN:978-7-115-43934-5
图书种类:高校教材
出版日期:2017-01
所属学科:Web前端
页数:286
关注获取新书发布信息
互联网的世界离不开前端开发,大前端时代的特点在于一次开发,同时适用多个平台,可以说是Web统一的时代。本书将当前热门响应式Web开发与HTML5和CSS3结合起来,以项目为导向,深刻且通俗地揭示了Web前端开发的内幕。
全书共8个单元,详细讲解了HTML5、CSS3、JavaScript基础、响应式Web设计、Bootstrap等技术的应用。第1单元从宏观角度介绍了响应式Web开发的基本概念以及HTML5和CSS3的新特性,让读者对它们一个初步的理解和认识;第2~4单元讲解了HTML5和CSS3中的一些常用标签和属性,它们是响应式Web开发必备的基础知识;第5单元讲解了HTML5画布,作为HTML5的标志性突破,它是本书的一大亮点;第6单元讲解了HTML5的音频和视频功能;第7单元深入讲解了响应式Web设计的相关技术点,它是高级的前端开发人员的必要修养;第8单元讲解了Bootstrap的下载、安装以及相应组件的基本应用。本书深入浅出、通俗易懂语言阐述其中涉及的概念,对相应知识点列举了典型详实的Web应用案例,最后将知识点应用的综合项目当中,并提供页面效果展示、项目分析和详细的代码实现,使读者在掌握知识点的同时拥有相应的项目经验。
本书附有配套视频、源代码、习题、教学课件等资源,而且为了帮助读者更好地学习本书讲解的内容,还提供了在线答疑,希望得到更多读者的关注。
本书针对某些知识点添加了相应基础知识的回顾,不仅适合作为高等院校计算机相关专业程序设计或者Web项目开发的教材,还可以为各个层次的Web开发人员阅读和参考的优秀读物。
本教材主要有以下3个特色:
特色1:项目驱动教学
实际编程为主,理论知识为辅。通过生动的项目将知识点串联起来,充分提高读者的求知欲望和学习成就感。
特色2:重组知识划分
8个主题单元,从HTML5+CSS3页面制作基础到HTML5突破性进化。从响应式Web页面开发介绍到bootstrap响应式页面开发实战。
特色3:实用与趣味兼得
每个单元由2~4个项目构成,除此还穿插一些趣味小案例。全书涉及炫目动感的网页、Canvas与SVG绘图、响应式跨平台的Web开发、常用开发工具的使用等。
单元1 响应式和HTML5+CSS3初体验 1 【教学导航】 2 响应式Web设计简介 2 【项目1-1】使用HTML5+CSS3 绘制HTML5的logo 4 【项目描述】 4 【前导知识】 4 HTML5的新特性 4 HTML5的基本语法 5 CSS3的新特性 6 如何在HTML中引入样式表 6 CSS3与浏览器 7 【项目分析】 7 【代码实现】 7 【项目总结】 12 【项目1-2】构建移动版旅游网站 页面 13 【项目描述】 13 【前导知识】 14 HTML5语义化结构标签 14 CSS选择器 15 盒子模型 17 CSS的浮动与定位 18 【项目分析】 21 【代码实现】 22 【项目总结】 28 单元2 文本类网页设计 29 【教学导航】 30 【项目2-1】电子杂志页面 30 【项目描述】 30 【前导知识】 31 HTML5中常用的文本标签 31 CSS的字体样式属性 31 多列布局 33 【项目分析】 34 【代码实现】 35 【项目总结】 37 【项目2-2】软文推广页面 38 【项目描述】 38 【前导知识】 38 CSS的文本外观属性 38 CSS的层叠性、继承性和重要性 40 CSS的优先级 41 Web字体图标-font-awesome的应用 42 【项目分析】 44 【代码实现】 45 【项目总结】 49 【项目2-3】手机邮箱导航页面 49 【项目描述】 49 【前导知识】 49 CSS链接属性 49 CSS导航栏 50 【项目分析】 50 【代码实现】 51 【项目总结】 55 单元3 图文展示网页设计 56 【教学导航】 57 【项目3-1】黑马书城 57 【项目描述】 57 【前导知识】 58 HTML5常用图像标签 58 CSS背景设置 59 CSS阴影和渐变 59 【项目分析】 63 【代码实现】 64 【项目总结】 68 【项目3-2】多肉植物商城 68 【项目描述】 68 【前导知识】 68 CSS3的圆角边框 68 CSS3的过渡(CSS3 transition) 70 CSS3变形(CSS3 transform) 72 【项目分析】 76 【代码实现】 78 【项目总结】 83 【项目3-3】摇晃的桃子 83 【项目描述】 83 【前导知识】 83 CSS3动画(CSS3 animations) 83 CSS精灵技术(CSS Sprites) 85 【项目分析】 87 【代码实现】 88 【项目总结】 91 单元4 HTML5表单的应用 93 【教学导航】 94 【项目4-1】移动版登录页面 94 【项目描述】 94 【前导知识】 95 介绍表单 95 HTML5 <input>标签 96 【项目分析】 99 【代码实现】 100 【项目总结】 102 【项目4-2】用户注册页面 103 【项目描述】 103 【前导知识】 104 其他表单标签 104 HTML5表单验证 108 【项目分析】 109 【代码实现】 110 【项目总结】 114 单元5 HTML5画布 115 【教学导航】 116 【项目5-1】网页涂鸦板 116 【项目描述】 116 【前导知识】 116 JavaScript的那些事 116 初识canvas 123 【项目分析】 125 【代码实现】 126 【项目总结】 127 【项目5-2】发红包才能看的 照片 128 【项目描述】 128 【前导知识】 129 canvas绘制矩形和清除矩形 129 canvas绘制圆形 130 canvas 绘制图片 131 canvas中的其他方法 132 【项目分析】 133 【代码实现】 134 【项目总结】 137 单元6 音频与视频 138 【教学导航】 139 【项目6-1】视频播放器 139 【项目描述】 139 【前导知识】 139 <video>标签的使用 139 HTML DOM Video对象 143 JavaScript运算符和if条件语句 145 【项目分析】 147 【代码实现】 149 【项目总结】 150 【项目6-2】HTML5 Web 钢琴 151 【项目描述】 151 【前导知识】 151 <audio>标签的使用 151 HTML DOM Audio对象 153 JavaScript循环语句 155 【项目分析】 156 【代码实现】 157 【项目总结】 160 【项目6-3】音乐播放器 160 【项目描述】 160 【项目分析】 161 【代码实现】 162 【项目总结】 168 单元7 响应式Web设计 169 【教学导航】 170 【项目7-1】第 一个响应式 网站 170 【项目描述】 170 【前导知识】 171 关于视口 171 媒体查询 172 百分比布局 175 【项目分析】 176 【代码实现】 177 【项目总结】 187 【项目7-2】社交网站个人信息 页面 187 【项目描述】 187 【前导知识】 188 响应式栅格系统 188 弹性盒布局 190 【项目分析】 196 【代码实现】 197 【项目总结】 205 单元8 响应式设计 Bootstrap 206 【教学导航】 207 【项目8】Bootstrap餐饮类网站 首页 207 【项目描述】 207 【任务1-完成网页header部分】 208 【任务2-完成网页搜索模块】 219 【任务3-完成热卖商品模块】 229 【任务4-完成特色推荐模块】 235 【任务5-完成轮播广告模块】 243 【任务6-整合所有模块,完成footer 部分】 250 附录1 HTML5新增标签和废除 标签 264 附录2 CSS3新增属性 267 附录3 CSS3中需要加浏览器 私有前缀的属性 281
Bootstrap响应式Web开发(第2版)
人民邮电出版社
定价:¥59.80 咨询客服
Spring Cloud微服务架构开发(第2版)
人民邮电出版社
定价:¥59.80 咨询客服
Cinema 4D任务驱动教程
高等教育出版社
定价:¥59.50 咨询客服
Python Web企业级项目开发教程(Django版)(第2版)
中国铁道出版社
定价:¥58.00 咨询客服
天下网标王青浦区360网站优化方案定制有效网站优化哪里好网站做关键词优化百度不收录网站优化需要什么资料南京网站关键词优化多少钱洪梅服装网站制作优化罗定网站优化排名丽江网站优化济南优化网站排名seo网站排名价格 火 星16优化古镇网站优化如何优化网站中的图片大小内黄鹤壁网站优化诸城网站优化哪家强开封信阳网站优化网站的优化妥善易速达毕节网站关键词优化江苏网站优化服务商网站SEO优化费用宝安网站优化比较好电商怎么优化网站网站设计人性化优化北京正规网站优化价格对比内蒙古网站优化网站链接优化潜江本地网站优化要多少钱深圳网站的优化seo优化数据查询网站陶瓷机械网站优化宜昌工厂网站优化要多少钱香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤