标签
内容简介
《HTML5布局之路》是一本面向前端初学者的实战型教材,由清华大学出版社于2017年6月出版,作者刘国利(HTML5学堂创始人之一)。全书共19章正文并附第20章附录,约552页,专注讲解使用HTML与CSS完成网页布局(即页面结构与样式)所需的核心知识,不涉及JavaScript。 与“逐条罗列标签”的字典式写法不同,本书按照真实网站的开发流程编排章节:先做知识与工具准备(HTML5概念、行业前景、切图、Photoshop、Sublime编辑器、浏览器调试),再进入HTML5入门与文档结构,随后依次讲解CSS引入方式与选择器、盒模型、浮动布局、清除浮动、模块布局中的标签选择与语义性、可用性与扩展性、文本与背景等细节样式、定位布局、界限控制与伪元素、表格与表单;第12章专门谈复习方法与知识整理,并介绍hack与页面优化。后半部分转向移动端:HTML5新增结构标签与CSS3新选择器、圆角、阴影、背景等基础,百分比与rem等移动端度量,视口与设备调试,响应式布局与媒体查询,以及CSS3二维/三维变形、过渡与动画。第17至19章配有自评习题集、分章节代码练习和PC端与移动端两个较大型网页案例实战,第20章附录补充HTML5发展史、编辑器插件、CSS重置代码解析、开发备忘录等资料。 全书特点是借助生活化实例解释抽象概念,按开发顺序讲解知识点,并在各环节设置总结与问题答疑区,配套提供源码与案例素材。
编辑推荐
很多前端入门书像一本“标签词典”:知识点齐全,却说不清为什么这样写、先写什么后写什么。这本书的价值恰恰在于它换了视角——把页面开发拆成一条真实的施工路线,从切图、建文件、写结构、上盒模型、排浮动,到处理文本细节、定位、伪元素、表格与表单,再一路走到移动端的视口、rem、媒体查询和响应式,最后用CSS3变形与动画收尾。读者跟着章节顺序敲代码,相当于跟着一位有教学经验的工程师走完一遍完整流程。 作者刘国利长期从事前端在线教学与课程体系设计,书中大量使用生活化比喻来解释浮动、清除浮动、层叠等抽象概念,并在易错处设置问题答疑区;每章后有总结,第17、18章配自评习题与代码练习,第19章给出PC端和移动端两个完整案例,便于自学者检验成果。全书明确不涉及JavaScript,定位清晰:先把“结构与样式”这一层打扎实。 需要注意,本书出版于2017年,其中浮动布局、清除浮动、hack、浏览器内核前缀等内容属于当时的工程实践,今天更多被Flex与Grid取代;建议把它当作理解CSS布局原理与历史脉络的读物,同时配合近年的文档和工具实践。配套源码与素材需按书内提示到官方渠道获取。
适合谁读
适合
- 零基础或有一点计算机基础、希望系统自学HTML与CSS布局的初学者
- 在培训班或高校课程中学习Web前端、需要按流程跟做案例的学生
- 想补齐盒模型、浮动、定位等CSS布局基础的初级前端开发者
- 希望看懂前端代码结构、便于与开发协作的UI设计师与产品经理
不适合
- 已有多年经验、希望学习现代Flex/Grid、框架与工程化的中高级前端
- 想学习JavaScript、框架或后端开发、需要全栈内容的读者
- 追求最新技术版本、不愿读2017年前后实践的读者
阅读建议
- 务必边读边敲:按章节顺序建立练习项目,每章结束对照书中总结与问题区自查。
- 先扎实完成第3至第9章的盒模型与布局主线,再进入移动端与CSS3部分,不要跳读。
- 把第17、18章习题当作阶段测试,做完第19章两个案例后再回头整理自己的布局知识网。
- 阅读浮动、hack、内核前缀等内容时,同步查阅MDN了解Flex/Grid等现代替代方案。
出版社简介
清华大学出版社
中国 · 成立于 1980 年
清华大学出版社创立于1980年,库内收录图书57种,涵盖科学科普、医学、健康、法律、哲学读物与社科等方向。代表图书既有菠萝(李治中)的《癌症·真相:医生也在读》《癌症·新知》等医学科普作品,也有《阳光是最好的防腐剂:全球反腐大要案快递》等法律类读物,以及七格的《脑洞大开的哲学简史》、刘云浩的《从互联到新工业革命》等。作者资源包括科普作家、医学研究者、中国人民大学反贪硕士班及高校学者,体现出兼顾学术性与大众阅读的出版特色。因公开资料有限,此处仅依据库内图书归纳其出版方向。
目录
- 第1章 旅途之前
- 第2章 HTML5入门
- 第3章 整体布局(上)——标签尺寸处理
- 第4章 整体布局(下)——浮动布局
- 第5章 模块布局(上)——选择标签
- 第6章 模块布局(下)——可用性与扩展性
- 第7章 文本等细节类样式处理
- 第8章 特殊布局情况——定位布局
- 第9章 特殊布局情况——界限控制与伪元素的妙用
- 第10章 表格
- 第11章 表单
- 第12章 停下来回头看路
- 第13章 HTML5新标签与CSS3基础
- 第14章 转战移动端(上)——百分比与rem
- 第15章 转战移动端(下)——响应式&移动端的探索
- 第16章 CSS3变形与动画
- 第17章 各章节自评习题集
- 第18章 各章节代码实战
- 第19章 网页案例实战
- 第20章 附录
常见问题
这本书需要JavaScript基础吗?
不需要。作者在书中明确说明本书不涉及JavaScript,内容集中在HTML、CSS以及HTML5新标签、CSS3样式与响应式布局上,适合先打结构与样式的基础。
这本书适合完全零基础的人吗?
可以,但更稳妥的是具备基本计算机操作能力。书中第1章会讲学习方法、切图、Photoshop、Sublime编辑器与浏览器调试,零基础读者按章节顺序跟做即可,遇到术语可配合MDN查阅。
书中的技术现在会不会过时?
书出版于2017年,浮动布局、清除浮动、浏览器内核前缀、hack等内容反映的是当时实践,如今多被Flex与Grid取代;但盒模型、定位、层叠、语义化、响应式思路仍是基础,建议与近年文档结合阅读。
配套源码和案例素材怎么获取?
清华大学出版社图书页面标注本书“提供源码”,配套电子资料也在作者所属的HTML5学堂渠道发布,包含书中软件工具与各章案例资料。建议通过出版社官方页面或其提供的下载入口获取,避免来源不明的文件。
读者评论
查询本书
本站为索引目录:「全网查询」由您发起、在您的浏览器中运行,所列入口均指向第三方站点,请自行判断可用性。