Nuevo en la categoría "HTML". Html Reader editor html gratuito

¿De qué voy a hablar aquí? Este artículo no es una revisión de varios editores; está dirigido a personas con un nivel inferior de formación en creación de sitios web. Por lo tanto, aquí se considerarán tres preguntas:

1. ¿Qué es un editor de código?

2. Tipos de editores de código.

3. Qué tipo es mejor usar.

La última pregunta es más razonable, ya que revelará a los principiantes una serie de razones por las que no deberían utilizar un editor que facilite enormemente el trabajo de creación de un sitio web.

¿Por qué necesitas un editor de código?

Entonces, ¿qué es un editor de código? Un editor de código es un programa diseñado específicamente para escribir código en cualquier lenguaje de programación. La esencia de un programa de este tipo es hacer la vida de un webmaster lo más fácil posible. Estos programas, por regla general, son de gran ayuda a la hora de escribir código gracias a su comodidad.

La comodidad puede incluir:

1. Resaltado de código, que facilita enormemente la navegación en el propio código, ya que en ocasiones el código puede ser muy grande.

2. Botones especiales: al hacer clic, se asigna automáticamente una función o, en el caso de HTML, se inserta una etiqueta.

Sin embargo, si empiezo a enumerar, incluso en términos generales, todas las comodidades, el resultado será un libro nada menos que “Guerra y paz”. Puede haber muchos de ellos.

Más sobre tipos

Pasemos ahora a la segunda pregunta y descubramos en qué tipos de editores de código se dividen. Solo hay dos: un editor de código normal y uno visual. ¿En qué se diferencian estos dos tipos? La diferencia es que en un editor de código normal, usted realiza todos los cambios ingresando el código mismo y puede ver las consecuencias de estos cambios solo ejecutando el archivo que editó. En un editor de código visual, una persona puede no saber nada de HTML y CSS y aun así crear una página hermosa para el sitio.

¿Son realmente tan importantes los editores de código?

¿Parece que podría ser mejor? No necesita saber ni CSS ni HTML, puede decir: trabaja como en Microsoft Word, escribe su propio texto, inserta imágenes, tablas, enlaces, y el programa los codifica automáticamente en formato HTML y crea una página web funcional. Además, puedes ver inmediatamente cómo se verá el sitio web que creaste con solo hacer clic en un botón.

En realidad, si sabe cómo utilizar dicho programa (editor de código visual), no necesita saber HTML ni CSS. Y todo parece estar bien, pero Estos editores tienen sus propias, debo decir, grandes desventajas..

Ahora pasemos sin problemas a la tercera pregunta de este artículo: qué tipo de editor de código es mejor usar.

Parece que todas las tarjetas están en manos del editor visual; no necesitas saber ni HTML ni CSS, solo escribe el texto necesario e inserta las imágenes necesarias. ¡Pero hay desventajas!

Contras de los editores

La primera desventaja- esto es una tarifa. Estos editores cuestan varios cientos de mapaches asesinados (cu). De acuerdo: ¡no todo el mundo puede permitírselo! Pero este inconveniente se convierte rápidamente en un plus, ya que en Internet puedes encontrar cualquier programa, descargarlo y utilizarlo de forma gratuita (ilegalmente). Lo principal es saber qué buscar. Pero esta es una desventaja monetaria que se puede solucionar fácilmente: escatimó en gastos y lo compró.

Segundo menos, y debo decir que es muy significativo: cada editor visual que genera automáticamente código para una página crea más código del necesario.

Normalmente, este código es un 20 por ciento más grande. Si el tráfico a su recurso es pequeño, no hay nada de qué preocuparse, pero si tiene varios cientos de personas por día, sus páginas crearán una carga adicional en los servidores de la empresa de alojamiento y la carga aumentará en un 20 por ciento. Y esto no agradará mucho a los representantes de la empresa.

Este problema se puede resolver de dos maneras: o optimiza las páginas para reducir el código, pero para ello necesita comprender el código: conocer CSS y HTML. O pagas extra con tu propio dinero.

Tercer menos, no importa cuán "genial" sea el editor, no podrá crear un sitio web con varias funciones de programación para usted. Digamos que se trata de enviar una carta, numeración de páginas, formularios de comentarios, calificaciones, encuestas y muchas otras cosas interesantes que harán que su sitio sea moderno.

¿Es posible crear un sitio web usando un editor de código?

Para crear sitios web modernos, existen soluciones especiales que crean un sitio web para usted con todo listo en 5 minutos, y puede usar fácilmente opciones listas para usar en lenguajes de programación sin entenderlas en absoluto. Estas soluciones se denominan sistemas de gestión de contenidos - CMS.

Pero esto también conlleva otra desventaja importante: cada CMS incluye varias plantillas de sitio web estándar, es decir, el diseño de su sitio web. Y estas plantillas son feas, no únicas y sólo ahuyentan a los visitantes. ¡Y el editor visual no podrá crear una plantilla para el CMS! Ya que utiliza sus propios estilos y opciones integrados. Debe editar dichas plantillas manualmente, y esto nuevamente requiere conocimientos de CSS y HTML.

De ahí la conclusión: si quieres un sitio web hermoso y moderno- Tiene dos opciones: encargar este sitio web a profesionales, que cuesta desde cien dólares o más, o crear usted mismo una plantilla para el sistema de gestión de contenidos. Y para ello es necesario comprender CSS y HTML, ¡un requisito previo! Bueno, necesitas saber un poco de PHP, ¡pero puedes prescindir de él!

Y para aprender HTML y CSS es necesario realizar tutoriales y probarlos en la práctica, y no en un editor visual, ya que no recordarás nada simplemente presionando botones, sino en uno normal, ingresando cada función en el teclado.

Dónde descargar editores HTML y CSS gratis

Personalmente, no uso editores visuales, pero si realmente te gusta esta forma de crear código y quieres aprender CSS y HTML, primero ingresa el código manualmente hasta que aprendas al menos los elementos más comunes para crear páginas web, y sólo entonces, con tranquilidad, utiliza el editor visual con conciencia.

editor de corchetes Versión rusa, la mejor y más comprensible para principiantes:

El editor SublimeText 3, rápido y confiable, es utilizado por muchos profesionales (aunque solo en inglés):

¿Cuál es tu opinión?

NeonHTML: editor HTML y CSS gratuito con herramientas visuales. Se diferencia en la funcionalidad de las herramientas. Soporta XHTML. Le permite editar de forma rápida y cómoda: resaltado de sintaxis, creación visual de etiquetas en cuadros de diálogo. La mayoría de las herramientas tienen una vista previa; cambiar los parámetros afecta inmediatamente la visualización en la vista previa. Hay un navegador integrado que simula diferentes resoluciones y escalas. Herramienta de optimización de motores de búsqueda (SEO) y verificador de clasificación de sitios. La herramienta de variaciones de texto ayudará con la promoción. Muy buen trabajo con colores: una paleta especialmente creada como en los editores gráficos, una lista de colores recientes, una lista de colores de página, edición rápida de colores con un solo clic, creación instantánea de parámetros de estilo con selección de color, ventana acoplable de color. Las herramientas interactúan entre sí, lo que garantiza una rápida adaptación a la interfaz, comodidad y alta velocidad de trabajo. No reemplaza el teclado donde no es necesario. No contiene menús basura.

________________________________________________________________________________

Características del programa
Admite los principales formatos de archivos: html, css, js, php, shtml, txt y cualquier archivo de texto simple
Estandarizado para la capacidad de editar XHTML
Soporte para codificaciones Windows-1251, UTF-8, KOI8-R, KOI8-U. Convertir una página a otra codificación con transformación de metaetiquetas
Abrir varios documentos en un solo programa
Búsqueda y optimización contextual. La herramienta mostrará cómo se verá la página en la respuesta del motor de búsqueda, qué verá el motor de búsqueda durante la indexación, clasificación de frecuencia de palabras, edición del título, descripción y palabras clave, transición rápida a varios servicios de Google y Yandex, verificación rápida de TCI y Relaciones públicas, herramienta de variación de texto, etc.
La herramienta de creación de tablas visuales le permite seleccionar la cantidad de celdas y fusionar celdas rápidamente con el mouse.
Práctico navegador integrado basado en Internet Explorer con funciones adicionales para depurar páginas
El editor de texto le permite seleccionar visualmente el color, el estilo y el tamaño de fuente. Sin pensar en etiquetas, obtendrás el código HTML del texto (para principiantes, no reemplaza la edición manual)
Un pegado rápido de opciones de CSS en forma de menú y lista emergente insertará varias opciones en el estilo. Además, si el parámetro implica elegir un color, una fuente o una ruta de archivo, las herramientas y cuadros de diálogo correspondientes se llaman automáticamente.
La herramienta de creación de fuentes visuales ofrece muchas opciones de estilo y una vista previa instantánea del resultado. Seleccionar un fondo de visualización, apoyar clases, guardar configuraciones como plantillas de fuentes, ingresar texto para ver el resultado. La herramienta genera un estilo abreviado o completo y las etiquetas necesarias.
Trabajar con color en las páginas se ha vuelto más conveniente. Gracias a las listas de los últimos colores y de todos los colores del documento, podrás mantener fácilmente la página en un solo color. El menú de colores está integrado en todas las herramientas que requieren trabajar con colores. Paleta mejorada (no estándar) creada especialmente para facilitar la selección de colores.
Vea cómodamente los recursos de la página con un clic en un enlace, ya sea una imagen, una película Flash, una tabla CSS externa u otra página. Además, el CSS y las páginas se abren para editarlos en un nuevo editor. Y la compatibilidad con la tecnología de arrastrar y soltar le permite insertar una imagen como etiqueta o fondo simplemente soltándola desde una carpeta al editor.
Navegar por el documento en forma de árbol jerárquico de etiquetas le ayudará a desplazarse hasta la etiqueta deseada. Se puede utilizar para identificar errores en la estructura lógica de un documento.
Colección automática de clases de páginas y CSS externo a partir de enlaces. En cualquier herramienta o código donde se necesite una clase, simplemente selecciónela de la lista desplegable
El registro de mensajes le ayudará a descubrirlo y a recordar utilizar las herramientas en la situación adecuada.
Exporte la página y CSS en forma comprimida manteniendo la misma funcionalidad. En este caso, el documento se limpia de espacios, sangrías, saltos de línea, etc. innecesarios.
Usando plantillas de código. Ahora se puede crear el espacio en blanco a partir del fragmento seleccionado. Los espacios en blanco son especialmente solicitados al editar un sitio web completo y al encontrar códigos útiles, cuando es necesario recordar estos códigos con urgencia.
Verificar el código en busca de errores graves: etiquetas desconocidas y no cerradas, enlaces rotos y vacíos, errores en la construcción de tablas. Incluso si confía en sus conocimientos de HTML, es posible que la página simplemente no funcione debido a un error tipográfico y puede resultar bastante difícil encontrarla usted mismo.
Panel de archivos a la izquierda para seleccionar archivos en la carpeta actual
Cree enlaces con selección de estilo o creación de clases para cuatro estados (general, simple, usado, cursor sobre).

Los editores de código son esenciales para el proceso diario de desarrollo de sitios web. Se consideran un recurso del que no puedes prescindir porque su propósito es hacerte más eficiente en el trabajo. Con un excelente editor, puede escribir código más rápido, encontrar errores de sintaxis y hacer mucho más para ayudar a que su sitio crezca. Puede realizar cambios fácilmente en su código si utiliza un buen editor. Los editores de código han ido y venido a lo largo de los años, pero hay algunos que se han mantenido fuertes y mejorado con el tiempo para brindar mejores servicios a sus usuarios.

Éstos son algunos de los editores que puede utilizar hoy, todos los cuales son completamente gratuitos.

Es un editor de código gratuito y un editor de código fuente diseñado para programadores. Es de uso gratuito en Windows. También puede funcionar con texto sin formato y crear páginas web para usted. Esta es la mejor opción si desea utilizar un buen IDE para su compilador.

El editor es completamente gratuito para Windows, Linux y Mac OS X. Es un completo entorno de desarrollo web que utiliza una combinación de herramientas de desarrollo muy potentes para HTML, JavaScript y CSS. También tiene muchos complementos adicionales creados por la comunidad de desarrolladores. Es una herramienta unificada para editar aplicaciones web.

Es un editor de código abierto diseñado para usuarios que trabajan con código fuente. Tiene excelentes características que incluyen plegado o delineado de código, ventanas de acoplamiento de herramientas, marcadores tanto numerados como simples, administrador de asociación de archivos y otros.

Editor de código gratuito para Windows. Ofrece soporte para múltiples idiomas. Algunas de sus poderosas características incluyen autocompletado, resaltado de sintaxis definida por el usuario, posición de vista dinámica y soporte para múltiples documentos, entre otras.

Este es un excelente editor de texto para Microsoft Windows. Tiene todas las funciones y está diseñado para editar, formatear, revisar, obtener una vista previa y publicar páginas web en lenguajes HTML, XHTML y XML. El editor permite plegar código, tiene varias opciones de carga y le permite navegar a través de etiquetas y scripts.

Otro editor de código gratuito para Windows, Linux y Mac OS X. Es un muy buen editor multiplataforma y multilingüe que brinda a sus usuarios la capacidad de crear, modificar, navegar, compilar y también depurar código de manera muy rápida y precisa. Le permite editar archivos de hasta 2 GB de tamaño.

Este es un editor de código fuente muy profesional para Windows. Es de tamaño pequeño y además muy rápido a la hora de arrancar. Con él, puedes editar varios documentos a la vez y ofrece resaltado de sintaxis entre otras excelentes funciones.

Es un entorno de desarrollo web muy útil para desarrolladores de Linux. Su principal utilidad es aumentar la productividad de los desarrolladores a la hora de crear un sitio web. Esta herramienta le brindará acceso rápido a algunas funciones muy necesarias.

Es un muy buen editor de texto, editor HTML, editor Java y también editor PHP. Está diseñado para Windows y también tiene funciones excelentes y potentes para programadores y autores web.

Es un IDE centrado en código que se centra en la productividad del desarrollador. Esta herramienta comprende muy bien su código y viene con un conjunto de herramientas que son muy poderosas sin interferir con el flujo de trabajo o la estructura de su proyecto.

Un editor de texto muy ligero pero extensible que sólo está disponible como prueba gratuita para Windows. Fue desarrollado originalmente para Windows XP, pero también está certificado para su uso con Windows Vista.

TextMate ofrece la posibilidad de buscar y reemplazar dentro de un proyecto, así como emparejar automáticamente paréntesis y otros símbolos. Tiene excelentes funciones que pueden ayudarte a completar palabras en el documento actual, entre otras cosas.

Este es un editor de código muy útil para Mac OS X, diseñado para diseñadores y programadores web. Algunas de sus excelentes características incluyen una interfaz con pestañas, plegado de código, sugerencias y finalización de código, administración de sitios basada en proyectos, etc.

Este editor de código es gratuito para Windows, Linux y Mac OS X. Es un editor de código muy inteligente que viene con numerosos complementos que puede utilizar en su proceso de desarrollo. Tiene un lenguaje de macros incorporado y puede admitir una gran cantidad de codificaciones de caracteres, incluidos Unicode y UTF8.

Es una opción ideal para desarrolladores web que desean completar todas sus tareas de forma rápida y sencilla. El editor cuenta con excelentes características que ofrecen procesamiento de textos, programación y desarrollo web, procesamiento de archivos y demostración, entre otras.

Es un increíble editor de texto gratuito y de código abierto. Funciona bien con varios sistemas operativos, incluidos Microsoft Windows, Linux y MacOs.

Es un editor de código muy útil para Mac OS X. Existe una versión gratuita y otra comercial. Viene con excelentes complementos para desarrolladores web, se abre muy rápidamente, tiene una ortografía inteligente y encuentra archivos fácilmente.

Este editor es sólo para Mac. Sólo soporta un idioma, aunque es un editor de texto de propósito general muy potente. El editor tiene excelentes funciones para que los desarrolladores web hagan que su desarrollo sea fácil y rápido.

Este es un editor de código que te ayudará a crear sitios web innovadores y muy bonitos que se cargan muy rápidamente. Tenga en cuenta que la aplicación en sí es bonita, innovadora y rápida. El editor le brinda un enfoque intuitivo para que pueda modernizar sus tablas y viene con potentes funciones de vista previa que lo ayudarán a crear sitios web sorprendentes y estándar en muy poco tiempo.

Un editor de texto muy bueno y fácil de usar. Es el mejor editor de colaboración que te encantará usar. Es esencial para hacer que su colaboración sea posible y divertida.

La elección del editor de código siempre debe realizarse en función de sus necesidades y de los proyectos en los que esté trabajando. Los desarrolladores web necesitan que estos editores trabajen más rápido y más eficientemente, y estos son los mejores entre los que puede elegir.

2 votos

Bienvenidos a mi blog. No importa cómo cree un sitio web en el diseñador, usando un CMS o en un programa, estará escrito en html y css. De lo contrario, el navegador no lo entenderá. En lugar de un portal electrónico, el visitante no verá nada.

La única diferencia será la exactitud del código. En algunos casos aparecerá como texto en inglés traducido al Traductor de Google. En otros, es como si lo manejara un traductor experto. Todo depende de las herramientas que utilices.

Hoy hablaremos sobre qué programa para crear un sitio web HTML le permitirá lograr su objetivo de la forma más correcta y competente. Me adelantaré. Incluso algunos te permiten hacer esto claramente. Y para algunos usuarios esta sería la mejor solución.

Mi publicación de hoy estará dedicada a los editores. Empecemos por ellos.

Dos tipos de editores

Todos los editores de sitios web se dividen en dos tipos: visuales y de texto. Esto no significa que en el primer caso puedas prescindir por completo del conocimiento del código, pero los requisitos para su nivel no serán tan serios como en el segundo caso. Esta es la principal ventaja, porque idealmente, si desea crear algo realmente correcto, después de escribir el sitio, sería bueno volver a trabajar en el código y editar algunas de las deficiencias.

Los editores de texto son perfectos si estás familiarizado con los lenguajes de programación o simplemente no temes las dificultades. Ellos no escriben el código por usted, pero ayudan a acelerar el proceso y se aseguran de que no cometa ningún error. Empiezas a escribir una frase y la utilidad la completa por ti. También podrás ver todo lo que has hecho una vez que hayas terminado.

Esto no puede decir que el segundo método garantice mejores resultados. Tú también puedes cometer errores, especialmente si te falta experiencia. Incluso los profesionales a veces se enfrentan a dificultades, cansancio e imprecisiones. Trabajan en equipo: alguien sugerirá una regla que se les ha olvidado, otros verán un error.

No insisto ni recomiendo ninguno de los métodos. Debes decidir por ti mismo qué es más importante para ti. El resultado, es decir, un sitio que será visible para los motores de búsqueda en cualquier caso, sólo habrá que desarrollarlo. La segunda opción es tu conocimiento. Es más fácil perfeccionarlos utilizando editores de código de texto.

Bueno, pasemos ahora a los programas en sí.

editores visuales

Les llamo la atención sobre varios editores visuales convenientes.

• Creador web WYSIWYG

El programa está en inglés, los primeros 30 días cuentan con un período de prueba gratuito. Entonces necesitarás una licencia, su precio es de poco menos de 50 dólares.

WYSIWYG Web Builder es simple y bastante directo. Si sabe algo, entonces comprenderá que cualquier sitio web consta de varios bloques. Gracias a este editor, solo necesitas elegir qué es exactamente lo que quieres ver en tu sitio web: texto, búsqueda, RSS, presentación de diapositivas, galería de videos, etc. El código se generará automáticamente. Sólo hay que modificarlo un poco.

La utilidad tiene funciones adicionales: creación, verificación de enlaces y pesos de página. Si te falta algo, puedes descargar extensiones del foro en el sitio web oficial o escribir el código tú mismo.

Si es principiante, puede empezar a familiarizarse con el software utilizando una de las muchas plantillas ya preparadas. Esto acelerará el trabajo.

• Diseñador visual del sitio CoffeeCup

Software en inglés. Érase una vez, los desarrolladores de este programa lo vendieron por 50 dólares con la posibilidad de adquirir algunas funciones adicionales, lo que provocó un verdadero revuelo en Internet. ¿Qué tipo de utilidad es esta en la que necesitas invertir constantemente? Ahora cuesta $189, pero obtienes todo de una vez y en su totalidad.

Muy funcional, más fácil de usar que el anterior representante de editores visuales. Tiene una función incorporada que simplifica el proceso de carga al servidor. Puede trabajar en el programa y cargar inmediatamente actualizaciones al hosting. Es muy conveniente.

CoffeeCup Visual Site Designer le permite trabajar con una gran cantidad de íconos gratuitos, la capacidad de agregar todo tipo de efectos, ver y corregir el código directamente en el campo de trabajo del programa. La falta de ruso es probablemente una de las deficiencias más importantes.

• Musa de Adobe

Un excelente programa en ruso, sobre el que ya he escrito varias veces en mi blog. Lo usé yo mismo e incluso creé un sitio web personalizado usándolo. Las críticas son extremadamente positivas. No hay muchas herramientas, pero si sabes utilizarlas podrás crear proyectos fundamentales. Esta es una característica distintiva de muchos productos de Adobe.

Recuerda el mismo Photoshop. Parecería que hay una docena de botones, pero cuando empiezas a hurgar, ¡resulta que se pueden usar para configuraciones tan detalladas! Se han publicado muchos scripts para Adobe Muse; usted mismo puede agregar un formulario de comentarios, un control deslizante y lo que desee.

Este es uno de los pocos programas que brindará amplias oportunidades tanto para un principiante que no quiere entender el código como para aquellos que quieren adquirir una cantidad impresionante de conocimientos.

Las personas que trabajan en Adobe Muse pueden ganar hasta 100.000 rublos por página de destino. Todo depende de las habilidades. El resultado, el beneficio final para el comprador del sitio. Si tu objetivo es el dinero, te puedo recomendar el curso " " Aprenderás a crear proyectos que puedan venderse.

editores de texto

Para aquellos que necesitan conocimientos, les presento mi selección de editores de texto.

• Texto sublime

Puedes crear un sitio web en el bloc de notas más simple que se esconde en la barra de Inicio, entonces, ¿por qué necesitamos editores de texto? Tienen aproximadamente los mismos beneficios adicionales. Por ejemplo, la posibilidad de agregar texto y paleta de colores.

Sublime Text no sería tan popular si no tuviera sus características específicas, como control de errores y administrador de tareas y archivos. Puedo sugerirle que vea una reseña en video de este editor si está interesado.

Para obtener algunas funciones adicionales, deberá descargar un paquete de extensión para el programa.

• Soportes

Un editor gratuito de Adobe, muy similar al representante anterior, pero ya no necesitas descargar nada adicional para obtener funciones básicas.

Las extensiones son necesarias si desea, por ejemplo, poder abrir un diseño de Photoshop en el editor para recortar y guardar inmediatamente partes del dibujo. Es poco probable que esto le resulte realmente útil, ya que la opción no está muy bien desarrollada.

Aún así, gracias por tus esfuerzos. El editor no está nada mal sin esto.

Además de estos programas, también existen NotePad++ y Dreamweaver, pero ya he escrito un artículo detallado sobre ellos “”. Obtenga más información siguiendo el enlace y suscribiéndose a las actualizaciones de mi blog. Deseo que encuentre rápidamente su utilidad conveniente y comience a crear sitios web usted mismo.

Nos vemos de nuevo y buena suerte en tus esfuerzos.

Todo diseñador y codificador web necesita un buen editor de páginas web para crear y editar código HTML, CSS y JavaScript. El Bloc de notas (Windows) y TextEdit (Mac) son excelentes herramientas para empezar, pero a medida que adquiera más experiencia, querrá utilizar una herramienta más sólida y fácil de usar.

Hay cientos de editores excelentes entre los que puedes elegir el correcto, pero muchos de ellos son pagos. ¿Qué sucede si no desea violar los derechos de autor, pero su presupuesto no tiene los fondos para comprar un producto comercial? Este artículo analiza algunos excelentes editores gratuitos.

• Editores WYSIWYG. Se trata de editores gráficos que le permiten crear un diseño de página y establecer estilos visualmente, como en el conocido procesador de textos MS Word. Son una herramienta conveniente para crear un diseño de página, aunque, como todo diseñador web experimentado sabe, el código aún debe modificarse para lograr un excelente resultado.
• Editores de texto. Esta es una herramienta para editar directamente código HTML y CSS. Algunos editores son de propósito general y no tienen opciones especiales para admitir código web. Otros están especializados en el uso de lenguajes web como HTML, CSS, JavaScript y PHP, y tienen propiedades integradas para ingresar rápidamente etiquetas HTML, propiedades CSS, etc. Muchos de estos editores le permiten ver una página web en una ventana separada.

KompoZer (Windows, Mac, Linux)

KompoZer es una excelente opción si necesitas un editor visual con un presupuesto limitado

Komodo Edit es un buen editor, fácil de aprender pero potente y extensible.

Aunque es un editor de propósito general, admite HTML y CSS, y tiene autocompletado contextual para etiquetas HTML y propiedades CSS, así como una colección de inserciones de código para varios elementos HTML. Para aprovechar Komodo al máximo, debe instalar la extensión HTML Toolkit, que contiene características maravillosas como etiquetas de cierre automático, vista previa de apariencia CSS y un generador de texto temporal.

Komodo Edit le permite ver las páginas que está editando en cualquier navegador instalado, o usar el navegador integrado en una ventana separada, para que pueda editar y ver los resultados de sus cambios al mismo tiempo.

El editor tiene una función incorporada para cargar archivos al sitio (FTP, FTPS, SFTP o SCP), y también puede agrupar sus archivos de manera ordenada usando la opción del administrador de proyectos.

Característica muy útil Código > Seleccionar bloque. Resalta el bloque HTML principal actual, como el elemento div o ul actualmente cerrado. Una función muy conveniente cuando necesita seleccionar una sección completa de una página para copiarla o moverla.

Komodo Edit tiene muchas funciones potentes y útiles, como el uso de expresiones regulares para buscar/reemplazar, la capacidad de ejecutar comandos externos, etc. Afortunadamente, el editor también tiene un buen sistema de ayuda que facilita el aprendizaje del poder de Komodo Edit.

Estudio Aptana (Windows, Mac, Linux)

Aptana Studio es un completo entorno de desarrollo de aplicaciones web integrado con un gran conjunto de complementos. Aunque sólo puedes usarlo como editor de código HTML/CSS/JavaScript

Notepad++ es un excelente sustituto del Bloc de notas en Windows. Aunque no tiene tantas opciones como otros editores, es fantástico para editar HTML, CSS, JavaScript y otros archivos de código.

PSPad es otro editor de propósito general para Windows con una amplia gama de funciones útiles para codificadores HTML y CSS.

jEdit es un editor de texto multiplataforma con potentes comandos de macro y funciones de complementos. Instale el complemento XML si necesita editar páginas web

TextWrangler es un editor ligero de propósito general. A pesar de la falta de funciones especiales para el desarrollo web, se puede utilizar para trabajar con páginas web.

Vim es definitivamente difícil de aprender, pero una vez que superes los desafíos, ¡no querrás volver atrás!

Vim, el abuelo de los editores de texto para programadores, (un descendiente directo del editor vi) es un editor de texto de consola de código abierto. Es el editor predeterminado en casi todas las versiones de Unix, incluidos Linux y Mac OS X. También está disponible para su uso en Windows y muchos otros sistemas.

Vim no es un sistema que puedas instalar y comenzar a usar de inmediato sin haber trabajado con él antes. La mayoría de los comandos de edición incluyen combinaciones extrañas como :wq y / . También cuenta con tres modos de edición: modo inserciones, en el que se ingresa texto; visual modo para seleccionar texto; Y dominio modo para ingresar comandos. Esta funcionalidad es un legado de Unix de los días en que no había ventanas ni mouse.

¿Por qué estaba en la lista? Si lo dominas, quedarás convencido de su velocidad y potencia. Con unos pocos comandos, puedes hacer en unos segundos lo que podría llevar minutos en otros editores.

Hay una gran cantidad de macros y complementos para Vim que facilitan el trabajo con código HTML, CSS y JavaScript, incluido el resaltado de sintaxis, el autocompletado, HTML Tidy y la visualización del navegador. Aquí hay una gran lista de enlaces útiles:

• Autocompletado de Vim Omni
• Edición HTML/XHTML en Vim
• pagina de inicio

Fraise (Mac)

Fraise es un editor intuitivo para Mac, con un conjunto de funciones suficientes para la edición web

Al igual que TextWrangler y gedit, Fraise es un editor maravilloso y liviano que es un placer utilizar. Es una bifurcación del editor. Es relativamente nuevo y no tiene un servidor web adecuado. Actualmente sólo es compatible con Mac OS X 10.6 (Snow Leopard), lo que significa que si estás ejecutando la versión 10.5 tendrás que descargar Smultron.

Fraise tiene algunas opciones excelentes para la edición web:

• Resaltado de código para HTML, CSS, JavaScript, PHP y varios otros lenguajes de programación.
• Comando Cerrar etiqueta(Comando-T) para cerrar la etiqueta actual. Esto realmente ahorra tiempo al ingresar a las listas.
• ¿Vista previa conveniente en el navegador integrado (usando WebKit), con una opción de Actualización en vivo muy conveniente? que actualiza el navegador tan pronto como el marcado y el CSS de la página que se está editando han cambiado.
• Opción de búsqueda avanzada, que admite búsqueda/reemplazo mediante expresiones regulares.
• Soporte para bloques para ingresar rápidamente etiquetas HTML y propiedades CSS.
• Algunos comandos útiles para manipular texto, como la validación de HTML y la conversión de caracteres en elementos HTML.

Vale la pena explorar Fraise si usas una Mac y quieres un editor fácil de usar con más capacidades que el TextEdit integrado.