开发前的准备工作
Size：
在我们动手开发HTML5之前，要先做一些准备工作，
其中包括制定开发目标和准备开发环境等。
作为本书开篇的第一个HTML5案例，
它的开发目标也自然成为了我们的首个学习目标。
1.1.1 制定首个学习目标
Size:
首先看看这封致读者的学习邀请函。它是一个经精心设计的HTML5页面，
在浏览器中将其打开后，可以发现页面中一共包含四项元素，
分别是大写的英文标题“Let's Learn HTML5”，
标题和按钮之间的详细说明文字，“邀您参加”的圆角按钮，
以及整个页面的背景图像，如图1.1所示。
图1.1略
邀请函页面有一项小小的交互功能。当浏览者单击“邀您参加”按钮后，
按钮将变为绿色背景，显示的文字也将变为“报名成功”，如图1.2所示。
图1.2略
这一页面看上去虽然简单，但对于初学者而言，则需要考虑一些最基本的问题，
包括：页面是用什么工具做的？需要了解并使用带哪些HTML5代码？
如何测试页面效果？等等。当然，除去这几点外，对于初学者最基本的一个问题则是：
一个HTML5页面的完整实现步骤是怎样的？
获得以上问题的答案就是本书给读者设置的首个学习目标。
在随后的章节中，我们将对这些问题逐一解答。
·经验·
要将这一HTML5页面制作得较为精良，还需考虑美术设计和代码实现层面的问题，例如：
·为了注重整封邀请函的美感，这里采用了一种流行的背景设计技法。
大幅面的蓝天和霞光的背景有助于最大程度吸引浏览者的注意力，
迅速产生沉浸式的体验，同时能够使得中心区域的文字内容被强烈凸显出来。
那么，设计者该如何来实现这一效果呢，实现过程中有哪些注意事项？
·整个页面的内容部分及标题、说明文字和一个按钮，它们位于页面的中央，
视角最焦点的区域。设计者需要如何对三个元素作排版上的细微设置，
使得关键的文字布局能够显得错落有致，元素之间的间距也具有呼吸感？
1.1.2 准备开发环境
Size:
对于初学者而言，最佳的HTML5开发工具：Adobe公司的Dreamweaver软件。
Dreamweaver的优点在于简便、直观、功能丰富，能够有效降低学习负荷。
略...
当初学者经过一段时间的开发，对CSS、HTML标签等较为熟悉之后，则可能会更偏向选择手写代码，可以选择 Notepad++ 这样的纯代码开发工具，Notepad++最大的优点在于它是完全免费的，软件体积小，响应速度快。
Notepad++官网下载地址：https://notepad-plus.org
Size:
除Notepad++外，Sublime Text也是广受好评的一款纯代码编辑器。在Sublime Text中有一些强大、实用的插件，如：Emmet、JsFormat、CSScomb等，功能非常丰富，有助于提高开发效率。（界面简洁）
除以上介绍的三种开发工具外，HTML5的开发工具还有很多，本人多使用Sublime 跟 HBiu 。
·经验·
根据百度流量研究院（http://tongji.baidu.com)提供的数据，2015年上半年的浏览器市场份额中，Chrome占比33.39%，排名第1。
排名第2至第4的分别是：IE8（24.85%）、IE9、IE6，可见旧版本IE的影响力仍然很强大。
在开发一些重要的、涉及面广的宣传、服务类站点时，开发者仍需要考虑旧版本IE的显示效果。
总结：下载一个开发工具方便自己使用与编写代码。
