编写代码的软件有不少WebStormSublimeHBuilderXEditplus和Dreamweaver等每个软件各有优缺点我自己主要用Dreamweaver这个软件，用习惯了有时用一下 HBuilderX。

fireworks是一款网页作图软件，软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具Fireworks 不仅具备编辑矢量图形与位图图像的灵活性， 还提供了一个预先构建资源的公用库， 并可与 Adobe PhotoshopAdobe IllustratorAdobe Dreamweaver和 Adobe Flash软件。

3图形设计软件图形设计软件用于创建网站的视觉设计和图形元素它们包括图片编辑工具矢量图形软件和页面布局工具常用的图形设计软件有AdobePhotoshopAdobeIllustrator和Sketch等4前端开发工具前端开发工具用于编写和调试网站的前端代码，包括HTMLCSS和JavaScript等这些工具提供了代码编辑器调试器。

但FRONTPAGE生成的代码不够简化，体积比较大，运行比较慢DreamweaverMX就好多了，但真正的高手直接用记事本写，那才牛呢现在一般都用模板修改而来，用以上两个软件直接修改比较方便网页最初只用HTML编写看起来比较古板，现在由于插入了很多JAVA控件使我们的网站越来越多彩，但网页的框架还是用HTML编写的。

2IntelliJ idea idea是学校老师教得最多的一款软件，从学Java开始，除了eclipse和myeclipse之外，学校老师用的最广泛的Java编译器就是idea，而idea也能进行前端项目的开发，idea是我用得最熟的一个编译软件像一个完整的前端网站，配置好jdk，tomcat，maven，数据库之后就可以在idea上进行搭建了3。

1Initializr Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板2HTML5 visual cheat sheet HTML5 visual cheat sheet是一个非常酷的速查手册，每个Web开发人员的必备神器，可以帮助大家快速超找一。

Firework在图像处理变换图像制作gif动画导航栏这些方面都能让使用者轻松掌握只需要通过它的切片功能，就可以把布局好的网页直接输出成为网页Firework和Dreamweaver是同一个公司开发的，两者之间能够相互配合，具有非常高的兼容性，所以两者共同使用会更加方便二关于网页布局软件 Dreamweaver是最普遍。

开发者还可以在chrome浏览器中实时预览HTML文档 网站开发工具有哪些 你写网页是用什么软件呢？Dreamweaver？FrontPage？UltraEdit还是记事本？其实除了这类编写HTML和程序码的软件以外，还有很多小巧而且免费的软件，可以帮助你在写网页时更方便写的更好哦！尤其时在写CSSJavascript或Ajax的时候，这些都是不可或缺的软件。