响应式Web图形设计 彩印2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

响应式Web图形设计 彩印PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 了解HTML1

1.1为什么要学习HTML？2

1.1.1 HTML使得因特网更受欢迎2

1.1.2学习HTML，更好地理解网页设计2

1.1.3学习HTML很容易2

1.2HTML编程基础4

1.2.1文本编辑器4

1.2.2文字处理软件不是文本编辑器4

1.2.3用HTML编写代码5

1.3构建网页6

1.3.1指定DOCTYPE6

1.3.2保存和查看页面9

1.4布置页面内容10

1.4.1HTML标题10

1.4.2HTML文本标签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链接到CSS21

2.3.2内联样式22

2.4块和行内格式化23

2.4.1HTML的通用元素24

2.4.2伪类和伪元素25

2.5专门为IE写CSS27

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使用Illustrator110

7.1.1为网页设置工作区110

7.1.2设置文档尺寸111

7.1.3导出光栅图像114

7.1.4使用Illustrator导出矢量图像116

7.2使用Photoshop117

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位PNG128

8.2.2 24位PNG129

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使用Fireworks168

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 baseline220

14.1.2 text-bottom220

14.1.3 text-top221

14.1.4 top和bottom221

14.1.5 middle222

14.2在浏览器窗口中居中图像222

14.2.1使用CSS设置背景222

14.2.2仅用CSS223

14.2.3幸亏有jQuery，我们不用把数字写死了224

14.3在浏览器中伸展图像225

14.4总结226