Saltar al contenido
➡️ Abril 2021

Editores web – Los mejores editores web gratis

Los mejores editores web gratuitos para crear tu página web.

Mejores Editores HTML gratuitos de Windows para desarrolladores web

  1. Fase 5
  2. Bloc de notas del programador
  3. SynWrite
  4. PlainEdit.NET
  5. Bloc de notas++
  6. jEdit
  7. Sublime Text 2 – La navaja suiza
  8. Paréntesis
  9. Aptana Studio 3

Si quieres desarrollar un sitio web, necesitarás un editor de HTML. Podrías, por supuesto, utilizar el Bloc de Notas de Windows para construir un sitio web, pero eso difícilmente sería conveniente, cómodo, o bonito, para el caso. Un buen editor de HTML debe hacer dos cosas muy bien: resaltar la sintaxis (colorear el código) y autocompletar. Naturalmente, una o dos características adicionales son bienvenidas: una selección de temas, por ejemplo, que no sólo se adapte a tus gustos, sino que también aumente tu productividad y mitigue la fatiga en las largas sesiones de codificación. Con esto, echemos un vistazo imparcial a los nueve mejores editores HTML gratuitos para Windows.

1. Fase 5

mejores editores web html gratis

Phase 5 es un editor muy conocido que se actualiza constantemente desde 1998.

Algunas de las características de Phase5 son la gestión de proyectos, la finalización de etiquetas, un visor de imágenes integrado, un depurador de sintaxis, soporte para caracteres especiales, ayuda a la sangría, búsqueda y reemplazo, y menús y plantillas personalizables.

Phase 5 es compatible con formatos populares como PHP, Javascript, HTML, VBScript, Java y Pearl. Un gestor de archivos te permite cambiar rápidamente de un documento a otro. Puedes editar varios documentos simultáneamente, y mucho más.

Phase 5 se ejecuta en Windows 7 y 8, Vista, XP, 2000, 98 32/64 bits y versiones de servidor.

Enlace al sitio web

2. Bloc de notas del programador

Programmer’s Notepad ofrece una moderna interfaz con dos temas: uno brillante y otro oscuro, como se muestra en la imagen. Además del resaltado de sintaxis, el editor cuenta con clips de texto (fragmentos de código), plegado de código (ocultación/visualización selectiva del código) y puede adaptarse con precisión a tus necesidades personales mediante scripts y complementos de Python.

Enlace al sitio web

3. SynWrite

SynWrite es un editor con una gran variedad de funcionalidades. La idea detrás de SynWrite es concentrar todo lo bueno de otros editores en un solo producto gratuito, y la lista de características se lee en consecuencia. El editor puede ser aumentado con plugins escritos en Python. Además de las funciones típicas, como el plegado de código y el autocompletado, SynWrite también permite la edición de múltiples caretas (véase la animación):

Esta característica puede ahorrar un montón de tiempo. Además, SynWrite es compatible con Emmet (antes Zen Coding).

Enlace al sitio web

4. PlainEdit.NET

PlainEdit puede abrir varios archivos en pestañas, también puede ampliarse con plugins y ofrece un montón de funciones, incluyendo plantillas personalizables. Los usuarios pueden insertar rápida y fácilmente fragmentos (plantillas, trozos de código u otro texto) desde una barra lateral. Además, puede buscar y reemplazar texto con expresiones regulares, incluso en documentos que no estén abiertos en ese momento. Cabe destacar que PlainEdit puede ejecutarse incluso desde una memoria USB.

Enlace al sitio web

5. Bloc de notas++

Notepad++ es una especie de clásico. Surgió cuando el editor que incluía Windows se había quedado anticuado y no ofrecía funciones importantes.

Notepad++ ofrece una interfaz de pestañas, autocompletado y un gran resaltado de código. La grabación de macros automatiza los comandos de uso frecuente. La interfaz se puede configurar según tus necesidades, y hay un montón de plugins a tu disposición para ampliar el conjunto de características.

Enlace al sitio web

6. jEdit

jEdit puede abrir, editar y, en consecuencia, resaltar la sintaxis de prácticamente cualquier archivo. La apertura de múltiples archivos hace la vida mucho más fácil. Cualquier característica que falte puede ser completada con plugins.

Esto no quiere decir que jEdit escatime en características. Fuera de la caja, jEdit está empaquetado con funcionalidades clave como el plegado de código, el marcado de elementos conectados y etiquetas, un gestor de archivos, y una buena función de búsqueda y reemplazo. Además, la posibilidad de configurar y ampliar el editor hace que jEdit sea una digna competencia entre sus compañeros.

Enlace al sitio web

Opciones multiplataforma
Las siguientes opciones están disponibles para varias plataformas, y cada una es convincente por sí misma. Tanto si usas Linux, Mac OS o Windows, puedes elegir entre tres grandes editores.

7. Sublime Text 2 – La navaja suiza

Ningún otro editor de HTML es tan triunfante como Sublime Text 2. Se lanzó con elogios inmediatos de los desarrolladores web profesionales desmayados. Es profundamente personalizable mediante extensiones y archivos JSON. Es difícil imaginar cualquier funcionalidad fuera del alcance de Sublime Text.

Con la ayuda de Package Control, la descarga e instalación de extensiones es un juego de niños. Dado que el editor ha gozado de una adopción tan amplia, hay una extensa biblioteca de plugins disponible, incluso además de los que se ofrecen en el sitio web del desarrollador.

Sublime Text 2 destaca por su extensa documentación, tanto oficial como no oficial. Los tutoriales para Sublime Text 2 están por todas partes y reducen la curva de aprendizaje.

Sublime Text 2 no es gratuito. Puede descargarse y evaluarse gratuitamente sin límites, pero si le gusta, la licencia de 70 dólares es una inversión muy justa.

Un vistazo a Sublime Text 2

Enlace al sitio web

8. Brackets

Brackets es un editor moderno de código abierto con algunas características interesantes. Funciona con Adobe Creative Cloud Extract (Preview) para leer datos de diseño como colores, fuentes, degradados y más directamente desde un archivo PSD y convertirlo en CSS. También puede extraer capas como imágenes, utilizar la información del PSD para definir variables de preprocesador y obtener fácilmente las dimensiones entre los objetos. Todo esto es posible sin salir del editor.

Nota: Adobe Creative Cloud es un servicio de pago. Extract (su vista previa gratuita) puede instalarse directamente junto a Brackets.

Las extensiones son otro gran punto a favor de Brackets, que pueden utilizarse para adaptar el editor a las necesidades del usuario. Cada tres o cuatro semanas se lanzan nuevas extensiones. El robusto soporte para los preprocesadores también merece ser mencionado.

Funciones como Live Preview y Quick Edit pueden utilizarse con archivos LESS y SCSS para agilizar el trabajo. Junto con las extensiones adecuadas y Adobe Creative Cloud Extract, Brackets puede cubrir todas las bases profesionales.

Un vistazo a Brackets:

Enlace al sitio web

9. Estudio Aptana 3

La actual iteración de Aptana Studio (versión 3) es uno de los IDEs más conocidos y completos para Windows, Mac y Linux. En la versión 3, los desarrolladores quisieron resolver uno de los puntos más débiles de Aptana Studio: el rendimiento irregular.

Los mayores puntos fuertes del editor son su personalización, la integración con Git y el terminal incorporado. Aptana Studio 3 es compatible con los estándares web más recientes, como HTML5 y CSS3. Ofrece un depurador integrado para Ruby y JavaScript.

Enlace al sitio web

¿Decidido a no codificar? Echa un vistazo a Mobirise

Si has entrado en este artículo para encontrar editores de HTML que te quiten la parte de la codificación, ya habrás descubierto que este es el lugar equivocado. Para que no te vayas completamente decepcionado quiero aconsejarte que eches un vistazo a Mobirise. Mobirise también es un editor instalable. La diferencia con los otros mencionados aquí es que no te permite toquetear el código. Por el contrario, te mantiene completamente alejado de eso. Hemos escrito un artículo completo sobre Mobirise y le recomiendo encarecidamente que lo consulte.

Mobirise está disponible para Windows y macOS y es totalmente gratuito. Si necesitas un sitio web totalmente responsivo de la manera más rápida posible, deja de lado los editores de código y dirígete a Mobirise.

Otros editores web y HTML recomendados

  • Yahoo! SiteBuilder Uno de los editores web más completos, permite crear y diseñar tu página web de aspecto profesional sin apenas conociemientos. Cuenta con más de 300 plantillas totalmente personalizables.
  • Nvu editor de páginas web. NVU es un editor de páginas web multiplataforma basado en Mozilla Composer, pero de ejecución independiente, y añade características nuevas como soporte integrado de CSS y gestión del protocolo FTP para actualización de los ficheros. Es un programa muy completo y tiene la ventaja de ser de código abierto y gratuito.
  • BluefishBluefish es un editor para desarrolladores web y programadores, enfocado en la creación de sitios web dinámicos e interactivos.
  • KompoZerCrea tu propia web con KompoZer, un editor HTML del tipo WYSIWYG (“lo que ves es lo que obtendrás”), es decir, un editor visual que te ayudará a publicar en web lo mismo que tú has creado en el editor. Cuenta con interesantes herramientas de depuración, de gestión de estilos CSS y publicación automática a tu FTP.
  • Trellian WebPage Completo editor web de sencillo maneja. Cuenta con gestor de archivos multimedia, limpiador de código y editor gráfico.
  • Namu6 Website EditorPrácito editor web que cuenta con un sencillo asistente para facilitarte la tarea de crear tu página web. Otras de sus características más importanes son: editor de imágenes integrado y sencillo sistema de publicación de páginas.
  • MoreMotion Web Express MoreMotion Web Express es un editor de HTML de tipo WYSIWYG. La gran baza MoreMotion Web Express de cara a competir con otros editores del tipo de Dreamweaver es su sencillez además de que no hace falta conocer el lenguaje HTML. Cualquier usuario inexperto pero con algo de habilidad es capaz de hacerse con el programa a nada que empiece a navegar por su interfaz.
  • Amaya Amaya es una completa herramienta de creación de páginas Web, equipada con una interfaz de diseño tan sencillo que permite tener su propia Web en unos pocos minutos sin ningún conocimiento previo. Amaya trabaja básicamente con HTML, pero también tiene soporte para documentos en formato CSS, MML y SVG. El programa te permite visualizar la estructura de tu Web, así como añadir comentarios a cada documento.
  • PersonalWebKit Completo y sencillo editor de páginas web totalmente gratis. Diseña tu página en un par de clicks sin conocimientos de programación.
  • Dynamic HTML Editor Dynamic HTML Editor es un potente editor web tipo WYSIWYG (What You See Is What You Get) que trabaja tanto con hojas de estilo CSS como con tablas. Muy sencillo y fácil de usar puedes crear tu página web casi instantáneamente sin conocimientos previos. Es compatible con flash, asp, jsp, php, cfm, etc.
  • Dynamic HTML Editor Completo editor web, con el que puedes diseñar tu propia página web profesional, sin necesidad de conocimientos de programación, de la forma más sencilla y con muchas opciones de personalización.

Conclusión

Hay una amplia gama de editores de HTML para Windows, pero sólo un puñado sobresale. Para un uso no cotidiano, está el Notepad++. Sin embargo, para un uso profesional diario, Notepad++ no sería suficiente. Para ello, hay mejores opciones, como Sublime Text 2, que puede personalizarse para adaptarse a las necesidades del usuario. Los aficionados a los editores llave en mano pueden preferir Aptana, SynWrite o Programmer’s Notepad. ¿Cuál elegirás tú?

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies