HTML5布局之路 封面

HTML5布局之路

暂无评分
章节数
20
丛书
水木书荟
ISBN
9787302466840

标签

内容简介

《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年前后实践的读者

阅读建议

  1. 务必边读边敲:按章节顺序建立练习项目,每章结束对照书中总结与问题区自查。
  2. 先扎实完成第3至第9章的盒模型与布局主线,再进入移动端与CSS3部分,不要跳读。
  3. 把第17、18章习题当作阶段测试,做完第19章两个案例后再回头整理自己的布局知识网。
  4. 阅读浮动、hack、内核前缀等内容时,同步查阅MDN了解Flex/Grid等现代替代方案。

出版社简介

清华大学出版社 中国 · 成立于 1980 年

清华大学出版社创立于1980年,库内收录图书57种,涵盖科学科普、医学、健康、法律、哲学读物与社科等方向。代表图书既有菠萝(李治中)的《癌症·真相:医生也在读》《癌症·新知》等医学科普作品,也有《阳光是最好的防腐剂:全球反腐大要案快递》等法律类读物,以及七格的《脑洞大开的哲学简史》、刘云浩的《从互联到新工业革命》等。作者资源包括科普作家、医学研究者、中国人民大学反贪硕士班及高校学者,体现出兼顾学术性与大众阅读的出版特色。因公开资料有限,此处仅依据库内图书归纳其出版方向。

目录

  1. 第1章 旅途之前
  2. 第2章 HTML5入门
  3. 第3章 整体布局(上)——标签尺寸处理
  4. 第4章 整体布局(下)——浮动布局
  5. 第5章 模块布局(上)——选择标签
  6. 第6章 模块布局(下)——可用性与扩展性
  7. 第7章 文本等细节类样式处理
  8. 第8章 特殊布局情况——定位布局
  9. 第9章 特殊布局情况——界限控制与伪元素的妙用
  10. 第10章 表格
  11. 第11章 表单
  12. 第12章 停下来回头看路
  13. 第13章 HTML5新标签与CSS3基础
  14. 第14章 转战移动端(上)——百分比与rem
  15. 第15章 转战移动端(下)——响应式&移动端的探索
  16. 第16章 CSS3变形与动画
  17. 第17章 各章节自评习题集
  18. 第18章 各章节代码实战
  19. 第19章 网页案例实战
  20. 第20章 附录

常见问题

这本书需要JavaScript基础吗?
不需要。作者在书中明确说明本书不涉及JavaScript,内容集中在HTML、CSS以及HTML5新标签、CSS3样式与响应式布局上,适合先打结构与样式的基础。
这本书适合完全零基础的人吗?
可以,但更稳妥的是具备基本计算机操作能力。书中第1章会讲学习方法、切图、Photoshop、Sublime编辑器与浏览器调试,零基础读者按章节顺序跟做即可,遇到术语可配合MDN查阅。
书中的技术现在会不会过时?
书出版于2017年,浮动布局、清除浮动、浏览器内核前缀、hack等内容反映的是当时实践,如今多被Flex与Grid取代;但盒模型、定位、层叠、语义化、响应式思路仍是基础,建议与近年文档结合阅读。
配套源码和案例素材怎么获取?
清华大学出版社图书页面标注本书“提供源码”,配套电子资料也在作者所属的HTML5学堂渠道发布,包含书中软件工具与各章案例资料。建议通过出版社官方页面或其提供的下载入口获取,避免来源不明的文件。

读者评论

查询本书

本站为索引目录:「全网查询」由您发起、在您的浏览器中运行,所列入口均指向第三方站点,请自行判断可用性。

同类高分