网站颜色:

响应式Web开发项目教程(HTML5+CSS3+Bootstrap)传智播客 黑马程序员 html5网页前端设计网站建设响应式bootstrap.

  • 产品名称:响应式WEB开发项目教程(H...
  • 书名:响应式WEB开发项目教程(HTML5+CSS3+BOOTSTRAP)/工业和
  • 作者:黑马程序员
  • 定价:42.00元
  • 书名:响应式WEB开发项目教程(HTML5+CSS3+BOOTSTRAP)/工业和
  • 是否是套装:否
  • 出版社名称:人民邮电出版社

传智播客就业系列
从入门到就业
 
JAVA从入门到精通 套装5本
(咨询特价)
 
 
javaweb从入门到精通套装3本
(咨询特价)
 
 
Python从入门到实践套装8本
(咨询特价)
 
 
 
 
php教程全套7本
(咨询特价)
 
 
PHP套装5本
(咨询特价)
 
 
php全套5本
(咨询特价)
 
 
 
 
android开发从入门到精通 共3本
(咨询特价)
 
 
c/c++教材7本
(咨询特价)
 
 
传智播客前端 共3本
(咨询特价)
 
 
 
传智播客前端系列
传智播客前端系列
 
移动前端开发套装13本
(咨询特价)
 
 
网络与新媒体运营教程套装3本
(咨询特价)
 
 
IOS从入门到精通套装7本
(咨询特价)
 
 
 
 
Java自学宝典
(咨询特价)
 
 
大数据云计算全套8本
(咨询特价)
 
 
H5+全栈工程师全套10本
(咨询特价)
 
 
 

传智播客UI设计
传智播客UI设计
 
智能APP UI设计与应用任务教程
(咨询特价).2
 
 
Illustrator CS6设计与应用任务教程
(咨询特价).2
 
 
HTML+CSS+JavaScript网页制作案例教程
(咨询特价).8
 
 
 
 
网页设计与制作HTML CSS
(咨询特价)
 
 
Photoshop CS6图像处理案例教程
(咨询特价)
 
 
Photoshop CS6图像设计案例教程
(咨询特价).8
 
 
 
 
Photoshop CC设计与应用任务教程
(咨询特价)
 
 
网页设计与制作项目教程(HTML+CSS+JavaScript)
(咨询特价).5
 
 
响应式Web开发项目教程(HTML5+CSS3+Bootstrap)
(咨询特价)
 
 
 

 

基本信息

书名:响应式Web开发项目教程(HTML5+CSS3+Bootstrap)

图书定价:(咨询特价)

图书作者:黑马程序员

出版社:人民邮电出版社

出版日期:2017/1/1

ISBN号(咨询特价)

开本:16开

页数:286

版次:1-1


内容提要

Web前端开发在近年来迅速崛起,本书从Web开发实际应用的角度,以项目式的教学方式讲解HTML5、CSS3、响应式设计等新技术。本书共分为8个单,把Web开发项目按文本、图文、表单、画布、音频视频、响应式进行分类教学。*后通过Bootstrap工具开发来整合HTML5、CSS3和响应式开发的知识,进行快捷开发。本书优选了18个项目,从【项目描述】→【前导知识】→【项目分析】→【代码实现】→【项目总结】几个方面进行了全方面的讲解,让读者可以真正做到既学到知识又熟练应用。 本书配套教学PPT、题库、教学视频、源代码、教学案例、教学设计等资源。 本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材,也可作为网页平面设计的培训教材,是一本适合网页制作、网站开发、网页编程等行业人员阅读与参考的读物。


目录

单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

 

......

关联模板【结束】节点,请勿手动操作节点内的内容! !!

关联模板【结束】节点,请勿手动操作节点内的内容! !!
关联模板【结束】节点,请勿手动操作节点内的内容! !!
关联模板【结束】节点,请勿手动操作节点内的内容! !!
关联模板【结束】节点,请勿手动操作节点内的内容! !!
关联模板【结束】节点,请勿手动操作节点内的内容! !!

热门设计服务