电子书：《响应式网页实战》《响应式网页实战》
111
内容简介：
响应式网 页设计实战柯霖廷等编著q想玉出
图书在版编目(cip)数据响应式网 页设计实战/柯霖廷等编著.一北京:机械工业出版社.2016.10isbn978-7-111-54942-01.①响…ⅱ.①柯…ⅲ.①网 页制作工具ⅳ.①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版权所有侵权必究封底无防伪标均为盗版本书法律问:北京大成律师事务所韩光晓东
序1响应式网 页设计就是本书的核心。在智能手机、平板电脑等移动设备大行其道的时候.网 页设计人员如果不会灵活和熟练地运用响应式网 页设计技术将电脑桌面网 页设计技术拓展到移动设备上.那么不但自己会疲于奔命.而且最终会被市场本书以丰富的范例程序和详细的图解逐一讲解响应式网 页设计的核心技术和方法.这种网 页设计技术和方法会根据用户所使用设备的浏览器环境(例如屏幕的长度、宽度、长宽比、分辨率或设备屏幕显示的方向等)自动调整网 页的版面.将恰当的内容和最佳的显示结果提供给用户。简而言之.就是网 页设计人员只要设计统版本的网 页程序.就能在电脑、智能手机和平板电脑等各种设备上完整展示网 页内容.而无需为不同屏幕大小和功能的设备分别设计和改写网 页程序。本书涉及的内容包括htm4、htm5、 javascript和cs.读者需要具备一些相关方面的知识.才能在学习时事半功倍html5标准相对比较新.并不是所有的浏览器或者它们的旧版本都能完整地持本书中含有html5语言功能的部分范例程序。要正确地运行这些范例程序.建议使用最新版本的浏览器.本书的所有范例程序都在 chrome版本47(谷歌的浏览当然.支持html5的浏览器还有 windows10中的 microsoft edge. internetexplorer 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(注意区分字母的大小写以及数字和字母)。如果下载有问题.请电子邮件联系[email protected].邮件主题为“响应式网 页设计实战”在此恭祝各位读者在学习上百尺竿头更进一步.不懈努力.持之以恒.蒸蒸ri上.事半功倍!
ri录第1章自适应/响应式网 页设计概述1弹性的样式与版面12以移动设备为优先1.3业界流行的 rwd framework…14并非一定需要 rwd framework15rwd实现的机制第2章网 页的新旧切版方式和字体资源2.程序代码的编辑器22css搭配html4切版方式22.1开始切版前的html基本程序代码结构22规划要创建的版面.2.3建立区块的程序代码224标的范围………2.5设置区块尺寸22.6限定版面总宽度22.7设置区块为浮动排列228调整各区块的间距229版面的居中对齐2245622.10改用百分比作为显示度量单位23css搭配html5切版方式2.3.1建立区块的程序代码202.32标示区块范围2.3.3设置区块尺寸2.34限定版面的总宽度23.5设置区块为浮动排列2.36调整各区块的间距2.3.7版面的居中对齐238改用以百分比为显示度量单位4578024css搭配 javascript切版方式24.1精简原有的程序代码242注释掉整段css规则语句243用 javascript程序代码实现特定版型244 javascript版型程序代码的第1阶段简化
