大小:99.8M
更新时间:23-09-27
系统:Pc
版本:v
随着智能手机和平板电脑等移动设备的普及,网页既可以横向,也可以纵向显示,设计不再以桌面浏览器窗口的宽度为标准,如何才能更好的设计Web界面呢?小编这里推荐大家阅读响应式Web图形设计,这是一本HTML5&CSS3基础知识+现代设计精髓理念的图书,由美国程序员 Christopher Schmitt编著。
本书内容丰富翔实,主要讲解了网页排版、网站图像、透明度和阴影、列表和图标字体、页面布局等等网页设计技术,并提供了在开发环境下关于HTML和CSS的基础知识,还逐章深入地介绍更加先进或者独一无二的设计解决方案,非常适合Web设计新手快速入门。
网页中的图形设计是在线内容用户体验的关键,尤其是现在的用户会使用多种设备访问网页,如智能手机、平板电脑、笔记本电脑、桌面电脑,甚至是智能电视。《响应式Web图形设计》以创建响应式Web的角度,介绍了基础的HTML和CSS语法,并深入研究了响应式Web设计中色彩、布局、图像、排版、动画、视频和音频等方面的内容。本书结构整、轻松易懂,能够帮助Web设计新手快速入门,并打下坚实的基础。
第1章 了解HTML 1
1.1 为什么要学习HTML? 2
1.1.1 HTML使得因特网更受欢迎 2
1.1.2 学习HTML,更好地理解网页设计 2
1.1.3 学习HTML很容易 2
1.2 HTML编程基础 4
1.2.1 文本编辑器 4
1.2.2 文字处理软件不是文本编辑器 4
1.2.3 用HTML编写代码 5
1.3 构建网页 6
1.3.1 指定DOCTYPE 6
1.3.2 保存和查看页面 9
1.4 布置页面内容 10
1.4.1 HTML标题 10
1.4.2 HTML文本标签 10
1.4.3 为网站创建链接 12
1.4.4 添加title属性 12
1.4.5 网站的链接 13
1.5 总结 15
第2章 使用CSS设置样式 17
2.1 CSS来帮忙 18
2.2 初识样式 18
2.2.1 声明 18
2.2.2 选择器 19
2.2.3 更多的CSS 选择器 19
2.3 添加CSS格式 20
2.3.1 链接到CSS 21
2.3.2 内联样式 22
2.4 块和行内格式化 23
2.4.1 HTML的通用元素 24
2.4.2 伪类和伪元素 25
2.5 专门为IE写CSS 27
2.6 常规流和定位 29
2.6.1 静态文本流(static) 29
2.6.2 固定定位(fixed) 29
2.6.3 相对定位(relative) 29
2.6.4 绝对定位(absolute) 30
2.7 总结 33
第3章 网页排版 35
3.1 网页字体 36
3.1.1 size属性和值 38
3.1.2 那么,你应该使用什么测量值呢? 39
3.1.3 粗细、样式、变形和修饰 40
3.2 网页安全字体实践 42
3.2.1 网页安全字体 42
3.2.2 移动安全字体 43
3.3 制作更好的字体栈 44
3.4 网页中的“Real Fonts” 45
3.4.1 @font-face属性 46
3.4.2 生成嵌入文件 47
3.4.3 免费字体 48
3.4.4 商业字体 50
3.5 总结 53
第4章 网页设计中的挑战 55
4.1 网络环境 56
4.1.1 揭示浏览器问题 56
4.1.2 使用测试页 58
4.1.3 颜色 58
4.1.4 屏幕和像素 59
4.1.5 可访问性 59
4.2 决定你的跨浏览器目标 61
4.3 针对不同设备开发网站 65
4.3.1 重置和标准化浏览器样式 65
4.3.2 特殊前缀 67
4.3.3 检验 68
4.3.4 测试 70
4.4 总结 71
第5章 网页中的颜色 73
5.1 网页颜色编码 74
5.1.1 十六进制颜色标记 74
5.1.2 重写HTML的默认颜色 74
5.1.3 图像边框 75
5.1.4 带透明度的CSS颜色 76
5.2 颜色属性 76
5.3 原色系统 77
5.4 颜色组合 78
5.5 构建配色方案 79
5.5.1 寻找基色 79
5.5.2 文化与颜色 81
5.5.3 浏览颜色的启示 82
5.5.4 构思方案 84
5.6 一致的颜色 85
5.6.1 校正颜色 86
5.6.2 拾取颜色 86
5.7 CSS颜色表 86
5.8 总结 91
第6章 网站图像 93
6.1 位数的问题 94
6.1.1 像素深度 94
6.1.2 色调分离和抖动 94
6.1.3 更多位意味着更多颜色 94
6.1.4 为什么位深度如此重要? 95
6.2 光栅图像格式 97
6.2.1 GIF图像格式 97
6.2.2 JPEG图像格式 98
6.2.3 PNG图像格式 99
6.3 图像压缩表 100
6.4 SVG:网页中的矢量文件 106
6.5 总结 107
第7章 为网页创建图像 109
7.1 使用Illustrator 110
7.1.1 为网页设置工作区 110
7.1.2 设置文档尺寸 111
7.1.3 导出光栅图像 114
7.1.4 使用Illustrator导出矢量图像 116
7.2 使用Photoshop 117
7.2.1 新建文档 117
7.2.2 导出光栅图像 117
7.3 管理Web图像文件 118
7.4 减小文件尺寸 119
7.4.1 压缩光栅图像 119
7.4.2 使用HTTP压缩 120
7.5 总结 123
第8章 透明度和阴影 125
8.1 使用GIF图像创造透明度 126
8.1.1 杂边 127
8.2 PNG半透明图像 128
8.2.1 8位PNG 128
8.2.2 24位PNG 129
8.3 CSS透明度 129
8.3.1 圆角 130
8.3.2 图像蒙版 130
8.3.3 元素透明 131
8.3.4 背景色透明度 132
8.3.5 文本阴影 132
8.3.6 3D文本阴影 133
8.3.7 盒阴影 133
8.4 总结 135
第9章 收藏夹图标和移动书签 137
9.1 收藏夹图标在哪里 138
9.2 收藏夹图标的图像格式 139
9.3 将收藏夹图标插入到网站中 139
9.3.1 为子网站设定收藏夹图标 139
9.3.2 推广收藏夹图标 140
9.4 为网页创建收藏夹图标 140
9.5 移动书签 144
9.5.1 文件格式 144
9.5.2 命名规范 144
9.5.3 自动图像处理 145
9.5.4 插入图标 145
9.6 混合收藏夹图标与移动书签 146
9.7 总结 147
第10章 列表和图标字体 149
10.1 无序列表 150
10.1.1 CSS项目符号图标 150
10.1.2 插入定制图标 151
10.2 定义列表 151
10.3 有序列表 152
10.3.1 改变顺序 153
10.3.2 设置目录 153
10.3.3 添加有序标记的另一种写法 154
10.4 高效列表设计 156
10.5 图标字体 158
10.5.1 选择一种图标字体 159
10.5.2 突出字符或者短语 160
10.5.3 创建可点击的单独图标 161
10.6 总结 163
第11章 图像映射 165
11.1 创造图像映射 166
11.1.1 基础的手工编码 166
11.1.2 使用Fireworks 168
11.2 响应式图像映射 170
11.3 总结 171
第12章 页面布局 173
12.1 CSS浮动 174
12.1.1 float属性 174
12.1.2 多重浮动 175
12.1.3 clear属性 175
12.2 浮动页面布局 176
12.2.1 页面结构 176
12.2.2 两栏流式布局 178
12.2.3 两栏固定布局 179
12.2.4 三栏流式布局 181
12.2.5 三栏固定布局 182
12.2.6 使用浮动布局的优缺点 184
12.3 CSS框架 184
12.3.1 网格系统 184
12.3.2 最后看看框架 187
12.4 响应式布局 188
12.4.1 适应媒体查询 189
12.4.2 流式布局 190
12.4.3 文本回流 192
12.4.4 媒体查询实战 193
12.4.5 响应式框架 199
12.5 总结 199
第13章 响应Web设计中的图像 201
13.1 缩放图像和媒体 202
13.2 缩放图像带来的问题 202
13.2.1 大尺寸图像 203
13.2.2 更大尺寸的图像 203
13.2.3 把网速考虑进来 204
13.3 自适应图像解决方案 204
13.3.1 另寻他法 204
13.3.2 压缩Retina图像 205
13.4 多图像解决方案 208
13.4.1 picture元素 208
13.4.2 srcset属性 209
13.4.3 使用图像补丁脚本 210
13.5 总结 217
第14章 对齐图像 219
14.1 图像与文本的对齐 220
14.1.1 baseline 220
14.1.2 text-bottom 220
14.1.3 text-top 221
14.1.4 top和bottom 221
14.1.5 middle 222
14.2 在浏览器窗口中居中图像 222
14.2.1 使用CSS 设置背景 222
14.2.2 仅用CSS 223
14.2.3 幸亏有jQuery,我们不用把数字写死了 224
14.3 在浏览器中伸展图像 225
14.4 总结 226
1、下载并解压,得出pdf文件
2、如果打不开本文件,请务必下载pdf阅读器
3、安装后,在打开解压得出的pdf文件
4、双击进行阅读
同类热门
类似软件
weblogic开发权威指南92.84M290人在用WebLogic开发权威指南是Oracle WebLogic Server开发人员必看的一本书籍,书中主要讲解了mvc体系结构、通用java ee设计模式、web应用程序体系结构、控制器调用业务服务等众多的有关于WebLogic Server开发的实例,
查看大蜘蛛杀毒软件电脑版513.79M279人在用 大蜘蛛杀毒软件电脑版是一种新型的基因式扫描杀毒软件,能够防御病毒、木马、间谍软件、恶作剧工具、黑客攻击、挂马网站等威胁。可以预防并清除 22000 种以上的病毒及特洛伊木马,其中包括各种高复杂多变异型的病毒,是唯一获得俄罗斯联邦国防部许可证的安全品
查看web page maker(网页编辑软件)3.52M333人在用 Web Page Maker 是一个易于使用的网页编辑器,它可以使你在几分 钟内就创建并上传你的网页,并且不需要你了解任何关于 HTML 的知识。你只需要拖曳对象到页面中并随意的调整它们的位置即可。程序还包含了多个精美的模版让你更加容易的设计出专业的网
查看web前端开发精品课:html与css基础教程44.88M345人在用web前端开发精品课:html与css基础教程是一本介绍html与css基础的入门教材,由人民邮电出版社出版,莫振杰编著。全书分为两大部分,第一部分是html入门,主要介绍了网页结构基础知识,而第二部分主要讲的是css的入门,介绍了网页样式方面的基础知识
查看weblogic server宝典23.14M142人在用WebLogic是美国Oracle公司开发的一个基于JAVAEE架构的中间件,它主要是用于开发、集成、部署和管理大型分布式Web应用,最近国内也有许多的开发者在学习这项技术,如果您也要学的话小编建议您先下载这款weblogic server宝典来看看,该
查看HP WEB JetAdmin 10.2参考手册7.39M139人在用HP WEB JetAdmin 10.2参考手册pdf版电子书,它提供简单而详尽的方式,主动地管理网络周边设备,并为打印效率做最佳化。你可以将周边装置设定群组,甚至可以加上地图,让人了解每台机器的位置。如果您还不了解HP WEB JetAdmin或在使用
查看大规模web服务开发技术pdf版132.09M159人在用大规模web服务开发技术是一款介绍web服务开发的教材,由伊藤直也,田中慎司[日本]编著,李剑译,电子工业出版社出版。全书内容从操作系统和计算机的原理开始,详细介绍了数据库的分布式方法、实用算法在系统中的应用、能支撑海量数据的搜索引擎的原理,以及统观系统
查看热门标签
网友评论0人参与,0条评论
最新排行
深入浅出wpf pdf完整版43.27Mpdf完整版 WPF(Windows Presentation Foundation)是微软未来发展的一个重要趋势,自从WIN7操作系统发布以来,甚至在前不久发布的WIN8操作系统中,WPF一直作为其核心技术。在深入浅出wpf pdf完整版的教程中,作者主要对自
查看caxa实体设计从入门到精通中文pdf版92.88M于志伟韩海玲高清扫描版 caxa实体设计从入门到精通中文pdf版是一本CAXA实体设计入门书籍,由于志伟和韩海玲两人共同编著。本书是以范例为载体、以知识点为纲系统地讲解CAXA功能的最新教材,以读者易学为出发点,以工程实战应用为目的,巧妙安排讲解内容。书中所有范例都经过了
查看网站安全攻防秘笈:防御黑客和保护用户的100条超级策略95.16Mpdf扫描版网站安全攻防秘笈:防御黑客和保护用户的100条超级策略是一本网站安全类的攻防书籍,由国际信息专家(美)Ryan Barnett编著,许鑫城编译。全书全面深入剖析网站的常见漏洞、攻击及原理,详细讲解了如何应对各种攻击和漏洞的实用策略,并且还讲解了如何使用开
查看汇编语言第三版王爽pdf63.01M高清电子书汇编语言是我国计算机科学教育领域的一部重要的经典著作,深受业内专家,高校教师,广大学生的喜欢,为此小编带来了汇编语言王爽第三版pdf,这是汇编语言发布的第三版,该版本很好的把握了教与学的关系,全书通谷易懂,高屋建翎,实践与理论相结合,能够帮助学生更好的掌
查看Hadoop海量数据处理:技术详解与项目实战47.54M范东来pdf扫描版Hadoop海量数据处理:技术详解与项目实战是一本Hadoop数据处理技术指导手册,由范东来编著。本书主要介绍Hadoop技术的相关知识,不但详细介绍了Hadoop、MapReduce、HDFS、Hive和Sqoop,还深入探讨了Hadoop的运维和调优
查看Photoshop卡通漫画设计完全实例教程59.58Mpdf全彩版Photoshop卡通漫画设计完全实例教程是一款pdf全彩版的电子书籍,详细的向读者介绍了完整的卡通设计流程与创作技法。全书共有56个匠心独具的流行风格卡漫实战案例,全面解析了8大类前沿卡漫设计领域,是目前网络上最好用的PS卡通设计教程,适合有一定绘画基
查看WOW!Illustrator CS6完全自学宝典91.9Mpdf全彩版WOW!Illustrator CS6完全自学宝典是一本Illustrator CS6矢量图软件的使用指导手册,由数码平方团队编著。本书内容丰富,内含187个实例、27个拓展知识、50个实用技巧,理论中结合了实践,只要你跟着书上的流程,边学、边练、边应用
查看hadoop大数据分析与挖掘实战38.23M张良均pdf扫描版hadoop大数据分析与挖掘实战是一本Hadoop大数据分析实战书籍,由张良均,樊哲,赵云龙和李成华四人共同编著。本书以大家熟知的Hadoop技术来展开,理论部分介绍了Hadoop生态系统基本原理及常用大数据挖掘建模工具。案例部分以解决某个应用的挖掘目标
查看深入理解hadoop 原书第2版50.83M扫描版深入理解hadoop 原书第2版是一本Hadoop系统使用掌握指导书籍,由世界级大数据专家萨米尔.瓦德卡和马杜.西德林埃共同编著。全书深入剖析了Hadoop系统实现原理及其工程实践应用,里面包含了大量真实案例和数据,从Hadoops各组件的运行机理,深入
查看