下载链接: https://pan.baidu.com/s/1ItqQS9717-o_W43QPyLi-g 密码: ie1t
- 出版社: 机械工业出版社; 第1版 (2016年10月1日)
- 外文书名: Responsive wed design
- 平装: 230页
- 语种： 简体中文
- 开本: 16
- ISBN: 7111549422, 9787111549420
- 条形码: 9787111549420
- 商品尺寸: 25.4 x 18.6 x 0.8 cm
- 商品重量: 422 g
- 品牌: 机械工业出版社
- ASIN: B01M24B4LA
编辑推荐
《响应式网页设计实战》内容由浅入深，同时辅以易于测试和操作范例的程序，便于读者详细了解程序的运行原理，是一本很好的程序设计参考书。
目录
序
第1章自适应／响应式网页设计概述
1.1弹性的样式与版面
1.2以移动设备为优先
1.3业界流行的RWD Framework
1.4并非一定需要RWD Framework
1.5RWD实现的机制
1.6浏览器的支持度
第2章网页的新旧切版方式和字体资源
2.1程序代码的编辑器
2.2CSS搭配HTML4切版方式
2.2.1开始切版前的HTML基本程序代码结构
2.2.2规划要创建的版面
2.2.3建立区块的程序代码
2.2.4标示区块的范围
2.2.5设置区块尺寸
2.2.6限定版面总宽度
2.2.7设置区块为浮动排列
2.2.8调整各区块的间距
2.2.9版面的居中对齐
2.2.10改用百分比作为显示度量单位
2.3CSS搭配HTML5切版方式
2.3.1建立区块的程序代码
2.3.2标示区块范围
2.3.3设置区块尺寸
2.3.4限定版面的总宽度
2.3.5设置区块为浮动排列
2.3.6调整各区块的间距
2.3.7版面的居中对齐
2.3.8改用以百分比为显示度量单位
2.4CSS搭配JavaScript切版方式
2.4.1精简原有的程序代码
2.4.2注释掉整段CSS规则语句
2.4.3用JavaScript程序代码实现特定版型
2.4.4JavaScript版型程序代码的第1阶段简化
2.4.5JavaScript版型程序代码的第2阶段简化
2.5跨网域运用在线字体
2.6使用本地的字体
第3章版型尺寸的固定与弹性
3.1HTML传统方式
3.2CSS应用方式
3.2.1@media语句
3.2.2metaviewport语句
3.3JavaScript搭建方式
第4章Bootstrap的学习与使用
4.1Twitter的Bootstrap简易应用方式
4.2免费小图标
4.3下拉式或上拉式菜单
4.3.1下拉式菜单
4.3.2上拉式菜单
4.3.3具有选项分隔线的下拉式菜单
4.3.4具有选项分类和选项分隔线的下拉式菜单
4.4一般按钮和按钮组
4.4.1按钮组
4.4.2按钮组的工具栏
4.5带有菜单按钮的按钮组
4.5.1横向按钮组
4.5.2纵向按钮组
4.5.3窗口宽度型
4.5.4分离型按钮组
4.6不同尺寸的按钮
4.6.1大尺寸按钮
4.6.2标准尺寸的上拉式菜单按钮
4.6.3小尺寸按钮
4.6.4特小尺寸按钮
4.7窗体中的文本栏
4.7.1标签文字组合式
4.7.2单选按钮和多选按钮组合式
4.7.3一般按钮组合式
4.7.4下拉式菜单按钮组合式
4.8窗体中的导航栏
4.8.1默认的标签型导航栏
4.8.2简易标签型导航栏
4.8.3具有窗口宽度的堆栈式导航栏
4.8.4均分窗口宽度的标签型导航栏
4.8.5动态置顶导航栏
4.9浏览分层提示和分页
4.9.1浏览分层提示
4.9.2分页导航栏
4.9.3前一页和下一页按钮
4.10文字标签、文字徽章与文字框
4.10.1文字标签
4.10.2文字徽章
4.10.3文字框
4.11缩略图与图解说明
4.12警告文字框
4.13进度条
4.14媒体对象
4.14.1一般图片列表
4.14.2多层次图片列表
4.15列表分组
4.15.1默认的列表分组
4.15.2加上数值徽章的列表分组
4.15.3按钮型列表分组
4.15.4应用颜色样式的列表分组
4.15.5带有内容的列表分组
4.16面板
4.16.1一般面板
4.16.2带有表格内容的面板
4.16.3带有列表分组内容的面板
4.17自适应嵌入
第5章Zurb's Foundation的学习与使用
5.1Zurb's Foundation简易应用方式
5.2滑入菜单
5.2.1默认的滑入菜单
5.2.2双边滑入菜单
5.2.3双边多层次滑入菜单
5.3置顶导航栏
5.4工具栏与内置小图标
5.4.1跨窗口宽度的工具栏
5.4.2纵向工具栏
5.4.3内置图标工具按钮所构成的工具栏
5.5侧边导航栏
5.6动态置顶追踪型导航栏
5.7子导航栏
5.8浏览分层提示
5.9分页导航栏
5.10缩略图
5.11缩放式视频
5.12窗体组件
5.13切换按钮
5.14滑杆
5.15窗体验证
5.16按钮
5.17按钮组
5.18分割下拉式菜单按钮组
5.19整体下拉式菜单按钮
5.20字体样式
5.21行内列表
5.22文字标签
5.23modal窗格
5.24警告框
5.25面板框
5.26动态提示框
5.27页面操作展示
5.28简易型下拉式菜单与下拉式内容框
5.29价目表
5.30进度条
5.31表格
5.32折叠式面板
5.33标签面板
5.34均分版型
第6章Yahoo's Pure的学习与使用
6.1Yahoo's Pure简易应用方式
6.2版型网格和最小容器单元
6.3窗体组件
6.4按钮
6.5表格
6.6菜单
序言
序1 响应式网页设计就是本书的核心。在智能手机、平板电脑等移动设备大行其道的时候，网页设计人员如果不会灵活和熟练地运用响应式网页设计技术将电脑桌面网页设计技术拓展到移动设备上，那么不但自己会疲于奔命，而且最终会被市场淘汰。
本书以丰富的范例程序和详细的图解逐一讲解响应式网页设计的核心技术和方法，这种网页设计技术和方法会根据用户所使用设备的浏览器环境（例如屏幕的长度、宽度、长宽比、分辨率或设备屏幕显示的方向等）自动调整网页的版面，将恰当的内容和最佳的显示结果提供给用户。简而言之，就是网页设计人员只要设计统一版本的网页程序，就能在电脑、智能手机和平板电脑等各种设备上完整展示网页内容，而无需为不同屏幕大小和功能的设备分别设计和改写网页程序。
本书涉及的内容包括HTML4、HTM5、JavaScript和CSS，读者需要具备一些相关方面的知识，才能在学习时事半功倍。
HTML5 标准相对比较新，并不是所有的浏览器或者它们的旧版本都能完整地支持本书中含有HTML5语言功能的部分范例程序。要正确地运行这些范例程序，建议使用最新版本的浏览器，本书的所有范例程序都在Chrome 版本47（谷歌的浏览器）上调试并通过。
当然，支持HTML5的浏览器还有Windows 10中的Microsoft Edge、Internet Explorer 11、Opera 版本33.0以上以及Firefox（火狐浏览器）和Safari等的最新版本。另外，还有国内的 QQ浏览器、猎豹浏览器等的新版本。如果读者想在这些浏览器上运行 HTML5 的程序，请先阅读版本说明中对 HTML5 支持程度的细节说明。
赵 军 2016年8月序2 本书与业界其他相关书的不同之处在于，其各章节涉及的内容都和响应式网页设计的技术架构有关。第 1 章是关于自适应 / 响应式网页设计的概述，第 2 章介绍网页新旧切版的方式和字体资源，第 3 章介绍版型尺寸的固定与弹性，第 4 章介绍 Bootstrap 的学习与使用，第 5 章介绍 Zurb’s Foundation 的学习与使用，第 6 章介绍 Yahoo’s Pure 的学习与使用。
为了能更好地理解第 2 章开始的各个范例程序，读者需要具备HTML、CSS 和 JavaScript 的相应知识。若没有这些基础知识，而试图直接通过各个章节的内容来理解各个范例程序，则势必会事倍功半、劳心不已……希望没有基础的初学者，先去学习上述的基础知识，有牢固的根基才好！
从第 4 章开始的内容着重于更为全面的响应式网页设计模块的应用，以指导程序设计人员更快速地创造出具有特定质感和风格的各个组件。各个组件所对应的模块原则上都被打包在外部 CSS 文件和 JS 文件中，并通过 HTML 语句在特定网页中显示出各个组件的外观。
第 4 章至第 6 章分别介绍不同厂商免费提供的组件模块，可以通过 CSS 文件和 JS 文件的链接语句，使得隶属于不同厂商的各个组件模块同时应用于同一个网页当中，再经由美编人员尽量使此网页里的各个组件模块呈现出同一质感和风格，以营造出网页中统一的整体外观。
本书章节内容的安排经由作者巧思而成，以便读者能够轻松驾驭，逐步理解本书的精髓，同时辅以易于测试和操作的范例程序，让读者详细了解程序的运行原理。相对而言，第 4 章到第 6 章的一些范例程序有些烦琐与复杂，因此以特定的程序代码区段为单位来测试其显示的组件外观，是一种较为惬意的学习方式。
本书是一本程序设计参考书，读者若觉得一大段程序代码让自己感到心烦且有压力感，不妨先看懂特定程序代码所对应的说明文字，并对自己不熟悉的英文单词做个记号，通过在线英文字典进行查询，以加快自己对程序代码的深度理解。
……
在此恭祝各位读者在学习上百尺竿头更进一步，不懈努力，持之以恒，蒸蒸日上，事半功倍！
编 者
文摘
版权页： 
插图： 
