基本信息
- 原书名：Build Your Own Website The Right Way Using HTML & CSS
- 原出版社： SitePoint
编辑推荐
专业技术引导实践，详尽案例精彩纷呈。
本书是一本面向实践、知识层次逐步深入的网站构建指南，可带领读者学习构建在各种浏览器平台都能良好运行并易于更新的专业网站所需的各种知识。书中介绍了很多现代的、规范的方法，读者可以学习到以下内容：
更加专业地使用HTML；
用CSS设置文本的样式、控制页面的布局；
构建功能齐备的网站；
为网站创建并优化图表显示；
通过表单实现交互；
完成网站上线工作；
借助“博客”简化网站更新工作。
内容简介
书籍
计算机书籍
本书从基础的网页知识开始详细讲解创建网站的全过程，内容涉及网站开发工具的选择、网页基本元素的介绍、通过CSS改善网页外观的方法、图像的应用、通过表格组织数据、利用表单实现交互等。同时书中还介绍了如何将网站发布到Internet，如何添加博客、站内搜索、访问统计等实用功能，并为读者下一步的学习指出了方向。本书严格遵守Web规范，确保读者学会正确的网站构建方法，使所创建的网站能够在大多数浏览器中保持一致的效果。
本书适合网站设计初学者阅读，读者不需要熟知HTML、CSS或者Web开发技术，通过阅读本书就能够独立完成网站的设计任务。对于有一些网站设计经验的读者来说，也可以通过阅读本书发现自己的一些“不良习惯”，从而形成良好的设计风格，创建基于Web标准的新型网站。
计算机书籍
本书从基础的网页知识开始详细讲解创建网站的全过程，内容涉及网站开发工具的选择、网页基本元素的介绍、通过CSS改善网页外观的方法、图像的应用、通过表格组织数据、利用表单实现交互等。同时书中还介绍了如何将网站发布到Internet，如何添加博客、站内搜索、访问统计等实用功能，并为读者下一步的学习指出了方向。本书严格遵守Web规范，确保读者学会正确的网站构建方法，使所创建的网站能够在大多数浏览器中保持一致的效果。
本书适合网站设计初学者阅读，读者不需要熟知HTML、CSS或者Web开发技术，通过阅读本书就能够独立完成网站的设计任务。对于有一些网站设计经验的读者来说，也可以通过阅读本书发现自己的一些“不良习惯”，从而形成良好的设计风格，创建基于Web标准的新型网站。
作译者
lan Lloyd创建了Accessify.com网站，该网站致力于提高网站的可访问性，并为Web开发人员提供相关的工具。他是Web Standards Project（Web标准项目）的成员之一，供职于英国建筑协会，那也是一个提倡基于标准设计的地方。
目录
第1章 准备工具
1.1 使用工具
1.2 所需的基本工具
1.2.1 Windows中的基本工具
1.2.2 Mac OS X中的基本工具
1.3 超越基本工具
1.3.1 Windows中的工具
1.3.2 Mac OS X中的工具
1.4 图像编辑工具
1.4.1 Windows中的工具
1.4.2 Mac OS X中的工具
1.5 设置网站文件存放的位置
1.5.1 Windows平台
1.5.2 Mac OS X平台
1.6 获取帮助
1.7 小结
第2章 第一个网页
2.1 XHTML
2.1.1 剖析网页
2.1.2 查看源代码
1.1 使用工具
1.2 所需的基本工具
1.2.1 Windows中的基本工具
1.2.2 Mac OS X中的基本工具
1.3 超越基本工具
1.3.1 Windows中的工具
1.3.2 Mac OS X中的工具
1.4 图像编辑工具
1.4.1 Windows中的工具
1.4.2 Mac OS X中的工具
1.5 设置网站文件存放的位置
1.5.1 Windows平台
1.5.2 Mac OS X平台
1.6 获取帮助
1.7 小结
第2章 第一个网页
2.1 XHTML
2.1.1 剖析网页
2.1.2 查看源代码
前言
首先对你购买了本书表示祝贺。或许你还没买，或许只是在当地的书店里看到了这本书，并正对它是否适合自己犹豫不决。为什么要把这本书放入自己的购物车中呢?答案可以从书名中获得：它将帮你让所有的事情一开始都是按对的方式来处理，而不会学到一些不良习惯，一般来说，一种不良习惯形成后，要改正它要花很长的时间，因此本书有助于以最快的速度得到所需的结果。.
我们先暂时把本书的主题放在一边，来看看很多人在成长的过程中要学习的另一项技能：驾驶。可能这种特殊的经历对于你来说还是新的，但它却困扰着我。对于多数人来说，上第一节驾驶课时是颇感混乱的：先要决定踩哪个踏板，按照什么顺序，并且要设法避免撞到驾校停车场上的其他学生。而此时，其他更有经验的人却能正确地进入汽车，发动引擎，然后从A点开到B点，整个过程不需要经过特别的思考过程。如果按照这种方法学习，培训出来的司机可能会养成一些不良习惯，但如果他们跟着一位好的教练，在一套严格的规则和指导方针教导下，就可能会有一个正确的开始，以确保他们始终处于安全状态。
教练会告诉你要勤于观察后视镜，遵守限速法规，避免抄近路(从字面上看带有些隐喻的味道)。设想一下，如果教练告诉你，在路上没有障碍物的情况下，不要理会限速标志，尽管踩着油门；或者告诉你，在晚上驾车，单行道标志无关紧要；我会对经过这样训练的你还能通过驾驶考试感到惊讶，并且这些陋习会一直伴随着你(只要你能设法保住你的驾照)。
学习构建网站的方法有点类似。
到现在为止，我从事设计和构建网站工作大约8年了，但我还能清楚地记得成功构建第一个网站时的喜悦。不可否认，后来看到它时真觉得是一个十分丑陋的网站，但在当时它实现了预期的目的，我可以发布一些信息，也可以用最基本的工具构建它。它给我带来了很大的成就感，激发我想了解更多并创建更完美的网站的动力。
在当时，我真正想要的构建网站方面的专门的参考书不多，我记下了每一个能找到的技术知识，从书中学到一些小窍门，也从网站上获得了一些有关的想法。后来发现这些就是一切错误的根源。我后来所学习的书籍中也没有提供什么好建议，那些访问过的网站也是从同样的地方学来的，也使用了相似的不良技术，那么，究竟错误来自哪里?
在Web应用的早期，当人们开始适当地运用技术，发布了主页，并实现了企业在线协作环境后，很快就清楚地认识到该方法的局限性很大。不过，需求是发明之母。人们开始耐心地使用自己的网页窍门，展示从未有意使用的技术，浏览器也通过添加新功能来为这种行为提供更多的机会。
关于网页设计与编程的书籍有很多，在网络上也能阅读到很多免费的技术指南。它们中的绝大多数都是在那些令人兴奋的日子里编写的，在当时的情形下似乎是最佳的超前做法，不过作者也都受限于某种浏览器，常常用许多不同的方法来重复创建相同的精心设计的网页。这就说明，这些作者要采取滥用浏览器各种功能的方法，如用数据表格来实现网页布局。有很多人使用这种方法创建了自己的第一个网页，但它却导致一开始就将坏习惯根深蒂固地埋藏在大脑里，以至于很多人至今仍然无法抛弃这些陋习。
全世界的网站开发者都有过陋习(包括我自己)，但现在必须完全忘掉它们。这些习惯都不再需要了，它们通常会产生一成不变的页面，下载缓慢，难于维护，就像执意藐视交通规则的驾驶教练，因为一直以来一切都以自己为中心，许多开发者会发现这些过去养成的习惯很难改掉。
很多年前我看到了希望，并随后教导尽可能多的人。但对于热心的初学者，这些旧书籍仍然在兜售同样不良的旧观念。这必须要停止，现在就要停止了。
你不会从本书中学到任何陋习，一个也不会。
在本书中，你将学到做事的正确方法。本书不会教授任何错误的操作方法，以及任何一种以节省时间为目的的“抄近路”思想的坏技巧。甚至不会出现“顺便，你可以试试这个……”，你不需要将视线转到这些技巧上，所有的问题我们都会顾及到。
什么是浏览器
如果使用的是Microsoft Windows操作系统，浏览器就是那个你已熟悉的“桌面上的蓝色小e”(如图1所示)，它通常称为Internet Explorer。大多数的人浏览网页时都不会放弃这个程序，很多时候，Internet Explorer就代表因特网。
Internet Explorer(以下简称IE)是最常用的浏览器，很大程度上是因为Microsoft公司早在Windows95中就把它作为Windows操作系统的一部分了(这在后面一直困扰着Microsoft公司，成为了大规模反托拉斯审判裁定的催化剂，即该公司通过将IE捆绑在操作系统中以达到排斥其他所有竞争对手的目的)。
不过，也可以用其他浏览器来替代IE。目前日益流行的小巧、快速的程序Firefox(http://www.mozilla.com/firefox/)(火狐)有着许多IE所不具备的诱人功能(在本书写作时)，对某些网页的处理功能也比IE强。它可用于Windows、Mac OS X和Linux操作系统，然而最新版本的IE只能用于Windows中。本书中给出的屏幕截图都是基于Windows XP中安装的Firefox，除非另有说明。我们推荐下载一个Firefox，以便完成本书中的练习。
此外，如果想尝试其他对Web标准运行很好的浏览器，可以访问BrowseHappy(http://browsehappy.com/)网站，在那里能够获取更多的建议。
如果对别的浏览器都不感兴趣，可以使用IE，事实上大多数网民仍在用它。实际上本书列出的所有东西在所有浏览器最近的版本上效果大都相同。
读者对象
下面说的人像你吗?
我们先暂时把本书的主题放在一边，来看看很多人在成长的过程中要学习的另一项技能：驾驶。可能这种特殊的经历对于你来说还是新的，但它却困扰着我。对于多数人来说，上第一节驾驶课时是颇感混乱的：先要决定踩哪个踏板，按照什么顺序，并且要设法避免撞到驾校停车场上的其他学生。而此时，其他更有经验的人却能正确地进入汽车，发动引擎，然后从A点开到B点，整个过程不需要经过特别的思考过程。如果按照这种方法学习，培训出来的司机可能会养成一些不良习惯，但如果他们跟着一位好的教练，在一套严格的规则和指导方针教导下，就可能会有一个正确的开始，以确保他们始终处于安全状态。
教练会告诉你要勤于观察后视镜，遵守限速法规，避免抄近路(从字面上看带有些隐喻的味道)。设想一下，如果教练告诉你，在路上没有障碍物的情况下，不要理会限速标志，尽管踩着油门；或者告诉你，在晚上驾车，单行道标志无关紧要；我会对经过这样训练的你还能通过驾驶考试感到惊讶，并且这些陋习会一直伴随着你(只要你能设法保住你的驾照)。
学习构建网站的方法有点类似。
到现在为止，我从事设计和构建网站工作大约8年了，但我还能清楚地记得成功构建第一个网站时的喜悦。不可否认，后来看到它时真觉得是一个十分丑陋的网站，但在当时它实现了预期的目的，我可以发布一些信息，也可以用最基本的工具构建它。它给我带来了很大的成就感，激发我想了解更多并创建更完美的网站的动力。
在当时，我真正想要的构建网站方面的专门的参考书不多，我记下了每一个能找到的技术知识，从书中学到一些小窍门，也从网站上获得了一些有关的想法。后来发现这些就是一切错误的根源。我后来所学习的书籍中也没有提供什么好建议，那些访问过的网站也是从同样的地方学来的，也使用了相似的不良技术，那么，究竟错误来自哪里?
在Web应用的早期，当人们开始适当地运用技术，发布了主页，并实现了企业在线协作环境后，很快就清楚地认识到该方法的局限性很大。不过，需求是发明之母。人们开始耐心地使用自己的网页窍门，展示从未有意使用的技术，浏览器也通过添加新功能来为这种行为提供更多的机会。
关于网页设计与编程的书籍有很多，在网络上也能阅读到很多免费的技术指南。它们中的绝大多数都是在那些令人兴奋的日子里编写的，在当时的情形下似乎是最佳的超前做法，不过作者也都受限于某种浏览器，常常用许多不同的方法来重复创建相同的精心设计的网页。这就说明，这些作者要采取滥用浏览器各种功能的方法，如用数据表格来实现网页布局。有很多人使用这种方法创建了自己的第一个网页，但它却导致一开始就将坏习惯根深蒂固地埋藏在大脑里，以至于很多人至今仍然无法抛弃这些陋习。
全世界的网站开发者都有过陋习(包括我自己)，但现在必须完全忘掉它们。这些习惯都不再需要了，它们通常会产生一成不变的页面，下载缓慢，难于维护，就像执意藐视交通规则的驾驶教练，因为一直以来一切都以自己为中心，许多开发者会发现这些过去养成的习惯很难改掉。
很多年前我看到了希望，并随后教导尽可能多的人。但对于热心的初学者，这些旧书籍仍然在兜售同样不良的旧观念。这必须要停止，现在就要停止了。
你不会从本书中学到任何陋习，一个也不会。
在本书中，你将学到做事的正确方法。本书不会教授任何错误的操作方法，以及任何一种以节省时间为目的的“抄近路”思想的坏技巧。甚至不会出现“顺便，你可以试试这个……”，你不需要将视线转到这些技巧上，所有的问题我们都会顾及到。
什么是浏览器
如果使用的是Microsoft Windows操作系统，浏览器就是那个你已熟悉的“桌面上的蓝色小e”(如图1所示)，它通常称为Internet Explorer。大多数的人浏览网页时都不会放弃这个程序，很多时候，Internet Explorer就代表因特网。
Internet Explorer(以下简称IE)是最常用的浏览器，很大程度上是因为Microsoft公司早在Windows95中就把它作为Windows操作系统的一部分了(这在后面一直困扰着Microsoft公司，成为了大规模反托拉斯审判裁定的催化剂，即该公司通过将IE捆绑在操作系统中以达到排斥其他所有竞争对手的目的)。
不过，也可以用其他浏览器来替代IE。目前日益流行的小巧、快速的程序Firefox(http://www.mozilla.com/firefox/)(火狐)有着许多IE所不具备的诱人功能(在本书写作时)，对某些网页的处理功能也比IE强。它可用于Windows、Mac OS X和Linux操作系统，然而最新版本的IE只能用于Windows中。本书中给出的屏幕截图都是基于Windows XP中安装的Firefox，除非另有说明。我们推荐下载一个Firefox，以便完成本书中的练习。
此外，如果想尝试其他对Web标准运行很好的浏览器，可以访问BrowseHappy(http://browsehappy.com/)网站，在那里能够获取更多的建议。
如果对别的浏览器都不感兴趣，可以使用IE，事实上大多数网民仍在用它。实际上本书列出的所有东西在所有浏览器最近的版本上效果大都相同。
读者对象
下面说的人像你吗?
书摘
第1章 准备工具
在开始构建网站之前，首先要花点时间在计算机上安装一些软件，做一些准备工作。本章的主要内容是介绍所需的工具并进行安装，做好开始的准备。
1.1 使用工具
当在书店中从上千本计算机书中挑选要买的书时，可能不用考虑花钱购买构建一个网站所需的大量不同的软件。然而事实上大多数需要的工具可能已经安装在自己的计算机中了，只是藏在角落里，不会想到要找它们。如果还没有工作中要用到的工具，那么肯定可以找到能够完成所需功能的一个或多个免费软件。
假设你已经能够访问Internet，否则要网站也没有太多用处。虽然不是必需的，但如果有宽带Internet连接，那么将更好。如果没有宽带连接的话也没关系，它对本书所涉及的所有任务都没有影响。当然，下载本书建议的那些工具可能需要花很长的时间，这点你可能已经知道了。
在此，我会对你构建一个网站的动机感兴趣。你有一个项目计划吗？这个网站的目标是什么？
虽然你可能有一些目标，对想花多少时间来构建网站也有一些想法，不过这里在某种程度上忽略了对项目计划本质的讨论。但这并不是说项目计划就不是必需考虑的重要方面，只是我们假设，当你拿起的是一本名为Build Your Own Web Site The Right Way的书时，你关心或许只是想了解如何正确地构建。
……
在开始构建网站之前，首先要花点时间在计算机上安装一些软件，做一些准备工作。本章的主要内容是介绍所需的工具并进行安装，做好开始的准备。
1.1 使用工具
当在书店中从上千本计算机书中挑选要买的书时，可能不用考虑花钱购买构建一个网站所需的大量不同的软件。然而事实上大多数需要的工具可能已经安装在自己的计算机中了，只是藏在角落里，不会想到要找它们。如果还没有工作中要用到的工具，那么肯定可以找到能够完成所需功能的一个或多个免费软件。
假设你已经能够访问Internet，否则要网站也没有太多用处。虽然不是必需的，但如果有宽带Internet连接，那么将更好。如果没有宽带连接的话也没关系，它对本书所涉及的所有任务都没有影响。当然，下载本书建议的那些工具可能需要花很长的时间，这点你可能已经知道了。
在此，我会对你构建一个网站的动机感兴趣。你有一个项目计划吗？这个网站的目标是什么？
虽然你可能有一些目标，对想花多少时间来构建网站也有一些想法，不过这里在某种程度上忽略了对项目计划本质的讨论。但这并不是说项目计划就不是必需考虑的重要方面，只是我们假设，当你拿起的是一本名为Build Your Own Web Site The Right Way的书时，你关心或许只是想了解如何正确地构建。
……
