用 dreamweaver 的原因是，它除了有界面帮助我编辑 html 之外，还有 css 的规则定义界面，这个还算详细，对新手了解 css 有一定的帮助。
建议这样：自己一边了解 html 各种标签，一边看一些新手向的 web 教学视频。
一开始就创建一个项目，里面会包含较多的 html 标签和 css，对新手来说会觉得混乱，其实仔细慢慢看，还是可以看懂，前提是对 html 标签和 css 规则有一定的了解。
然后开始 css 和 html 手打的阶段，dreamweaver 对 html 有自动补完的功能，还算方便；css 也有提醒功能，这个很是方便。
但是当你习惯手打之后，你会发现这两个最后功能，dreamweaver 的开发速度已经跟不上你的速度了。于是这时候就是换编辑器的时候了~自己横向比较下各种编辑器吧~
1、Sublime Text
Sublime Text 是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML和散文先进的文本编辑器。
Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括:拼写检查，书签，完整的 Python API ，Goto 功能，即时项目切换，多选择，多窗口等等。
2、Dreamweaver
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。
3、Adobe Edge
Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。
4、WebStorm
WebStorm是一款Java 开发工具，目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的Java IDE"等。
WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。
5、HBuilder
HBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。
HBuilder不为敲字母而花费时间，不为大小写拼错而调错半天，把精力花在思考上，想清楚后落笔如飞。支撑这个理念，除了体验上的精细设计，还要求我们突破很多世界级技术难题，包括语法库、语法结构模型、AST语法分析引擎。
参考资料来源：百度百科——Sublime Text
参考资料来源：百度百科——Dreamweaver
参考资料来源：百度百科——Adobe Edge
参考资料来源：百度百科——WebStorm
参考资料来源：百度百科——HBuilder
