响应式Web开发项目教程（HTML5+CSS3+Bootstrap）
出版时间:
2017-01
版次:
1
ISBN:
9787115439345
定价:
42.00
装帧:
平装
开本:
16开
纸张:
胶版纸
页数:
286页
正文语种:
简体中文
149人买过
-
内容提要
Web前端开发在近年来迅速崛起，本书从Web开发实际应用的角度，以项目式的教学方式讲解HTML5、CSS3、响应式设计等新技术。本书共分为8个单元，把Web开发项目按文本、图文、表单、画布、音频视频、响应式进行分类教学。最后通过Bootstrap工具开发来整合HTML5、CSS3和响应式开发的知识，进行快捷开发。本书优选了18个项目，从【项目描述】→【前导知识】→【项目分析】→【代码实现】→【项目总结】几个方面进行了全方面的讲解，让读者可以真正做到既学到知识又熟练应用。
本书配套教学PPT、题库、教学视频、源代码、教学案例、教学设计等资源。
本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材，也可作为网页平面设计的培训教材，是一本适合网页制作、网站开发、网页编程等行业人员阅读与参考的读物。 黑马程序员，传智播客旗下高端IT教育品牌，成立于2006年，它是由中国Java培训**人张孝祥老师发起，联合全球*大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念。 单元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 标签 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
标签的使用 139
HTML DOM Video对象 143
JavaScript运算符和if条件语句 145
【项目分析】 147
【代码实现】 149
【项目总结】 150
【项目6-2】HTML5 Web
钢琴 151
【项目描述】 151
【前导知识】 151
标签的使用 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
-
内容简介:
内容提要
Web前端开发在近年来迅速崛起，本书从Web开发实际应用的角度，以项目式的教学方式讲解HTML5、CSS3、响应式设计等新技术。本书共分为8个单元，把Web开发项目按文本、图文、表单、画布、音频视频、响应式进行分类教学。最后通过Bootstrap工具开发来整合HTML5、CSS3和响应式开发的知识，进行快捷开发。本书优选了18个项目，从【项目描述】→【前导知识】→【项目分析】→【代码实现】→【项目总结】几个方面进行了全方面的讲解，让读者可以真正做到既学到知识又熟练应用。
本书配套教学PPT、题库、教学视频、源代码、教学案例、教学设计等资源。
本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材，也可作为网页平面设计的培训教材，是一本适合网页制作、网站开发、网页编程等行业人员阅读与参考的读物。
-
作者简介:
黑马程序员，传智播客旗下高端IT教育品牌，成立于2006年，它是由中国Java培训**人张孝祥老师发起，联合全球*大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念。
-
目录:
单元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 标签 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
标签的使用 139
HTML DOM Video对象 143
JavaScript运算符和if条件语句 145
【项目分析】 147
【代码实现】 149
【项目总结】 150
【项目6-2】HTML5 Web
钢琴 151
【项目描述】 151
【前导知识】 151
标签的使用 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
查看详情
-
九品
北京市通州区
平均发货10小时
成功完成率87.85%
-
九品
北京市通州区
平均发货9小时
成功完成率92.91%
-
八五品
北京市海淀区
平均发货12小时
成功完成率93.29%
-
八五品
山东省滨州市
平均发货19小时
成功完成率81.76%
-
八五品
重庆市沙坪坝区
平均发货9小时
成功完成率74.35%
-
八五品
山东省滨州市
平均发货19小时
成功完成率81.76%
-
全新
河北省保定市
平均发货26小时
成功完成率78.81%
-
八五品
山东省滨州市
平均发货12小时
成功完成率91.19%
-
八五品
山东省济南市
平均发货11小时
成功完成率93.98%
-
八五品
湖北省孝感市
平均发货11小时
成功完成率93.68%
-
八五品
浙江省杭州市
平均发货10小时
成功完成率93.52%
-
八五品
河南省鹤壁市
平均发货20小时
成功完成率90.88%
-
全新
河北省保定市
平均发货29小时
成功完成率87.61%
-
全新
北京市朝阳区
平均发货8小时
成功完成率85.09%
-
八五品
山东省滨州市
平均发货12小时
成功完成率91.19%
-
八五品
重庆市九龙坡区
平均发货10小时
成功完成率73.57%
-
全新
北京市丰台区
平均发货26小时
成功完成率87.13%
-
全新
天津市西青区
平均发货14小时
成功完成率89.82%
-
八五品
天津市武清区
平均发货13小时
成功完成率94.4%
-
全新
河北省廊坊市
平均发货19小时
成功完成率76.86%
-
八五品
山东省枣庄市
平均发货8小时
成功完成率88.75%
-
八五品
广西桂林市
平均发货23小时
成功完成率83.47%
-
八五品
四川省成都市
平均发货7小时
成功完成率90.85%
-
八五品
四川省成都市
平均发货6小时
成功完成率94.92%
-
八五品
四川省成都市
平均发货7小时
成功完成率94.71%
-
九品
北京市朝阳区
平均发货19小时
成功完成率84.11%
-
全新
浙江省嘉兴市
平均发货13小时
成功完成率94.4%
-
全新
浙江省嘉兴市
平均发货10小时
成功完成率94.06%
-
八五品
陕西省西安市
平均发货9小时
成功完成率87.96%
-
八五品
吉林省长春市
平均发货17小时
成功完成率89.02%
-
全新
江苏省南京市
平均发货15小时
成功完成率82.22%
-
九五品
北京市东城区
平均发货28小时
成功完成率82.07%
-
全新
河北省保定市
平均发货11小时
成功完成率88.48%
-
八五品
广东省东莞市
平均发货9小时
成功完成率93.6%
-
八五品
广东省东莞市
平均发货9小时
成功完成率92.69%
-
八五品
广东省东莞市
平均发货8小时
成功完成率93.31%
-
八五品
广东省东莞市
平均发货9小时
成功完成率94.38%
-
八五品
广东省东莞市
平均发货9小时
成功完成率92.6%
-
九品
广东省东莞市
平均发货9小时
成功完成率92.6%
-
九品
广东省东莞市
平均发货8小时
成功完成率93.31%
-
九品
广东省东莞市
平均发货9小时
成功完成率94.38%
-
八五品
广东省东莞市
平均发货9小时
成功完成率94.38%
-
八五品
山东省滨州市
平均发货14小时
成功完成率73.83%
-
全新
北京市通州区
平均发货9小时
成功完成率87.44%
-
八五品
云南省昆明市
平均发货9小时
成功完成率93.85%
-
八五品
黑龙江省哈尔滨市
平均发货9小时
成功完成率93.68%
-
全新
山东省泰安市
平均发货25小时
成功完成率92.53%
-
九品
广东省东莞市
平均发货9小时
成功完成率91.97%
-
八五品
福建省福州市
平均发货10小时
成功完成率66.67%
-
全新
河北省保定市
平均发货31小时
成功完成率77.48%
占位居中
