2.1 开发工具

HTML的开发工具有很多，在w3cshcool上推荐使用的是 Notepad 或 TextEdit 来编写 HTML，但我们前端开发人员在平时当中运用较多的工具有：Hbuilder、 Dreamweaver、SublimeText。

1、Notepad++

Notepad++ 程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。

2、Hbuilder

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

3、Dreamweaver CS6

Dreamweaver CS6 是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。

4、SublimeText

SublimeText很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。

这里我推荐两款编辑工具，一个是Dreamweaver。一个是Hbuilder。很多学校教程一般都从Dreamweaver开始学的，Dreamweaver可视化的操作界面适合新手，但是这种通过窗口操作的方式不利于我们学习编辑代码，后期可能就是你脱离了Dreamweaver你就不知道怎么用了，Dreamweaver是一个很好的编程工具，推荐使用“代码”。Hbuilder属于轻量级的编辑工具，安装包小，占用电脑内存小，页面响应速度快，是现在很多前端人员的首选。