《响应式Web设计：HTML5和CSS3实战》（第2版）

2024-04-27 15:10:24

字体：大中小

来源：转载

供稿：网友

基本信息

作者： [英] Ben Frain 译者：奇舞团出版社：人民邮电出版社ISBN：9787115446558上架时间：2017-1-9出版日期：2017 年1月开本：16开页码：232版次：2-1所属分类：计算机 > 软件与程序设计 > 网络编程 > 综合

编辑推荐

随着移动设备的普及，用户上网的方式发生了巨大变化，无论从样式还是可用性来讲，只适合桌面显示器的网站已经过时了。如今，在设计网站的时候必须同时考虑多种屏幕尺寸和用户体验。如果网站对你或你的客户品牌非常重要，那么实现响应式设计就是当务之急。“响应式和移动优先”的设计理念，可以确保无论使用什么设备都可以正常访问你的网站。在这一理念的指导下，本书围绕实战案例，全面讲解了与响应式设计相关的现代Web技术，堪称一部“响应式设计大全”。这一版根据最新的Web设计趋势进行了更新，展示了实现现代响应式设计最有效的方式，涵盖了创建优秀的响应式设计所必需的全部最新技术和工具。掌握了这些内容，你设计的网站不仅可以适应当下，更可以顺应未来。- 理解响应式设计，以及为何它对现代Web设计如此重要- 清晰、高效地编写富有语义的HTML5标记- 使用CSS3媒体查询基于设备应用不同的样式，了解媒体查询的最新进展- 根据不同的屏幕大小、分辨率和使用环境加载不同的图片- 掌握表单处理，使用HTML5标记添加日期选择器、范围滑块等交互控件- 在响应式设计里使用SVG提供分辨率无关的图片，修改SVG并添加动画效果- 使用CSS最新的特性，如自定义字体、nth-child选择符、自定义属性及CSS calc

内容简介

书籍计算机书籍本书将当前Web 设计中热门的响应式设计技术与HTML5 和CSS3 结合起来，为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的各种技术。书中不仅讨论了媒体查询、弹性布局、响应式图片，更将最新和最有用的HTML5 和CSS3 技术一并讲解，是学习最新Web 设计技术不可多得的佳作。

作译者

Ben FrainWeb开发者、图书作者、演讲者。从1996年开始从事Web设计与开发，目前是Bet365的高级前端工程师。另著有《Sass和Compass设计师指南》。在从事Web开发之前，他曾是一名怀才不遇的（而且谦虚的）电视演员和科技记者，毕业于索尔福德大学媒体与表演专业。他写过四部（自认为）均被低估的剧本，且至今仍觉得有望卖出其中一部（尽管不像最初那么有信心了）。工作之余，在身体和妻子都允许的情况下，他会玩一玩室内足球，或者跟两个儿子练练摔跤。个人网站www.benfrain.com，Twitter账号@benfrain。译者简介：本书译者均来自由月影领衔的奇虎360最大前端团队——奇舞团（75team）。李松峰资深技术翻译，译有《javaScript高级程序设计》《简约至上：交互式设计四策略》等数十部技术和设计书籍，现为“奇舞团”高级开发工程师、《奇舞周刊》总编。钟恒360奇舞团前端工程师。

第1章　响应式Web设计基础　　11.1　定义需求　　11.2　什么是响应式Web设计　　21.3　浏览器支持　　21.4　第一个响应式的例子　　41.4.1　HTML　　51.4.2　图片　　81.4.3　媒体查询　　101.5　示例的不足之处　　141.6　小结　　15第2章　媒体查询　　162.1　为什么响应式Web设计需要媒体查询　　172.2　媒体查询的语法　　182.3　组合媒体查询　　192.3.1　@import与媒体查询　　202.3.2　在CSS中使用媒体查询　　202.3.3　媒体查询可以测试哪些特性　　202.4　通过媒体查询修改设计　　212.4.1　任何CSS都可以放在媒体查询里　　232.4.2　针对高分辨率设备的媒体查询　　23↓展开全部内容

前言

　　　　响应式Web设计是一种统一的解决方案，可以让Web作品适配手机、平板和桌面电脑。响应式的网站可以适应用户的屏幕大小，为今天和明天的设备都提供最佳用户体验。　　本书涵盖响应式Web设计的所有相关内容。不仅如此，通过介绍最新和最有用的HTML5和CSS3技术，还扩充了响应式设计的方法库，让设计变得更简单，更好维护。此外，本书还讨论了编写和交付代码、图片、文件的最佳实践。　　只要会用HTML和CSS，就可以学会响应式Web设计。　　本书内容　　第1章，“响应式Web设计基础”，简要介绍响应式Web设计相关的技术。　　第2章，“媒体查询”，系统讲解CSS媒体查询，包括它的能力、语法，以及各种使用方式。　　第3章，“弹性布局与响应式图片”，展示如何设计比例缩放布局和响应式图片，并对Flexbox布局进行全方位介绍。　　第4章，“HTML5与响应式Web设计”，探讨HTML5中的语义元素、文本级语义，以及无障碍方面的考虑，还介绍了如何在网页中添加视频和音频。　　第5章，“CSS3新特性”，探讨CSS选择符、HSLA及RGBA颜色、Web排版、视口相对单位，等等。　　第6章，“CSS3高级技术”，探讨CSS滤镜、盒阴影、线性与放射渐变、多背影，以及如何为高分辨率设备提供背景图片。　　第7章，“SVG与响应式Web设计”，讲述在文档中使用SVG、将SVG作为背影图片，以及通过Javascript添加交互。　　第8章，“CSS3过渡、变形和动画”，看一看使用CSS能够做出哪些交互与动画效果。　　第9章，“表单”，在HTML5和CSS3之前，表单一直是个难题，现在不同了。　　第10章，“实现响应式Web设计”，阐述在着手实现响应式Web设计时需要考虑的重要因素，并给大家提供一些实用的建议。　　阅读前提　　? 需要一个文本编辑器　　? 需要一个主流浏览器　　? 喜欢一些无聊的笑话　　读者对象↓展开全部内容