应用程序接口允许把Google Maps和Flickrdesktop这样的复杂应用程序正确地用于自己的Web站点。并且，像Flickr和YouTube这样的托管服务，可以自由地存储和访问自己的媒体（不管是图像、视频或是其他格式），而不必担心带宽问题和文件命名的麻烦。只需要知道如何成功地把这些功能绑定到一起。本书介绍了如何做到这些。它从最基础的部分开始介绍，展示了有什么可以使用、需要什么以及如何建立一个高效的开发环境。在打下坚实的基础之后，本书介绍了如何构建站点的各个方面，包括存储、访问、显示内容、向站点添加视频和图像、构建有效的站点导航并使用CSS仔细地布局，推广内容以便吸引站点的访问者以及添加特殊效果来增强可用性和设计美感；所有这些都是使用Web上现成的功能来实现的。Web开发者的生活从未如此之简单！
无
献辞
给我亲爱的、长期受苦，并且无限耐心的女朋友Sarah-Jane。谢谢你！
—Mark Norman Francis
给我的哥哥，感谢他打理所有家庭事务，以使我有时间专心写作；还感谢他告诉我人们可以为自己所被赐予的东西感到高兴的道理。给我的父母，感谢他们从不阻止我学习更多知识和做从没做过的事情，尽管我身边没有这样的环境和技术。你们告诉我如何通过同时向某人给予爱和挑战，从而帮助他变得独立。
—Chris Heilmann
作者介绍
Christian Heilmann是一位德国Web开发者，在周游世界并为不同的Web代理和网站工作后，他在伦敦安顿了下来。拥有和残疾人打交道的社会工作背景和广播新闻记者的背景，他把Web看作是允许接触任何人的一种完美的媒体，并且对于如何传递信息有着实用的观点。他目前的工作是Yahoo!的主力开发者和培训师、网络杂志作家以及http://wait-till-i.com博客的主人。
Mark Norman Francis是土生土长的伦敦人。他花了很多年的时间为城市大学（City University）做各种IT工作，包括支持桌面和系统管理方面的工作。在对于悠闲的环境和长时间的假期感到厌烦之后，他进入现实社会。2000年，他加入了Purple Interactive，这是一家商业Web公司，拥有Barclays、IBM和Honda这样的用户。在这里创建的一个站点是一个非官方的F1站点，随后被Formula One Management收购。在离开了赛车体育的世界之后，他于2004年6月加入了Yahoo!。他的博客是http://cackhanded.net/。
技术审校者
Ian Lloyd运营着Accessify.com，这是一个致力于提升Web易访问性的站点，并且为Web开发者提供工具。Ian为位于英国Swindon的Nationwide Building Society全职工作，在那里，他竭尽全力地影响基于标准的设计。他是Web Standards Project的成员，为Accessibility Task Force撰稿，并且也是《Build Your Own Web Site the Right Way with HTML and CSS》（由SitePoint出版）的作者（在这本书中，他教授初学者进行基于Web标准的设计）。他还是Apress、friends of ED和SitePoint出版的多本其他图书的技术编辑。工作之余，他购买了一辆不错的经典VW vans车（这款车又叫做“嬉皮士巴士”），并且他也期望有一天，他的宠物小狗能够安静超过5分钟。
排版约定
为了保持本书尽可能地清楚和容易学习，如下正文约定在全书中使用。
有时候，代码在本书的单独一行中放不下。遇到这种情况，我们使用这样的一个箭头：
This is a very, very long section of code that should be written all on the same line without a break.
应用程序接口允许把Google Maps和Flickrdesktop这样的复杂应用程序正确地用于自己的Web站点。并且，像Flickr和YouTube这样的托管服务，可以自由地存储和访问自己的媒体（不管是图像、视频或是其他格式），而不必担心带宽问题和文件命名的麻烦。只需要知道如何成功地把这些功能绑定到一起。本书介绍了如何做到这些。它从最基础的部分开始介绍，展示了有什么可以使用、需要什么以及如何建立一个高效的开发环境。在打下坚实的基础之后，本书介绍了如何构建站点的各个方面，包括存储、访问、显示内容、向站点添加视频和图像、构建有效的站点导航并使用CSS仔细地布局，推广内容以便吸引站点的访问者以及添加特殊效果来增强可用性和设计美感；所有这些都是使用Web上现成的功能来实现的。Web开发者的生活从未如此之简单！
Christian Heilmann ;Mark Norman Francis：Christian Heilmann: 从1997年开始作为Web开发者为慕尼黑的几个不同公司工作。在2000年，他移居到美国，开始为Etoys工作。在.com泡沫破灭后，他到了英国，作为Agilisys的一位主力开发者一直工作到现在。他有一个几乎每天更新的博客http://wait-till-i.com，并且为http://icant.co.uk的一个文库撰稿。他是Web Standards Project's DOM Scripting Task Force的成员。
Mark Norman Francis: 多年来为城市大学（City University）做各种IT工作，包括支持桌面和系统管理方面的工作。2000年，他加入了Purple Interactive，这是一家商业Web公司，拥有Barclays、IBM和Honda等用户。在这里创建的一个站点是一个非官方的F1站点，他于2004年6月加入了Yahoo!。他的博客是http://cackhanded.net/。
李 丽 刘红伟：暂无简介
在Web 2.0的大潮下，当前的Web应用或服务发生了翻天覆地的变化。网络日志（Blog）、播客、搜索引擎、地图服务等各式各样新颖而实用的应用和服务涌现出来，flicker、Google Map、YouTube、FaceBook等一时间成为人们的新宠，甚至牵引着大量的资本在整个互联网行业涌动。与此同时，Web站点设计的方式也日新月异。当前的Web站点设计，早已经不再需要一切“自力更生”、自己动手，有如此之多的服务、工具、接口可供你“拿来主义”，而且其中绝大部分都是免费的午餐。
本书并不介绍Web站点设计基本技术或技巧，而是介绍如何利用已有的Web资源、Web应用服务和开发工具，来打造你自己的商业或个人站点。因此，也可以说，这是一本特殊的Web站点设计图书，它给出了进行Web开发的整体性解决方案；你甚至可以把本书当作是介绍当今Web站点和应用开发的“窍门”或“捷径”的图书。
然而，本书又是一本全面的解决方案手册。它介绍了如何构建站点的各个方面，包括存储、访问、显示内容、向站点添加视频和图像、构建有效的站点导航并使用CSS仔细地布局，推广内容以便吸引站点的访问者以及添加特殊效果来增强可用性和设计美感。而所有的这些都是使用Web上现成的功能来实现的，读者几乎不需要自己动手开发任何基本应用和功能，而是重点学习如何把这些功能组合和应用到自己的Web站点。
驾驭集体智慧进行Web开发的时代已经来临了！有了本书，你的Web开发经历从未如此之简单！
很高兴能够有机会翻译这样一本好书。参加本书翻译工作的有李丽、刘红伟、景龙、谯谊、景文正、孙海军、李振胜和李秋强。读者在阅读过程中，如果有什么疑问，欢迎通过liuhongwei198004@sina.com和译者联络。
译者序
前言
第1章 通过Web走向成功之路 1
1.1 Web无处不在 1
1.2 为什么建立自己的网站 2
1.3 通过Web来赚钱 2
1.3.1 Steve Pavlina—个人生产力领袖 3
1.3.2 Daring Fireball 4
1.4 自我推销 5
1.4.1 个人简历和公文包 5
1.4.2 存档业余爱好 5
1.4.3 记忆“剪贴簿” 5
1.5 小结 6
第2章 “自己动手”解决方案的
两难境地 7
2.1 以极少的预算出尽风头 7
2.1.1 主页服务 8
2.1.2 托管博客服务 9
2.1.3 “知识渊博的伙伴”解决方案 11
2.1.4 WYSIWYG——所见即所得的
解决方案 12
2.2 Web开发基础 14
2.3 Web访问者 39
2.4 小结 40
第3章 入门必备 41
3.1 正确的思想趋势 41
3.1.1 不要关注的事情 42
3.1.2 要关注的事情 43
3.2 本地开发环境 46
3.2.1 在Windows上安装一个本地
服务器 47
3.2.2 在Mac上安装一个本地服务器 51
3.2.3 安装WordPress 56
3.3 小结 63
第4章 Web提供什么 64
4.1 RSS反馈/REST API 64
4.1.1 RSS反馈 64
4.1.2 REST API 68
4.2 CSS模板 68
4.2.1 CSS 页面布局 69
4.2.2 WordPress 主题 71
4.3 JavaScript 库 72
4.4 “Web 2.0”托管服务 76
4.5 社会性网站 77
4.6 小结 79
第5章 用REST和Ajax获取和显示内容 81
5.1 什么是REST 81
5.2 什么是Ajax 83
5.2.1 关于Ajax的一点理论 85
5.2.2 Ajax不是什么 86
5.3 如何使用Ajax来帮助访问者 87
5.4 Ajax的问题 90
5.4.1 JavaScript的依赖性 90
5.4.2 慢而不可靠的连接 91
5.4.3 让访问者意识到发生了什么 91
5.4.4 安全性限制 92
5.4.5 改变浏览行为模式 92
5.4.6 辅助技术 93
5.5 一些简单的Ajax实例 93
5.5.1 通过Ajax显示歌词 93
5.5.2 使用服务器端代理脚本 98
5.5.3 使用JSON访问del.icio.us链接 102
5.6 小结 106
第6章 添加媒体文件 108
6.1 使用Flickr的照片 108
6.1.1 把Flickr图像插入到帖子 109
6.1.2 显示最新的Flickr图像 112
6.1.3 Flickr提供的影集 114
6.2 使用YouTube插入视频 116
6.3 使用Odeo添加音乐或语音播客 117
6.4 使用Google Maps添加地图 119
6.4.1 首先获取Google开发者键 121
6.4.2 偷懒的选择：让别人为你工作的
技巧 121
6.4.3 DIY选项：使用Google API 124
6.5 小结 134
第7章 宣传内容 135
7.1 站点的基本SEO 135
7.2 博客搜索引擎和聚合器 137
7.2.1 自动告诉博客搜索引擎相关更新 137
7.2.2 标签——另一种让人发现的方式 139
7.3 改进页面搜索 140
7.4 和注意服务交叉链接 142
7.4.1 显示注意 143
7.4.2 鼓励其他人把你的帖子加入书签 146
7.4.3 替代del.icio.us 147
7.5 使用Upcoming.org宣传活动 147
7.6 小结 149
第8章 布局和导航 150
8.1 导航和技术无关 150
8.2 访问者如何找到你的站点 150
8.3 一个好站点菜单的最低要求 151
8.4 可以做些什么来帮助访问者找到
站点上的内容 152
8.4.1 回退机制1：站点地图 152
8.4.2 回退机制2：FAQ页面 153
8.4.3 站点内部链接 153
8.4.4 分页 156
8.4.5 页内导航 157
8.5 为不同需要使用不同菜单格式 161
8.5.1 分层和树状菜单 161
8.5.2 下拉菜单、按拉菜单和弹出
式菜单 162
8.5.3 标签页 163
8.6 Web站点的组织性增长以及如何
为其准备 166
8.7 链接和菜单易访问性 168
8.8 为不同需要使用不同布局 169
8.9 灵活性的需求 170
8.9.1 “折叠线以上和折叠线以下”的
假象 172
8.9.2 “固定字体”的假象 173
8.9.3 “屏幕分辨率”的假象 173
8.10 小结 173
第9章 添加特殊效果 175
9.1 为什么需要JavaScript 175
9.2 JavaScript可以做什么 176
9.3 为什么需要JavaScript库 180
9.4 JavaScript库的危险 181
9.5 挑战诱惑 182
9.6 两个任务 184
9.6.1 创建一个层级导航 184
9.6.2 对页面元素实现动画 185
9.7 理解和使用jQuery 186
9.7.1 使用jQuery的层级导航 187
9.7.2 用jQuery实现动画 188
9.8 理解和使用MooTools 189
9.8.1 使用MooTools的层级导航 190
9.8.2 用MooTools实现动画 192
9.9 理解和使用YUI 193
9.9.1 使用YUI的层级导航 195
9.9.2 使用YUI实现动画 196
9.10 小结 199
第10章 出错了怎么办，到哪里寻求
帮助 200
10.1 毫不利己，专门利人 200
10.1.1 危险来自利己主义 200
10.1.2 友好的建议，免费地给予 201
10.2 寻求帮助之前要做的事情 202
10.2.1 为解决方案搜索Web 202
10.2.2 验证代码 203
10.2.3 让问题可再生 210
10.3 不同的帮助渠道及其最佳实践 213
10.3.1 邮件列表 213
10.3.2 论坛 216
10.3.3 聊天系统 217
10.4 小结 219
