1、建立相应文件夹，打开VS软件，新建空白html5模板。
2、开始写爱心的代码（html5+css）。
3、制作图形需要用到四个基础图形（也就是四个块），一个大的正方形（为主块），在大的正方形里面建立三个小正方形（前两个正方形需要将其修改为圆形）。
4、写让爱心动起来的JavaScript代码。
5、在浏览器上执行代码，就可以得到一颗会跳动的爱心。
html5 是一种标准啊，全部都是文本代码，可以用任何的可以写文本的软件去开发啊。你用vs2010，写字板，文本，DR都可以去开发，保存的文件只要是.html或者是.htm .asp. php 都是可以的呀。没有什么固定软件去开发的。 你要是想学习html5的话就就像楼上说的 ，去W3School，最权威的网站。本回答由 睿典(www.ruidian88.com)回答。在Visual Studio 2012里的New Project下搜索关键字html5:会出现：Html5Client 和Html5 MVC4 Razor Responsive Web Template 这两个工程模版。这两个工程模版非常棒，可以帮你快速生成Html5 的 Website.
Html5Client 工程模版
Html5Client 工程创建好以后，可以看到工程没有引用 .Net的dll，只有必要的页面，JavaScript，和图片，都是前端浏览器需要的东西：
Scripts 包含了一些常用库，如jQuery, bootstrap, knockout, modernizr, … 类似bootstrap，示例的几个页面也把常用的页面元素给列出来了：
在这个工程基础上，您可以开始裁剪，开始您自己的Html5Client工程了。
Html5 MVC4 Razor Responsive Web Template
Html5 MVC4 Razor Responsive Web Template 工程模版不同于Html5Client模版，这个模版加入了.Net的后端示例代码，可以快速搭起一个Asp.Net MVC4的响应式Website，其实这个模版是在原有的 MVC4 Razor工程模版基础之上，加入了Html5的响应式设计。
这个模版内置了jQuery mobile 库，同时为页面设计了Phone的View 和 Tablet 的View.
当开发Html5 Website时，使用Visual Studio 的这两个工程模版，搭建项目开始开发工作，应该会为您节约些时间，提高效率吧。
