首先你若能看到这篇文字，说明你确实想多了解一些关于常用网页开发工具的那些事，网页开发工具发展到今天，确实已经丰富多样，下面就follow me吧，希望下面的文字真心对你有所帮助！

一、所见即所得型的代表软件

       什么叫所见即所得？即是可视化设计，设计看到到的样式和布局是怎样，运行的时候就是怎样的。下面就介绍所见即所得的代表软件。

1、FrontPage

简介

       FrontPage是Microsoft公司的，它作为一种所见即所得型的代表软件,可以使使用者的工作效率得以很大提高。FrontPage 2000 是Office 2000 家族的一员,沿袭着Office 的风格，所以会用 Word 的人很容易学会FrontPage。

优点：
1)、与Word软件兼容性较好
2)、图片引用方便
3)、强大的站点管理功能

缺点：
1)、直观性和高效性较弱
2)、模板功能支持较差

站长建议：FrontPage适合于新手使用

2、Dreamweaver

简介
       Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

优点：
1)、标记选择器（Tag selector）可以方便准确地选择所要编辑的对象
2)、使用的是浮动面版的设计风格,直观性和高效性比较强
3)、代码提示很强大，有设计模式，直接点击，几乎不用敲代码
4)、制作网页效率较高

缺点：
1)、Dreamweaver占用的运行内存比较大
2)、语法提示强大会使你过于依赖，导致离开Dreamweaver就束手无策

站长建议：Dreamweaver适合网页设计师

3、HBuilder

简介

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

优点：
1)、强大的智能提示
2)、开发速度快，出错率低

缺点：
1)、HBuilder 体积过大
2)、必须联网才可以使用
3)、整体体验还是Eclipse风格

站长建议：极客工具的代表

二、借助浏览器预览进行设计

1、WebStorm

简介

       WebStorm 是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
PS：WebStorm比较合适写js。

优点：
1）、高智能的JS编辑器
2）、智能的代码补全

缺点：
1）、WebStorm启动慢，内存消耗较大

站长建议：前端开发优选

2、Notepad++ 
       Notepad++功能比 Windows 中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言。

优点：
1）、界面简洁干净，小巧不占资源
2）、支持语言丰富

缺点：
1）、智能提示是短板，手写代码工作量大

站长建议：想要提升编码水平，还是手敲吧

PS：这是站长比较喜欢的一款工具，轻量级
以上就是网页设计中常用的工具，不全遗漏之处，请君指正

三、站长推荐作品

好吧，网页制作的工具有了，那还等什么？
就赶快来练练手吧，
为你推荐到的是两款简单的网页设计模板《dreamweaver网页设计免费下载》，
一切学习都是从模仿开始，
模板下载后就可以观阅到源码，并且可以直接在浏览器打开查看效果，
但是...
还不知道如何修改网页模板，使其完全符合自己的要求，
没关系，看完下面这篇文章《DW修改网页模板教程》，你必定有所领会，
可是...
知道如何修改网页模板肯定是远远不够的，最好能够自己制作，那么从哪里开始？
就从视频教程开始，看完《DW快速入门视频教程》你还担心不会吗？
还有一种可能...
也许这些对你来说也太low了，那么就来点高大上的《html5优秀个人博客模板下载》《高端网站设计模板》，当你通晓其理，挥洒自如的时候，你就已经是高手了。

四、写在最后

本文由周元俊博客原创出品，如需转载请注明出处
本文出处：http://www.youtiy.com/detail_358.html