万本电子书0元读

万本电子书0元读

顶部广告

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

1. 本书采用纯项目式教学,通过18个项目,带领读者实际动手操作,破以往的知识结构,以完成项目为目标,让读者学习后留下的是项目经验而非孤零零的知识; 2. 本书与市场上销售的其他前端教材*的区别在于,本书引了一个重要概念——响应式Web设计(也叫响应式布局或响应式页面)。响应式Web设计是随着移动互联网的发展孕育而生的重要技术,其核心思想是制作一个网站可供多种不同终端同时使用;

售       价:¥

纸质售价:¥29.60购买纸书

72人正在读 | 1人评论 6.2

作       者:黑马程序员

出  版  社:人民邮电出版社有限公司

出版时间:2017-01-01

字       数:27.4万

所属分类: 科技 > 计算机/网络 > 多媒体/数据通信

温馨提示:数字商品不支持退换货,不提供源文件,不支持导出打印

为你推荐

  • 读书简介
  • 目录
  • 累计评论(1条)
  • 读书简介
  • 目录
  • 累计评论(1条)
内容提要 Web前端发在近年来迅速崛起,本书从Web发实际应用的角度,以项目式的教学方式讲解HTML5、CSS3、响应式设计等新技术。本书共分为8个单元,把Web发项目按文本、图文、表单、画布、音频视频、响应式行分类教学。*后通过Bootstrap工具发来整合HTML5、CSS3和响应式发的知识,行快捷发。本书优选了18个项目,从【项目描述】→【前导知识】→【项目分析】→【代码实现】→【项目总结】几个方面行了全方面的讲解,让读者可以真正做到既学到知识又熟练应用。 本书配套教学PPT、题库、教学视频、源代码、教学案例、教学设计等资源。 本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材,也可作为网页平面设计的培训教材,是一本适合网页制作、网站发、网页编程等行业人员阅读与参考的读物。<br/>【推荐语】<br/>1. 本书采用纯项目式教学,通过18个项目,带领读者实际动手操作,破以往的知识结构,以完成项目为目标,让读者学习后留下的是项目经验而非孤零零的知识; 2. 本书与市场上销售的其他前端教材*的区别在于,本书引了一个重要概念——响应式Web设计(也叫响应式布局或响应式页面)。响应式Web设计是随着移动互联网的发展孕育而生的重要技术,其核心思想是制作一个网站可供多种不同终端同时使用; 3. Bootstrap发工具的引。Bootstrap是一种简洁、直观、强悍的Web前端发框架,它包含了HTML、CSS、Java*以及jQuery的,各种元素、组件和插件,主要用于发响应式布局页面和移动设备优先的Web项目。 4. 本书提供免费教学资源,包括8 个精美教学PPT、13 个教材补充项目、1000 道测试题、长达40 小时的教学视频等。<br/>【作者】<br/>黑马程序员,传智播客旗下高端IT教育品牌,成立于2006年,它是由中国Java培训人张孝祥老师发起,联合全球*的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今,我们一直坚守着“为千万人少走弯路而著书,为中华软件之崛起而讲课”的办学理念。<br/>
目录展开

内容提要

序言

前言

单元1 响应式和HTML5+CSS3初体验

【教学导航】

响应式Web设计简介

【项目1-1】 使用HTML5+CSS3绘制HTML5的logo

【项目描述】

【前导知识】

HTML5的新特性

HTML5的基本语法

CSS3的新特性

如何在HTML中引入样式表

CSS3与浏览器

【项目分析】

【代码实现】

【项目总结】

【项目1-2】 构建移动版旅游网站页面

【项目描述】

【前导知识】

HTML5语义化结构标签

CSS选择器

盒子模型

CSS的浮动与定位

【项目分析】

【代码实现】

【项目总结】

单元2 文本类网页设计

【教学导航】

【项目2-1】 电子杂志页面

【项目描述】

【前导知识】

HTML5中常用的文本标签

CSS的字体样式属性

多列布局

【项目分析】

【代码实现】

【项目总结】

【项目2-2】 软文推广页面

【项目描述】

【前导知识】

CSS的文本外观属性

CSS的层叠性、继承性和重要性

CSS的优先级

Web字体图标——font-awesome的应用

【项目分析】

【代码实现】

【项目总结】

【项目2-3】 手机邮箱导航页面

【项目描述】

【前导知识】

CSS链接属性

CSS导航栏

【项目分析】

【代码实现】

【项目总结】

单元3 图文展示网页设计

【教学导航】

【项目3-1】 黑马书城

【项目描述】

【前导知识】

HTML5常用图像标签

CSS背景设置

CSS阴影和渐变

【项目分析】

【代码实现】

【项目总结】

【项目3-2】 多肉植物商城

【项目描述】

【前导知识】

CSS3的圆角边框

CSS3的过渡(CSS3 transition)

CSS3变形(CSS3 transform)

【项目分析】

【代码实现】

【项目总结】

【项目3-3】 摇晃的桃子

【项目描述】

【前导知识】

CSS3动画(CSS3 animations)

CSS精灵技术(CSS Sprites)

【项目分析】

【代码实现】

【项目总结】

单元4 HTML5表单的应用

【教学导航】

【项目4-1】 移动版登录页面

【项目描述】

【前导知识】

介绍表单

HTML5 <input>标签

【项目分析】

【代码实现】

【项目总结】

【项目4-2】 用户注册页面

【项目描述】

【前导知识】

其他表单标签

HTML5表单验证

【项目分析】

【代码实现】

【项目总结】

单元5 HTML5画布

【教学导航】

【项目5-1】 网页涂鸦板

【项目描述】

【前导知识】

JavaScript的那些事

初识canvas

【项目分析】

【代码实现】

【项目总结】

【项目5-2】 发红包才能看的照片

【项目描述】

【前导知识】

canvas绘制矩形和清除矩形

canvas绘制圆形

canvas 绘制图片

canvas中的其他方法

【项目分析】

【代码实现】

【项目总结】

单元6 音频与视频

【教学导航】

【项目6-1】 视频播放器

【项目描述】

【前导知识】

<video>标签的使用

HTML DOM Video对象

JavaScript运算符和if条件语句

【项目分析】

【代码实现】

【项目总结】

【项目6-2】 HTML5 Web钢琴

【项目描述】

【前导知识】

<audio>标签的使用

HTML DOM Audio对象

JavaScript循环语句

【项目分析】

【代码实现】

【项目总结】

【项目6-3】 音乐播放器

【项目描述】

【项目分析】

【代码实现】

【项目总结】

单元7 响应式Web设计

【教学导航】

【项目7-1】 第一个响应式网站

【项目描述】

【前导知识】

关于视口

媒体查询

百分比布局

【项目分析】

【代码实现】

【项目总结】

【项目7-2】 社交网站个人信息页面

【项目描述】

【前导知识】

响应式栅格系统

弹性盒布局

【项目分析】

【代码实现】

【项目总结】

单元8 响应式设计神器——Bootstrap

【教学导航】

【项目8】 Bootstrap餐饮类网站首页

【项目描述】

【任务1-完成网页header部分】

【任务2-完成网页搜索模块】

【任务3-完成热卖商品模块】

【任务4-完成特色推荐模块】

【任务5-完成轮播广告模块】

【任务6-整合所有模块,完成footer部分】

附录1 HTML5新增标签和废除标签

附录2 CSS3新增属性

附录3 CSS3中需要加浏览器私有前缀的属性

累计评论(1条) 2个书友正在讨论这本书 发表评论

发表评论

发表评论,分享你的想法吧!

买过这本书的人还买过

读了这本书的人还在读

回顶部