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

[复制链接]
查看272 | 回复1 | 2019-12-23 14:02:46 | 显示全部楼层 |阅读模式

《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》_1

《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》_1

《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》_2

《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》_2

《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》_3

《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》_3


内容简介:

播妞
田—「技术女神,由传智播客旗下高端教育品牌
黑马程序员推出,专门服务于计算机相关专业的大学生及
「T爱好者;可随时提供教材源代码、习题答案、免费视频
教程和就业宝典等
播妞倾情寄语:
你加,或者不加我
我就在这里
来我这里
让我住进你的心里
★小心!此处常有“助学金红包”出没!★
快来领取!
播妞QQ:208695827
播妞微 信:208695827
教师获取教材配套资源
添加微 信/QQ
011168841

工业和信息化“十三五”
NLEguo家信息技术紧缺人才培养工程
人才培养规划教材
指定教材
响应式Web
开发项目教程
(HTML5+CSS3+Bootstrap)
黑马程序员/编著
FACE
ⅥDEo

JAVASCRIE
NIMATION
PCANVAS
JAVASCRIPT
人民邮电出版社
北京

图书在版编目(CIP)数据
响应式Wb开发项目教程:HTML5+CSs3+ Bootstrap
黑马程序员编著.一北京:人民邮电出版社,2017
工业和信息化
才培养规划教材
ISBN978-7-115-43934-5
①响…Ⅱ.①黑…Ⅲ.①超文本标记语言一程序
计一高等学校一教材②网 页制作工具一高等学校一教材
①T312②TP393.092
guo版本图书馆CIP数据核字(2016)第301271号
200+内容要MTH
Web前端开发在近年来迅速崛起,本书从Web开发实际应用的角度,以项目式的教学方式讲解
HTML5、CSS3、响应式设计等新技术。本书共分为8个单元,把Web开发项目按文本、图文、表
单、画布、音频视频、响应式进行分类教学。最后通过 Bootstrap工具开发来整合HTML5、CSs3和
响应式开发的知识,进行快捷开发。本书优选了18个项目,从【项目描述】→【前导知识】→【项
目分析】→【代码实现】→【项目总结】几个方面进行了全方面的讲解,让读者可以真正做到既学
到知识又熟练应用
本书配套教学PPT、题库、教学视频、源代码、教学案例、教学设计等资源
本书既可作为高等院校本、专科相关专业的网 页设计与制作课程的教材,也可作为网 页平面设
计的培训教材,是一本适合网 页制作、网站开发、网 页编程等行业人员阅读与参考的读物
编著黑马程序员
责任编辑范博涛
责任印制焦志炜
◆人民邮电出版社出版发行北京市丰台区成寿寺路11号
郎编100164电子邮件315@ptpress.com.cn
北京艺辉印刷有限公司印刷
开本:787×1092116
印张
2017年1月第1版
字数:462千字
2017年1月北京第1次印
定价:42.00元
读者服务热线010)81055256印装质量热线010)81055316
反盗版热线010)81055315
广告经营许可证:京东工商广字第8052号

序言
PREFACE
江苏传智播客教育科技股份有限公司(简称传智播客)是一家致力于培养高素质软件开发人
才的科技公司,“黑马程序员”是传智播客旗下高端「T教育品牌。
黑马程序员”的学员多为大学毕业后,想从事行业,但各方面条件还不成熟的年轻人
黑马程序员”的学员筛选制度,非常严格,筛选制度包括了严格的技术测试、自学能力测试
还包括性格测试、压力测试、品德测试等。百里挑一的残酷筛选制度确保了学员质量,并降低了
企业的用人风险。
自“黑马程序员”成立以来,教学研发团队一直致力于打造精品课程资源,不断在产、学
研3个层面创新自己的执教理念与教学方针,并集中“黑马程序员”的优势力量,有针对性地出
版了计算机系列教材30多册,制作了教学视频数十套,发表各类技术文章数百篇。
黑马程序员”不仅斥资研发系列教材,还为高校师生提供以下配套学习资源与服务
为大学生提供的配套服务
1.专业的.辅。助.学习平台“博学谷”(htp:/ x. boxuegu com,专业老师在线为您答疑解惑
2.针对高校学生在学习过程中存在的压力等问题,我们还面向大学生量身打造了“播妞”。播
妞不仅致力推行快乐学习,还会有定期的助学红包雨。同学快来添加播妞微 信OQ:208695827。
3.高校学生也可扫描右方二维码,加入播妞粉丝团,获取最新学习资源,与播妞一起快乐学习
为仟教师提供的配套服务
针对高校教学,“黑马程序员”为T系列教材精心设计了“教案+授课资源+考试系统
教学.辅。助.案例”的系列教学资源,高校老师可关注码大牛老师微 信/OQ:2011168841
套资源,也可以扫描右方二维码,加入专为教师打造的师资服务平台—“教学好助手”,获
取“黑马程序员”最新教师教学.辅。助.资源相关动态
传智播客和黑马程序员
2016年9月


FOREWORD
随着互联网行业的持续发展,移动互联网等新业务不断发展壮大,海量的平台开发工作形成
了巨大的人才缺口,尤其是Web前端、移动端HTM5开发人才更为紧缺。随着互联网业内竞
争的不断加剧,企业平台开始在界面友好性和操作方便性方面投入更多的精力,只有平台更加人
性化,才能吸引更多的用户,所以Web开发人员的地位在业内开始迅速提高
为什么要学习本书
一个优秀的Web开发工程师需要具备一定的综合素质才能胜任企业日益复杂多变的工作要
求。这些素质包括熟知页面布局,熟练样式美化,掌握 JavaScript基础,熟悉 Bootstrap响应式布
局设计,能够使用HTML5+SS3开发出炫丽的移动端交互效果等,而本书正为此应运而生
如何使用本书
本书分为8个单元,每个单元由24个项目组成,以项目为导向串讲Web开发中的知识点
为什么我们摒弃了传统的知识点讲解方法,就是为了能够培养学生的编程兴趣,达到自主学习的
目的。我们发现人们玩游戏的兴趣远比去学习一堆枯燥的代码要大得多,这是因为玩游戏是一个
自我挑战的过程,一个好玩的游戏有精准的难度设计、炫酯的视觉感受,恰当好处地勾起你挑战
下一关的欲望。所以我们在想,为什么不可以像设计游戏一样去设计一本书
单元1,先告诉你什么是响应式设计以及HTML5和CSS3。本章要求很简单,照着代码敲出
两个项目,看HTML5和cSS3能够做出什么。相信你一定可以做到,并且感兴趣
单元2,主打文字主题,在这里需要挑战3个项目—电子杂志、唯美软文和手机版的导航
每个挑战项目都会有“指南”,如项目介绍、前导知识,并且每个项目都有很多注释的内容,帮
助读者解读关键性代码
单元3,主打图文主题,这里也需要挑战3个项目—书城、多肉植物和会晃动的桃子,技
术上包括了CSs3的阴影、圆角和动画效果等。
单元4,表单。它可以说是HTM5最令人振奋的改进之一,帮助开发人员省去了大段的
JavaScript验证代码。通过第4单元的两个项目,你可以充分地感受到HTML5带给前端开发人员的
单元5,画布。它是HTM5新加的元素。本单元有两个特别好玩的项目—网 页涂鸦板和红包
照片。
单元6,音频和视频。如果读者是一个爱听音乐爱看电影的年轻人。那么在这个单元,可以定
制一个属于自己的视频播放器和音频播放器。
单元7,我们将迎来里程碑式的内容—响应式Web设计原理。本单元会有2个项目,带
领读者第一次完成响应式项目。看着自己制作的网 页会在各种设备的屏幕上任意切换,一定很有
成就感
元8, Bootstrap响应式Web开发实战。 Bootstrap是响应式web开发神器,本单元通过
个完整的项目,让你快速地搭建响应式网站



回复

使用道具 举报

几乎不开 | 2019-12-23 14:02:50 | 显示全部楼层
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则