Herramientas gratuitas para programar webs
Tras varios años de experiencia programando webs he podido probar muchas herramientas para hacer webs, algunas sencillas y otras complicadas, algunas de pago y otras gratuitas. En este artículo quiero mostrar un conjunto de herramientas que uso habitualmente y que creo que será útil para gente que esté interesada en empezar a hacer webs o para aquellos que ya llevan tiempo pero aún no conocen las herramientas que voy a presentar. En este caso quiero presentar algunas herramientas gratuitas que pueden servir a la mayoría de programadores web sin tener que gastar ni un euro.
Para hacer webs necesitamos básicamente dos cosas: un editor para escribir el código y un navegador para ver los resultados. Aparte dejamos las herramientas de diseño gráfico ya que en este caso nos vamos a centrar en la programación de la web.
El editor:
Notepad ++: Es un editor de textos gratuito con muchísimas características interesantes para programadores. Sus características principales son:
- Resaltado de código para muchísimos lenguajes.
- Plegado de código.
- Asistente de autocompletado de código
- Multidocumento.
- Multivista.
- Macros.
- Gratuito.
Eclipse + PHPeclipse: Eclipse es un IDE que nativamente nos permite escribir programas JAVA aunque con la enorme cantidad de plugins que tiene se puede utilizar para hacer absolutamente de todo. Y cuando digo todo, es todo. Últimamente lo he estado utlizando para programar aplicaciones de Macromedia Flex. Si le añadimos el plugin PHPeclipse nos permite programar páginas web con todas la características comunes como resaltado de sintaxis, plegado de código, gestion de proyectos e incluso incluye un navegador en mimiatura para ver los resultados a medida que vamos escribiendo código. El precio a pagar por tanta potencia es que necesita bastantes recursos del ordenador para funcionar, sobre todo memoria RAM. Y como guinda del pastel, es gratuito.
El navegador:
Firefox y sus plugins:
Firefox es un navegador gratuito muy versátil que nos permite instalar plugins especialmente diseñados para el desarrollo web. Entre los cientos de extensiones que se ofrecen en su web yo destacaría los siguientes como imprescindibles:
- Web Developer: Se trata de una barra de herramientas que se integra en el navegador que ofrece tantas ayudas que es imposible que las pueda nombrar todas aquí. Como resumen:
- Editar cookies
- Ver y editar estilos CSS
- Formularios: rellenado automático para pruebas, revelado de campos hidden
- Desactivar imagenes
- Resaltar tablas, divs, frames
- Redimensionar ventana a la resolución deseada
- Validación de código y CSS
- Visor de código fuente con resaltado
- Y mil cosas más…
- Firebug: potentísimo debugger para CSS, HTML y JavaScript. Se acabaron los dolores de cabeza depurando código Javascript.
- Colorzilla: pequeña utilidad que te permite seleccionar el valor hexadecimal del color de cualquier píxel contenido en la página web.
- IE Tab: para aquellos que utilicen windows, con un simple clic podemos ver en la misma ventana cómo se ve la página en ambos navegadores para evitar sorpresas desagradables. SIEMPRE se deben probar las páginas en varios navegadores.
 |
 |
 |
 |
| Web developer | Firebug | ColorZilla | IE Tab |
Nunca está de más probar herramientas nuevas, igual os lleváis una sorpresa y os parece una locura pagar los más de 500 euros que cuestan programas como Dreamweaver y compañía.
Enlaces
- Notepad ++: http://notepad-plus.sourceforge.net/es/site.htm
- Eclipse: http://www.eclipse.org/
- PHPEclipse: http://www.phpeclipse.de
- Firefox: http://www.mozilla-europe.org/es/products/firefox/
Rolando Melgarejo
Que tal señor pablo quisiera saber el nombre de algun software bueno para poder tener control de la lan, para poder ver el trafico de la misma, q me muestre la direccion IP y el MAC de las pc`s, para poder ver y controlar el ancho de banda tanto de la lan como tb la lan de tiene acceso a internet y tb si se pude un software que me muestre el diagrama de la lan…
Gracias disculpe…
Pablo Martinez
Para análisis de redes tienes Ethereal gratuito si mal no recuerdo y GFI LANguard Network Security Scanner que te va a dar mucha información sobre que esta en la red, como se llama etc, esta si es de pago te dejo enlaces a las webs de ambas aplicaciones:
Descarga de GFI LANguard Network Security Scanner desde la web de GFI (Versión trial 100% funcional)
Descarga de Ethereal desde la Web oficial de Ethereal
espero que alguno de los dos cubra tus necesidades, en cuanto a un software que te haga un scanner no conozco ninguno pero si me gustaría conocer si es que existe.
Saludos!!
Nota: Este artículo esta escrito por el otro primo que es quién lleva el tema de la programación adelante. Tratad de postear preguntas donde crresponda, si no encontrais ningún artículo o no lo hay teneis un foro habilitado para este proposito, es obligación de todos mantener el orden en este espacio.
cifra
Hola Pablo acabo de descubrir tu web y la verdad que es una pasada los videotutoriales y todo lo que me queda por ver, me he interesado por las seccion de hacer paginas web y aqui pones los programas pero la verdad es k no tengo ni idea de por donde empezar te podrias currar un videotutorial.
Muchas gracias
Pablo Martinez
pués… sé más especifico yo no soy la persona que desarrolla los sitios web pero si te puedo ayudar… un poquito muy poco me defiende, dime sobre que necesitas el tuto y trataré de hacer algo al respecto.
Un saludo.
David
Felicidades por el sitio web, estoy enganchado a el!!!
Otra extensión que me gusta mucho es measureit, una extension que te permite sacar una regla para obtener las medidas en píxeles, bastante útil para crear hojas de estílo css…