孔子曰：“工欲善其事，必先利其器”， 学习html和div+css，要少走弯路，多提高水平，工具的选择也有技巧。笔者最近总结了几种最常用的软件和一些浏览器插件，让你在学习html和div+css中事半功倍。
最常用的软件工具
一、Dreamweaver
它是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。
特点：功能强，普及率高。到目前为止，全世界范围超过 60% 的专业网页设计师都在使用 Dreamweaver。
界面截图：
二、Frontpage
它是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。微软在2006年年底前停止提供FrontPage软件。
特点：简单易用，适合初学者。
界面截图：
三、记事本
初学者可以用记事本练习写代码，但是由于编写大一点的网站需要成千上万条代码，如果都手动编写，大大降低了工作效率，所以，不建议用记事本编写代码。
常用的浏览器插件
一、火狐浏览器插件
1．Firebug：安装这个插件后也会在浏览器右下角（有的版本是在右上角）生成一个图标，绿色对号表示当前网页的Javaｓｃｒｉｐｔ通过验证，并能对错误的Javaｓｃｒｉｐｔ代码debug。我们暂时并不需要这个功能。需要用到的功能是其Inspector，你需要通过定制工具栏，把Inspector的"眼镜"图标拖入工具栏。点击Inspector图标后，将鼠标移到网页任意位置，你就能在靠下的窗口看到网页Html文件的相应源代码，在网页调试时非常有用。（左侧可以查看html和js脚本，右侧可以查看对应的css）。具体截图：
2. ColorZilla：方便提取网页中任何元素的颜色。
二、IE浏览器插件Web Developer
Web Developer：功能很强大，其直接查看网页css代码功能，页面信息的显示，以及验证css和Html的功能非常实用。
三、谷歌浏览器
在想要查看的网页上点击右键-审查元素，此处的功能和firebug相同
截图如下:
总结：对于初学者来说，以上工具是必须掌握的，就像一个战士，它需要用武器上阵杀敌，而掌握这些工具，就是程序员们的武器。
版权地址：http://xiaoleijianan.blog.163.com/blog/static/8287470620121575847487/转载请注明出处。
推荐阅读
现在做网站，估计最烦的就是备案了，很多朋友等不了的，就直接搞个国外空间和香港空间了，但是还是不稳定，到时候想换回国内空间的时候，很麻烦，所以我自己就选择了先备案，没有想到一备案备案了4次，前3次都没有成>>>详细阅读
地址：http://www.lgo100.com/a/xie/20120206/28445.html
网友点评
精彩导读
科技快报
品牌展示