写给程序员的Web设计书【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

写给程序员的Web设计书PDF格式电子书版下载

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

第1章 引言1

1.1 说在前面的话1

1.2 网页设计实战2

1.2.1 明确要求2

1.2.2 Photoshop时间3

1.2.3 代码时间3

1.2.4 一切就绪3

1.2.5 现实不一定总是如此美好4

1.3 YourFoodbox.com4

1.4 准备好了吗4

1.5 致谢4

第一部分 设计基础第2章 网页（再）设计的基础——重新设计Foodbox8

2.1 目前的网站8

2.2 收集需求11

2.3 明确目的12

2.4 从哪里入手13

2.5 画出你的想法13

2.5.1 一些约定俗成的布局风格15

2.5.2 三张草图15

2.6 挑选草图17

2.7 小结17

第3章 配色18

3.1 色彩基础18

3.1.1 色调、饱和度和亮度18

3.1.2 加法混色和减法混色19

3.2 色彩环境感知20

3.3 用颜色唤起情感22

3.3.1 暖色22

3.3.2 冷色22

3.3.3 中性色23

3.3.4 颜色和用户24

3.4 配色方案24

3.4.1 单色方案25

3.4.2 相似色方案26

3.4.3 互补色方案27

3.4.4 分离互补色方案28

3.5 网络安全色29

3.6 创建配色方案30

3.6.1 用技术法选择颜色30

3.6.2 用自然选择法选择配色35

3.7 选择一个方案39

3.7.1 前景色和背景色40

3.7.2 链接40

3.8 小结41

第4章 字体和排版42

4.1 深入字体42

4.2 字体类别43

4.2.1 衬线字体43

4.2.2 无衬线字体44

4.2.3 等宽字体44

4.3 字体限制及应对方法45

4.3.1 网页安全字体45

4.3.2 图片替换46

4.3.3 用字体栈来定义备用字体46

4.3.4 选择备用字体47

4.4 挑选字体47

4.4.1 页面内容字体48

4.4.2 标题字体48

4.5 使用基线网格49

4.5.1 行距50

4.5.2 计量单位50

4.5.3 为Foodbox选择字体52

4.6 小结53

第二部分 图像设计第5章 为Foodbox设计Logo56

5.1 建立工作目录56

5.2 Foodbox的Logo57

5.3 当我们需要自己设计Logo的时候怎么办60

5.4 小结61

第6章 设计样式页：页面结构62

6.1 关于图层62

6.2 基本结构63

6.2.1 屏幕大小64

6.2.2 定宽布局65

6.2.3 设置网格65

6.2.4 用辅助线划定区域66

6.2.5 画出不同区域67

6.3 放置Logo67

6.4 用图层组组织图像68

6.5 给Logo加上倒影68

6.6 页脚69

6.7 小结70

第7章 设计样式页：内容相关71

7.1 制作搜索框71

7.2 餐谱导航标签云72

7.3 范围潜变73

7.4 做一个美味的摘要74

7.5 主要内容76

7.6 浏览器模仿77

7.7 小结78

第8章 样式页上的按钮79

8.1 制作搜索图标79

8.1.1 创建图标背景79

8.1.2 绘制放大镜81

8.1.3 放置搜索图标82

8.2 创建注册和登录按钮82

8.2.1 添加文字85

8.2.2 添加注册按钮85

8.3 文字内容来了86

8.3.1 替换掉原来的乱码86

8.3.2 添加“最新菜谱”区86

8.4 小结87

第三部分 建设网站第9章 用HTML做出主页90

9.1 网页标准化91

9.2 首页的结构91

9.3 语义化的标签93

9.4 主页的框架94

9.4.1 doctype94

9.4.2 html标签97

9.4.3 属性97

9.4.4 head和body标签98

9.4.5 没有闭合标签的标签98

9.4.6 页面标题99

9.4.7 body标签：重头戏100

9.5 页头102

9.6 侧边栏102

9.6.1 搜索表单103

9.6.2 菜谱标签云104

9.6.3 食材标签云106

9.7 主要内容108

9.7.1 意大利面图片108

9.7.2 注册和登录按钮109

9.7.3 最新菜谱区110

9.8 页脚110

9.9 验证标签114

9.9.1 为网页开发设置Firefox浏览器114

9.9.2 Web Developer工具栏115

9.9.3 验证文档116

9.10 HTML 5116

9.11 小结119

第10章 为样式页面添砖加瓦120

10.1 图像优化120

10.2 处理不同格式的图像121

10.2.1 GIF121

10.2.2 PNG122

10.2.3 JPEG123

10.3 文档切片124

10.4 创建切片125

10.5 将Banner导出成PNG文件127

10.5.1 隐藏图层127

10.5.2 保存切片127

10.6 导出其他图片128

10.7 小结129

第11章 使用CSS布局130

11.1 浏览器招人厌130

11.2 CSS基础131

11.2.1 选择符131

11.2.2 声明：属性和值132

11.2.3 关于“层叠”133

11.3 浏览器如何解析CSS136

11.3.1 嵌入式136

11.3.2 style标签137

11.3.3 外部CSS文件138

11.4 创建并链接新的CSS样式表138

11.5 定义基本结构、页头和页脚139

11.5.1 浏览器默认139

11.5.2 盒模型141

11.5.3 将内容居中141

11.5.4 定义页头和页脚142

11.6 将页面的单栏变成双栏142

11.6.1 文档流143

11.6.2 浮动143

11.6.3 背景颜色和浮动146

11.7 为内容加上外边距148

11.8 主区域148

11.8.1 主区域文字148

11.8.2 注册按钮区域149

11.8.3 最新菜谱150

11.9 回到页脚150

11.10 小结151

第12章 利用覆盖法替换各区域中的标题152

12.1 什么是覆盖法152

12.2 为覆盖做准备，调整HTML152

12.3 覆盖文字152

12.4 替换所有其他标题153

12.5 替换链接154

12.6 这种方法的缺陷156

12.7 小结156

第13章 添加样式157

13.1 设置字体和颜色157

13.1.1 风格手册的重要性158

13.1.2 伪类159

13.2 标签云160

13.3 搜索表单160

13.4 页脚161

13.5 清理零散的角落161

13.5.1 去掉图片的边框161

13.5.2 拉伸Banner里的颜色162

13.6 小结163

第14章 制作打印机友好的页面164

14.1 准备工作164

14.2 链接打印用样式表164

14.3 去掉不需要的元素165

14.4 设置外边距、宽度和字体165

14.4.1 页面外边距166

14.4.2 选择一个字体166

14.4.3 加上一个分隔符167

14.5 搞定链接167

14.6 还要应付不习惯专有打印样式的用户168

14.7 小结169

第四部分 准备上线第15章 让网页适应IE和其他浏览器172

15.1 确定要支持哪些浏览器172

15.1.1 支持浏览器172

15.1.2 只支持某些特性173

15.2 关于浏览器的一些数据173

15.3 Internet Explore：你无法逃避的恶魔174

15.4 IE7175

15.4.1 IE的诡异模式176

15.4.2 XML序言176

15.4.3 在doctype上方的注释176

15.5 IE6176

15.5.1 修复不正常的地方177

15.5.2 解决分栏的问题178

15.5.3 修正透明问题178

15.5.4 修复页头图片下面的空白179

15.6 IE8180

15.7 其他浏览器181

15.8 小结183

第16章 可访问性和可用性184

16.1 可访问性对你来说意味着什么184

16.2 关于可访问性的基础问题185

16.2.1 盲人185

16.2.2 色盲用户189

16.2.3 有视觉缺陷的人191

16.2.4 有听力缺陷的用户191

16.2.5 行动障碍和没有鼠标的用户192

16.3 包容一切192

16.3.1 导航193

16.3.2 处理出错信息194

16.3.3 跨浏览器测试194

16.4 重要的商业问题194

16.5 改进Foodbox网站的可访问性195

16.5.1 添加跳转链接195

16.5.2 屏幕阅读器和display:none196

16.5.3 用“负位置”隐藏跳转链接197

16.5.4 表单的标签197

16.6 使用制表键198

16.7 可访问性清单200

16.8 小结201

第17章 制作收藏夹图标202

17.1 创建简单的图标202

17.2 创建收藏夹图标202

17.3 小结203

第18章 搜索引擎优化204

18.1 内容为王204

18.1.1 “欺骗”搜索引擎204

18.1.2 到底什么是内容205

18.2 选择关键字206

18.2.1 猜想他们是如何找到你的206

18.22 决定你想如何被发现206

18.2.3 看看竞争对手206

18.2.4 添加关键字207

18.3 完善页面内容207

18.4 不要因为优化而忽略了用户208

18.5 你和链接208

18.6 到最后其实都是常识208

18.7 小结209

第19章 针对移动设备的设计210

19.1 移动用户210

19.2 关于（很）小屏幕211

19.3 JavaScript212

19.4 提供移动版212

19.4.1 移动版样式表212

19.4.2 用户代理探测212

19.4.3 使用子域名213

19.5 做决定——到底要支持什么平台213

19.5.1 在不产生重复内容的情况下制作一个镜像214

19.5.2 调整内容215

19.5.3 处理程序216

19.5.4 进一步改进218

19.6 为移动用户做重构218

19.7 小结219

第20章 测试与性能优化220

20.1 优化性能的策略220

20.2 确定影响性能的因素221

20.2.1 速度测试221

20.2.2 YSlow222

20.3 解决性能问题222

20.3.1 设置超时报头222

20.3.2 用ETag改进缓存223

20.3.3 用资源服务器分发请求225

20.3.4 文件压缩226

20.3.5 压缩脚本文件226

20.4 图片优化229

20.5 小结230

第21章 后续工作231

21.1 其他页面和模板231

21.2 高级模板234

21.3 网格系统和CSS框架235

21.3.1 YUI网格235

21.3.2 960网格系统236

21.3.3 框架不是万能的238

21.4 替换CSS239

21.5 不要忘记为有版权的照片付钱240

21.6 视觉效果241

21.6.1 缩放图片241

21.6.2 写代码241

21.6.3 把动画放到主页上243

21.7 多试多做245

第22章 推荐阅读246

22.1 色彩资源246

22.2 关于字体和排版的书246

22.3 技术书籍246

22.4 网站资源247

参考书目249