当前位置: 代码迷 >> 综合 >> 学习响应式设计(Learning Responsive Web Design)完整版PDF
  详细解决方案

学习响应式设计(Learning Responsive Web Design)完整版PDF

热度:36   发布时间:2023-12-08 19:56:36.0
想要为平板、手机、笔记本、大屏幕设备,甚至可穿戴设备提供最优的用户体验?那就学习响应式设计吧。这是一本内容特别全面、讲解非常透彻的入门书。特别地,通过这本书不仅能迅速掌握响应式Web设计的基本原理,还能够从头到尾了解响应式设计的工作流程:从项目启动开始,到项目最终上线为止。
只要你的工作与创建、改造或者升级网站有关系,都应该看看这本书。换句话说,不仅是前端开发人员,设计师、产品经理、项目经理,甚至后端开发人员也可以通过本书掌握响应式设计的精髓所在。这本书基于响应式设计的前沿技术和社区经验写成,汇集了前人的智慧和最佳实践。希望读者能够“站在巨人的肩膀上”,把这本书的内容应用到未来的项目中,造福更多用户。
1. 内容策略的制定应先于视觉设计
2. 默认设计应针对最窄屏幕宽度进行
3. 响应式Web设计的关键:HTML元素和CSS属性
4. 基于设备视口宽度,通过媒体查询显示不同的CSS样式
5. 处理图像、文字排版和导航

6. 采用性能优化技术建立更轻量级、更快的网站


下载地址:

学习响应式设计(Learning Responsive Web Design)完整版PDF

目录

前言

第一部分 响应式设计基础

1章 什么是响应式设计3

1.1  一点儿基础 3
1.2
 简史 6
1.2.1
 固定宽度设计 6
1.2.2
 移动 Web 浏览 7
1.2.3
 移动网站 8
1.2.4
 更多的设备  9
1.2.5
 媒体查询 10
1.2.6
 灵活性 11
1.2.7
 响应式网页设计 12
1.3
 为什么是响应式设计 12
1.3.1
 每个设备都得到正确的设计 12
1.3.2
 更少的工作 14
1.3.3
 搜索优化 14
1.4
 总结 15
2 章 响应式内容 16
2.1
 内容策略 16
2.2
 内容整理 18
2.2.1
 仅使用你需要的 18
2.2.2
 如何精简 19
2.2.3
 内容审计 20
2.3
 内容编写 20
2.3.1
 用户如何阅读 20
2.3.2
 简明的语言 22
2.4
 内容平等 23
2.5
 内容管理 24
2.6
 自适应内容 24
2.7
 总结 27
第二部分 创建响应式网站
3 章 响应式网站之 HTML 31
3.1
 使用 HTML 32
3.1.1
HTML 版本 32
3.1.2
Web 标准 33
3.1.3
 使用 HTML5 33
3.2
 页面基本结构 34
3.2.1
 文档类型声明 34
3.2.2
 文档结构 34
3.2.3
 页面标题 35
3.2.4
 字符集 36
3.3
 视口 37
3.3.1
 宽度 40
3.3.2
 初始缩放比 40
3.3.3
 用户可缩放 40
3.3.4
 最大缩放比 41
3.4
 结构性元素 41
3.4.1
 屏幕阅读器 42
3.4.2
<header> 43
3.4.3
<nav> 43
3.4.4
<footer> 43
3.4.5
<article> 44
3.4.6
<aside> 44
3.4.7
IE 支持 44
3.5
 创建一个页面 45
3.5.1
 结构性元素 45
3.5.2
 加入内容 46
3.5.3
 无样式页面 47
3.6
 清晰和语义化的 HTML 48<
  相关解决方案