学习响应式设计

学习响应式设计

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

全面覆盖从项目立项到网站上线的工作流程。

内容简介

本书分为四部分,全面介绍响应式Web设计策略与技术,引领大家掌握从项目立项到网站上线的响应式设计工作流程。第一部分介绍响应式设计及其与其他网页设计方法的区别。第二部分概述构建响应式站点的基础知识、必备的HTML和CSS知识、图像处理,以及响应式设计的核心:媒体查询。第三部分带大家全面了解响应式设计的工作流程,从用户体验的角度探讨响应式设计,确保网站在各种设备上的适应性和功能完备性。第四部分深入探讨需特别考虑的设计元素,包括文字排版、响应式导航和页头,以及响应式设计的一大问题:性能。

作者简介

作者彼得森(Clarissa Peterson),用户体验设计师、Web开发人员,响应式网站设计咨询公司Peterson/Kandy(位于蒙特利尔)联合创始人。她经常在开发者会议及研讨会上发表关于响应式设计、移动策略和用户体验方面的演讲。

章节目录

版权信息

O'Reilly Media, Inc.介绍

前言

第一部分 响应式设计基础

第1章 什么是响应式设计

1.1 一点儿基础

1.2 简史

1.3 为什么是响应式设计

1.4 总结

第2章 响应式内容

2.1 内容策略

2.2 内容整理

2.3 内容编写

2.4 内容平等

2.5 内容管理

2.6 自适应内容

2.7 总结

第二部分 创建响应式网站

第3章 响应式网站之HTML

3.1 使用HTML

3.2 页面基本结构

3.3 视口

3.4 结构性元素

3.5 创建一个页面

3.6 清晰和语义化的HTML

3.7 总结

第4章 响应式网站之CSS

4.1 CSS的工作方式

4.2 CSS版本

4.3 置CSS于何处

4.4 层叠

4.5 使用层叠

4.6 注释

4.7 组织你的样式表

4.8 盒模型

4.9 显示

4.10 定位

4.11 浮动和清除

4.12 基本样式

4.13 总结

第5章 媒体查询

5.1 何为媒体查询

5.2 媒体查询结构

5.3 在样式表链接中使用媒体查询

5.4 使用媒体查询的其他方式

5.5 我们可以查询什么

5.6 浏览器支持

5.7 断点

5.8 设计范围

5.9 响应式设计

5.10 使用媒体查询

5.11 两列布局

5.12 设置最大宽度

5.13 如何选择断点

5.14 总结

第6章 图像

6.1 显示图像的方式

6.2 替代文本

6.3 图像文件格式

6.4 优化图像

6.5 内容图像

6.6 背景图像

6.7 响应式图像

6.8 总结

第三部分 玩转响应式设计

第7章 响应式设计工作流程

7.1 策略与规划

7.2 内容先于布局

7.3 考虑布局

7.4 原型

7.5 视觉设计

7.6 响应式设计工具

7.7 推销响应式设计

7.8 与客户合作

7.9 总结

第8章 岂止手机

8.1 用户体验

8.2 设备无关的设计

8.3 专注于移动优先

8.4 尽你所能

8.5 设备类型

8.6 触摸

8.7 屏幕尺寸

8.8 可访问性(通用化设计)

8.9 决定支持哪些设备

8.10 为何要用真实设备进行测试

8.11 测试

8.12 总结

第四部分 设计响应式网站

第9章 文字排版

9.1 始于HTML

9.2 字型

9.3 使用字体

9.4 调整文字大小

9.5 行长

9.6 留白

9.7 内边距和外边距

9.8 为屏幕尺寸改变字型

9.9 总结

第10章 导航及页眉布局

10.1 响应式导航

10.2 网站品牌

10.3 导航链接

10.4 导航模式

10.5 页眉

10.6 总结

第11章 性能

11.1 性能的重要性

11.2 性能作为设计元素

11.3 网页加载与渲染方式

11.4 性能测量

11.5 清理代码

11.6 将HTTP请求减至最少

11.7 服务器设置

11.8 JavaScript

11.9 CSS

11.10 托管

11.11 有条件地加载内容

11.12 重绘与回流

11.13 RESS

11.14 总结

学习响应式设计是2015年由人民邮电出版社·图灵出品出版,作者[美] 彼得森。

得书感谢您对《学习响应式设计》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
响应式网页开发基础教程(jQuery+Bootstrap) 电子书
本书介绍了响应式网页开发所涉及的关键技术,包括响应式网页设计的概念、JavaScript基础、jQuery基础、Bootstrap基础、响应式布局、Bootstrap组件设计和网页效果设计实例等,并综合实例进行讲解。
HTML5+CSS3+Bootstrap响应式Web前端设计(慕课版)(第2版) 电子书
本书全面系统的介绍了网页设计、前端开发涉及的基础核心技术,包括网站开发相关概念、开发工具、HTML5标记语言、CSS样式属性、响应式布局、Bootstrap框架及网站建设流程等。本书注重实践能力培养,配备三种层次的案例,让学习者由浅入深、循序渐进地掌握前端开发技术。一是通过大量示例辅助学习者掌握基础知识点;二是将完整网站拆解为十五个项目,通过项目驱动的方式提升学习者的动手能力,并在此过程中逐步理解
Bootstrap响应式Web前端开发与实战(微课版) 电子书
本书由浅入深,详尽地介绍Bootstrap相关技术在Web开发领域的应用。本书以案例为主线,将理论与实践相结合,旨在提升读者的实践能力,从而达到举一反三的目的。本书共9章,内容包括响应式网页设计、Bootstrap简介、Bootstrap脚手架、Bootstrap页面内容、Bootstrap的工具类、Bootstrap的弹性布局、Bootstrap的CSS组件、Bootstrap的JS插件、综合案
项目式学习:教师手册 电子书
本书由五章组成,以项目式学习为中心议题,分别回答了为什么要开展项目式学习,项目式学习是什么,以及项目式学习应该如何设计与实施,并附有幼儿园、小学、初中和高中各个学段的11个项目式学习案例。
响应式Web开发项目教程(HTML5+CSS3+Bootstrap) 电子书
内容提要Web前端开发在近年来迅速崛起,本书从Web开发实际应用的角度,以项目式的教学方式讲解HTML5、CSS3、响应式设计等新技术。本书共分为8个单元,把Web开发项目按文本、图文、表单、画布、音频视频、响应式进行分类教学。**后通过Bootstrap工具开发来整合HTML5、CSS3和响应式开发的知识,进行快捷开发。本书优选了18个项目,从【项目描述】→【前导知识】→【项目分析】→【代码实现