多种网盘链接检测插件 购买前，请先检测网盘链接是否有效
《响应式网 页实战》_1
《响应式网 页实战》_2
《响应式网 页实战》_3
内容简介：
响应式
网 页设计实战
柯霖廷等编著
Q想玉出
图书在版编目(CIP)数据
响应式网 页设计实战/柯霖廷等编著,一北京:机械工业出版社,2016.10
ISBN978-7-111-54942-0
1.①响…Ⅱ.①柯…Ⅲ.①网 页制作工具Ⅳ.①TP3930922
中guo版本图书馆CP数据核字(2016)第231156号
自适应应式网 页设计(RWD}就是集中创建页面的图片排版大小,智能地根据用户行为以及使用的设备环填(系统平
台、屏幕尺寸、屏幕定向等)进行相应的布局。本书以丰富的范例程序和详经的图解逐一介绍响应式网 页设计的技术架构及设
计要领,使用HTML与CSS设计网站的基本策略与技术,以及响应式网 页设计的模块应用。具体内容包括自适应响应式网 页
设计概述、网 页的新旧切版方式和字体资源、版面尺寸的固定方式与弹性方式、 Bootstrap
习与使用、Pure的学习与使用。
本书内容由浅入深,同时辅以易于测试和作范例的程序,便于读者详细了辉程序的运行原理,是一本很好的程序设计参
响应式网 页设计实战
出版发行:机械工业出版社(北市西域区百万庄大22号邮编码:100037
责任编辑:夏非彼迟振春
印刷:中guo电影出版社印刷厂
版次:2016年10月第1版第1次刷
开本:188mmx260mm1/16
印张:15
书号:ISBN978-7-111-54942-0
定价:49.00元
购本书,如有缺页、倒页、脱页,由本社发行部调换
客报热线 010)8837942688361066
线010)88379604
购书热线010)683262948837964968995259
信箱;hzit@ abook. con
版权所有侵权必究
封底无防伪标均为盗版
本书法律问:北京大成律师事务所Han光晓东
序1
响应式网 页设计就是本书的核心。在智能手机、平板电脑等移动设备大行其道
的时候,网 页设计人员如果不会灵活和熟练地运用响应式网 页设计技术将电脑桌面
网 页设计技术拓展到移动设备上,那么不但自己会疲于奔命,而且最终会被市场
本书以丰富的范例程序和详细的图解逐一讲解响应式网 页设计的核心技术和方
法,这种网 页设计技术和方法会根据用户所使用设备的浏览器环境(例如屏幕的长
度、宽度、长宽比、分辨率或设备屏幕显示的方向等)自动调整网 页的版面,将恰
当的内容和最佳的显示结果提供给用户。简而言之,就是网 页设计人员只要设计统
版本的网 页程序,就能在电脑、智能手机和平板电脑等各种设备上完整展示网 页
内容,而无需为不同屏幕大小和功能的设备分别设计和改写网 页程序。
本书涉及的内容包括HTM4、HTM5、 Javascript和CS,读者需要具备一些相
关方面的知识,才能在学习时事半功倍
HTML5标准相对比较新,并不是所有的浏览器或者它们的旧版本都能完整地
持本书中含有HTML5语言功能的部分范例程序。要正确地运行这些范例程序,建
议使用最新版本的浏览器,本书的所有范例程序都在 Chrome版本47(GuGe的浏览
当然,支持HTML5的浏览器还有 Windows10中的 Microsoft Edge, Internet
Explorer Il、 Opera版本330以上以及 Firefox(火狐浏览器)和 Safari等的最新版本
另外,还有guo内的QQ浏览器、猎豹浏览器等的新版本。如果读者想在这些浏览器
上运行 HTML5的程序,请先阅读版本说明中对HTML5支持程度的细节说明
赵军
2016年8月
序2
本书与业界其他相关书的不同之处在于,其各章节涉及的内容都和响应式网 页设计
的技术架构有关。第1章是关于自适应/响应式网 页设计的概述,第2章介绍网 页
新旧切版的方式和字体资源,第3章介绍版型尺寸的固定与弹性,第4章介绍
Bootstrap的学习与使用,第5章介绍Zurb' s Foundation的学习与使用,第6章介绍
Yahoo's Pure的学习与使用
为了能更好地理解第2章开始的各个范例程序,读者需要具备HTML、CS和
javAscript的相应知识。若没有这些基础知识,而试图直接通过各个章节的内容来理解
各个范例程序,则势必会事倍功半、劳心不已……希望没有基础的初学者,先去学习
述的基础知识,有牢固的根基才好!
从第4章开始的内容着重于更为全面的响应式网 页设计模块的应用,以指导程序
设计人员更快速地创造出具有特定质感和风格的各个组件。各个组件所对应的模块原则
上都被打包在外部CSS件和IS文件中,并通过HmML语句在特定网 页中显示出
各个组件的外观
第4章至第6章分别介绍不同厂商免费提供的组件模块,可以通过CSS文件和
文件的链接语句,使得隶属于不同厂商的各个组件模块同时应用于同一个网 页当中
耳经由美编人员尽量使此网 页里的各个组件模块呈现出同一质感和风格,以营造出网 页
中统一的整体外观
本书章节内容的安排经由作者巧思而成,以便读者能够轻松驾驭,逐步理解本书的
精髓,同时辅以易于测试和操作的范例程序,让读者详细了解程序的运行原理。相对而
言,第4章到第6章的一些范例程序有些烦琐与复杂,因此以特定的程序代码区段为
单位来测试其显示的组件外观,是一种较为惬意的学习方式
本书是一本程序设计参考书,读者若觉得一大段程序代码让自己感到心烦且有
压力感,不妨先看懂特定程序代码所对应的说明文字,并对自己不熟悉的英文单词
做个记号,通过在线英文_字_典_进行查询,以加快自己对程序代码的深度理解。
随着时间的推移,本书所用到的各厂商的组件模块也会改版,因此在网络云盘
中提供了各章的范例程序文件,下载地址为http://pan.baiducom/s/1hsugdni
(注意区分字母的大小写以及数字和字母)。如果下载有问题,请电子邮件联系
booksagat@126.com,邮件主题为“响应式网 页设计实战”
在此恭祝各位读者在学习上百尺竿头更进一步,不懈努力,持之以恒,蒸蒸ri
上,事半功倍!
ri录
第1章自适应/响应式网 页设计概述
1弹性的样式与版面
12以移动设备为优先
1.3业界流行的 RWD Framework…
14并非一定需要 RWD Framework
15RWD实现的机制
第2章网 页的新旧切版方式和字体资源
2.程序代码的编辑器
22CSs搭配HTML4切版方式
22.1开始切版前的HTML基本程序代码结构
22规划要创建的版面
.2.3建立区块的程序代码
224标
的范围………
2.5设置区块尺寸
22.6
限定版面总宽度
22.7设置区块为浮动排列
228调整各区块的间距
229版面的居中对齐
22456
22.10改用百分比作为显示度量单位
23CSS搭配HTML5切版方式
2.3.1建立区块的程序代码
20
2.32标示区块范围
2.3,3设置区块尺寸
2.34限定版面的总宽度
23.5设置区块为浮动排列
2.36调整各区块的间距
2.3.7版面的居中对齐
238改用以百分比为显示度量单位
45780
24css搭配 Javascript切版方式
24.1精简原有的程序代码
242注释掉整段CSS规则语句
243用 Javascript程序代码实现特定版型
244 JavaScript版型程序代码的第1阶段简化
|
|
