-Gimp una aplicación que no es tan apreciada como Photoshoppor los usuarios comunes, pero que los diseñadores respetan ya que por el hecho de que sea gratuita(open source) quiere decir qie no funcione.
http://www.gimp.org/downloads/
-Inskape esta es una herramienta muy potente si se utiliza bien, posee todo lo que se le puede pedir a un editor de imagenes vectoriales, tiene simplicidad,usabilidad, y muchas herramientas muy buenas(tienes que explorarlo bien) tanto asi que no tiene nada que envidiar a Ilustrator de adobe.
http://www.inkscape.org/download/?lang=es
Para la {maquetación}
-Netbeans IDE: esta es una de esas herramientas que tienen un toque que las hace que cuando las usas una vez la sigas usando en cada proyecto, ya que cuenta con posibilidad de programar en distintos lenguajes (como JavaScript,php,css,c,c+,html,etc…), en esta herramieta puedes crear proyectos y guardarlos, practicamente tiene todo lo que se puede ocupar en un IDE (Entorno de Desarrollo Integrado).
http://netbeans.org/downloads/
-Gedit :Una gran herramienta a la hora de programar web´s, cuenta con un gran soporte para los lenguajes mas populares (php,html,css,perl,ruby,java,javascript…) una gran opción si buscas simplicidad y eficiencia.
http://ftp.gnome.org/pub/GNOME/binaries/win32/gedit/2.30/gedit-setup-2.30.1-1.exe
Para {depurar} errores
-WebDeveloper (plugin para firefox): sin duda alguna uno de los mejores plugins creados para firefox ayuda muchisimo a la hora de checar bien nuestra web, editar css, corregirlo, editar JavaScript, realizar modificaciones,bueno,etc.
https://addons.mozilla.org/en-US/firefox/addon/60/
-Firebug (plugin para firefox): este plugin al igual que el anterior es de gran ayuda, gracias a su herramienta “inspeccionar elemento” podemos conocer que hay detras de cada elemento de una pagina web,dispone de editor css,html y javascript.
https://addons.mozilla.org/es-ES/firefox/addon/1843/
Fuente: www.CuartoGeek.net