响应式Web设计

响应式Web设计

作者：Ben Frain

出版社：人民邮电出版社

出版年：2013-1-1

评分：7.4

ISBN：9787115299222

所属分类：行业好书

书刊介绍

内容简介

随着iPad mini的发布，又一个新的屏幕尺寸诞生了。用不着全面统计，你就会发现移动互联网时代众多的屏幕规格，从智能手机的3、4、5英寸，到平板电脑的7、8、9、10英寸，再到笔记本和台式机的13至30英寸，绝非目前单一的固定或流式布局所能应付。于是，响应式设计应运而生，而且它也将成为移动互联网时代前端设计与开发人员的一门必修课。

本书堪称学习响应式Web设计的难得佳作。它不仅全面、细致、图文并茂地介绍了响应式设计相关的技术，比如媒体查询、流式布局、弹性媒体和弹性字体等，还把近几年来Web设计领域公认的最佳设计理念有机地融入到了实例当中，比如移动先行（Mobile First）、渐进增强、平稳退化、无障碍设计等。更加难得的是，本书以设计跨屏幕的网页（响应式设计）为出发点，以点带面，把如今Web设计领域两大标准的最新版本HTML5和CSS3也纳入其中，读者在掌握先进设计方法的同时也能掌握最新的设计技术（比如使用新的HTML5结构化语义标记、嵌入媒体、响应式视频，以及CSS3的新选择器、特效、过渡、变形和动画等），从而可以免除重复学习新标准之苦，让自己一步跨入Web设计领域的最前沿。无论你想学习响应式Web设计，还是学习HTML5和CSS3的实际应用，本书都能满足你的需要，是毋庸置疑的明智之选。

说到底，响应式Web设计并非一门独立的技术，而只是现有技术的一个组合应用。只要有一点HTML和CSS基础的读者都能顺利地掌握它。对于中、高级的前端设计和开发人员，翻阅本书也有助于理清自己的知识脉络，对这个新的设计理念获得更全面、深入的理解和把握。

习惯移动阅读的读者，可访问图灵社区，购买本书电子版：http://www.ituring.com.cn/book/1055

作品目录

第1章 HTML5、CSS3及响应式设计入门 1
1.1 为什么智能手机很重要（而老版的IE不再重要） 2
1.2 响应式设计一定是最佳选择吗 3
1.3 响应式网页设计的定义 3
1.4 为什么要在响应式设计上停滞不前 4
1.5 响应式网页设计示例 4
1.5.1 下载视口调试工具 4
1.5.2 在线创意源泉 11
1.6 为什么HTML5很优秀 12
1.6.1 省时省力 12
1.6.2 新增了语义化标签元素 13
1.7 CSS3为响应式设计和更多创新奠定了基础 13
1.7.1 底线：CSS3不破坏任何东西 14
1.7.2 CSS3如何解决日常设计问题 14
1.8 看呐，不用图片 17
1.9 HTML5和CSS3现在就能用吗 20
1.10 响应式网页设计不是灵丹妙药 20
1.11 引导客户：网站不必在所有浏览器中表现一致 21
1.12 小结 22
第2章 媒体查询：支持不同的视口 23
2.1 现在就能使用媒体查询 23
2.2 为什么响应式设计需要媒体查询 24
2.2.1 媒体查询语法 24
2.2.2 媒体查询能检测那些特性 26
2.2.3 用媒体查询改造我们的设计 27
2.2.4 加载媒体查询的最佳方法 27
2.3 我们的第一个响应式设计 27
2.3.1 我们的设计是固定宽度的，不要惊讶 28
2.3.2 响应式设计中要保证图片尽可能精简 32
2.3.3 小视口下的内容剪切 33
2.4 阻止移动浏览器自动调整页面大小 34
2.5 针对不同视口宽度修正设计 37
2.6 响应式设计中内容始终优先 38
2.7 媒体查询只是必要条件之一 42
2.8 小结 42
第3章 拥抱流式布局 43
3.1 固定布局经不起未来考验 43
3.2 为什么响应式设计需要百分比布局 44
3.3 将网页从固定布局修改为百分比布局 44
3.3.1 需要牢记的公式 45
3.3.2 设置百分比元素的上下文 47
3.3.3 必须时刻牢记上下文 52
3.4 用em替换px 54
3.5 弹性图片 56
3.5.1 让图片随视口缩放 56
3.5.2 为特定图片指定特定规则 58
3.5.3 给弹性图片设置阈值 59
3.5.4 超级全能的max-width属性 61
3.6 为不同的屏幕尺寸提供不同的图片 61
3.7 流动网格布局和媒体查询的默契配合 66
3.8 CSS网格系统 66
3.9 小结 72
第4章 响应式设计中的HTML5 73
4.1 HTML5的哪些部分现在就能用 73
4.1.1 大多数网站可以用HTML5编写 74
4.1.2 腻子脚本和Modernizr 74
4.2 如何编写HTML5网页 75
4.2.1 HTML5的精简之道 76
4.2.2 HTML5标签的合理写法 76
4.2.3 伟大的标签万岁 77
4.2.4 HTML的废弃零件 77
4.3 HTML5的全新语义化元素 78
4.3.1
78
4.3.2

相关推荐

最新典籍

热门典籍

精品推荐

合作伙伴

网络推广 抖音代运营 招生通 游戏攻略 秦皇岛人才网 周易 易经 信息流广告 代理招生 教育培训 二手车 游戏推荐 网络推广 PS修图 朋友圈文案 宝宝起名 零基础学习电脑 电商设计 买车咨询 自学教程 产业库 服装服饰 律师咨询 河北信息网 搜救犬 Chat GPT中文版 语料库 范文网 招生代理 旅游攻略 工作总结 精雕图 非物质文化遗产 二手车估价 情侣网名 爱采购代运营 保定人才网 古诗词 衡水人才网 高考作文 石家庄点痣 养花 名酒回收 石家庄代理记账 戏曲下载 男士发型 女士发型 搜搜作文 唐山人才网 铜雕 词典 围棋 chatGPT 读后感 玄机派 企业服务 法律咨询 chatGPT国内版 文玩 chatGPT官网 励志名言 儿童文学 公司注册 AI写作栈 抖音代运营 游戏攻略 网络知识 品牌营销 商标交易 承德人才网 邢台人才网 高度酒 沐盛有礼 企算易 聚职讯 沐盛传媒 造纸术 兴趣爱好 游戏攻略 风信子 心理咨询 河北生活网 考研真题 知识星宿 游戏攻略 大可如意 好书推荐 万能实习生 代理招生 语料库 范文网 短视频运营 雕塑 在线题库 知识产权 周易 易经 抖音运营 雕塑 奇石 散文 互联网资讯 成语 成语故事 诗词 包装网 ps素材库 舟舟培训 创业赚钱 短视频培训 IT教程 优秀个人博客 养生 民间借贷律师 绿色软件 安卓手机游戏 手机软件下载 手机游戏下载 单机游戏大全 免费软件下载 苗木网 网赚 手游下载 职业培训 资格考试 儿童文学 英语培训 艺术培训 少儿培训 苗木网 雕塑 好玩的手机游戏推荐 手机游戏推荐排行榜 汉语词典 中国机械网 女性健康 美文欣赏 红楼梦 游戏盒子 电采暖 道德经 鲜花 工商注册 代理记账 抖音带货 云南旅游网 网络游戏 代理记账 石家庄论坛 今天来 标准件 短视频剧本 鲁迅 书包网 采购批发网 心理测试 电地暖 商务英语培训 箱包网 在线新华字典 雅思培训
Email咨询
Q Q咨询
微信咨询
返回顶部
微信二维码