学习响应式设计[试读]
1.1 一点儿基础
现在,网络世界中的所有人几乎都听说过响应式网页设计(通常称为RWD,即Responsive Web Design 的缩写),但大部分人并没有很好地理解它是什么。 在本章中,你将学习响应式网站的基础知识。之后,我们将简述网页设计的简史,以便你理解响应式设计的思想来自哪里,以及它与旧网页设计方式之间的差异。 我们还会讨论为什么对于制作能很好地工作于不同设备与屏幕尺寸的网站而言,响应式设计通常是最佳选择,以及为何从长远来说它意味着更少的工作。我们也会介绍选择响应式设计的一个不太明显的效果:它对你的搜索引擎排名的影响。 1.1 一点儿基础 如果你拿起本书,是因为你听说过响应式设... 查看全部[ 1.1 一点儿基础 ]
1.2 简史
在学习响应式设计是如何产生的之前,了解一点网页设计的历史是有帮助的。 1.2.1 固定宽度设计 几年以前,网站是被设计成固定宽度的,以便很好地适配最常见尺寸的台式机和笔记本的屏幕。在2000 年,这意味着设计的屏幕宽度是800 像素(一个像素是屏幕上一个彩色发光的小点),到2005 年前后,大多数显示器是1024 像素宽。 尽管大多数显示器通常就是那几种固定的尺寸,但市场上还存在一些更宽的显示器,也有些老式的窄屏显示器仍在使用。网页设计师希望他们的设计在所有显示器上看起来都完全相同,所以他们通常会设计一个固定宽度的网站以适应最常见的显示器尺寸,如960 像素宽的网站在1024... 查看全部[ 1.2 简史 ]
1.3 为什么是响应式设计
响应式网页设计的概念自首次提出以来一直备受热议。就像任何新技术思想一样,有些人接受它,另一些人则唾弃它。 1.3.1 每个设备都得到正确的设计 使用响应式设计最有说服力的理由是,你创建的网站不仅在现今市场上的各种设备上都能正确地工作并有良好的显示效果,而且很可能在将来出现的那些新设备上也能如此。此外,使用响应式设计,你不会冒用户可能在桌面显示器上浏览移动版站点的风险,反之亦然。 如果你有多个独立的站点,那这无疑会成为一个问题,无论你是通过设备检测来发送正确版本的站点给每个设备,还是使用一组单独的URL(比如一个m-dot 子域名)供移动版网站使用。 如果网站有一个单独的... 查看全部[ 1.3 为什么是响应式设计 ]
1.4 总结
在引入响应式设计之前,网站通常都是固定宽度的,这意味着网站的设计无论在多大的屏幕上都是以相同的宽度显示。在智能手机出现后,这就真的行不通了,因为网站在小屏幕上显得很小,用户必须不断地进行缩放来阅读内容。 移动网站紧接着出现了,许多公司独立于它们的主站点(或称为桌面站点)创建了第二个网站。移动网站通常只包含主网站上的一小部分内容和功能,所以手机用户对其并不感冒。 随着越来越多的设备出现,设计师们很快意识到创建多个网站以适应每一种不同尺寸的屏幕,即使不是不可能的,也是不切实际的。响应式设计的概念被引入,它使得网站能够响应设备的宽度,并以一种适合于屏幕尺寸的方式来显示网站的内容。 ... 查看全部[ 1.4 总结 ]
书名: 学习响应式设计
作者: [美] Clarissa Peterson
出版社: 人民邮电出版社
译者: 文 巍
页数: 328
定价: 69.00元
装帧: 平装
ISBN: 9787115389732
