0 "ng-cloak> {{commentsTotalLength}} commentsTotalLength"> Comment 1 "> Comentarios
26/08/2021
-
Christian Rentrop
heise Equipo de descarga de contenido
Creación de sitios web: comparación de editores web
Cree sitios web fácilmente con editores web
Si desea tener un control total sobre la apariencia, el contenido y la función de su propio sitio web, lo mejor es utilizar un editor web. Porque los editores web son mucho más flexibles que las soluciones modulares de los servidores web, y mucho más claros que los editores de código puro. Presentamos algunas soluciones.
💡 Los puntos más importantes en resumen
Los editores web permiten crear sitios web con una interfaz gráfica de usuario, sin tener que escribir código o scripts de programa.
En segundo plano, crea automáticamente el código HTML, PHP, CSS o Java Script necesario, que los profesionales pueden adaptar libremente para satisfacer sus propios requisitos.
Si es necesario, los editores web también se pueden utilizar para crear temas para Wordpress & Co.
Dependiendo del producto, la puesta en marcha es muy sencilla o requiere claros conocimientos previos.
A la lista: ➤ Editores web en el resumen
La Internet visible todavía se basa en unos pocos estándares muy simples: Lenguaje de marcado de hipertexto estático (HTML) mezclado con preprocesadores de hipertexto (PHP), además de algunas hojas de estilo en cascada (CSS) y un poco de Javascript. Lo que estos cuatro estándares tienen en común es que son muy fáciles de editar. A diferencia de los programas de computadora, por ejemplo, las aplicaciones web consisten en marcas y comandos puramente textuales. Suponiendo el conocimiento apropiado, las páginas de Internet se pueden escribir en forma usando un editor HTML basado en texto. Sin embargo, este es un negocio laborioso, especialmente para los principiantes, razón por la cual existen una serie de los llamados editores web con cuya ayuda los usuarios pueden crear páginas de Internet de manera muy fácil e intuitiva.
¿Con o sin conocimientos básicos?
Básicamente, dependiendo del producto, los editores web son adecuados para todos los usuarios, desde principiantes hasta diseñadores web profesionales. Se basan en el principio "Lo que ves es lo que obtienes" y, bajo la abreviatura editor WYSIWYG, facilitan la creación de sitios web. Complementan o reemplazan el trabajo con editores de código simples como Notepad ++, SubEthaEdit y Emacs. Una interfaz gráfica de usuario garantiza una rápida sensación de logro y el efecto de cada cambio es inmediatamente visible, porque edita su propio sitio web directamente en la vista previa, por así decirlo. Sin embargo, los puristas del diseño web no siempre quedan impresionados: dado que el editor WYSIWYG crea el código en segundo plano, no siempre se recorta por motivos de eficiencia. La codificación a mano puede producir un código mucho más limpio aquí, pero también es mucho más trabajo.
Editores web frente a creadores de sitios web
Cualquiera que busque una forma de crear un sitio web se encontrará rápidamente con creadores de sitios web de proveedores de alojamiento como Jimdo *. Estos kits de construcción en línea son soluciones particularmente amigables para principiantes que permiten resultados rápidos y atractivos. Sin embargo, esta simplicidad establece límites funcionales y creativos muy estrictos, por lo que estas herramientas generalmente no pueden implementar sitios web complejos con diseños individuales. También es importante que dichos sitios web usualmente estén vinculados al proveedor de alojamiento; mudarse a otro proveedor en una fecha posterior es difícil o incluso imposible.
Aquí es exactamente donde entran en juego los editores web clásicos. Permiten la creación de una página de inicio localmente en la PC o Mac y, por lo tanto, hacen que el sitio web sea en gran medida independiente del servidor web utilizado. Aún más: aquellos que trabajan con editores web crean sitios web estáticos que se pueden operar en casi cualquier servidor con algunos conocimientos técnicos básicos, por ejemplo, con un servidor web local en la intranet o usando herramientas como MAMP o XAMPP en su propia PC y Mac. .
¿Editor web o sistema de gestión de contenido?
Algunos creadores de sitios web también confían en sistemas de gestión de contenido (CMS) como Wordpress o Joomla. Después de todo, con muchos servidores web, estos pueden instalarse más o menos automáticamente y luego usarse. A diferencia de los kits de construcción de sitios web, también se pueden utilizar de forma muy flexible y permiten una buena interacción con clientes y lectores. Si es necesario, el contenido también se puede transferir a otros servidores web con conocimientos técnicos inadecuados. A veces, sin embargo, los editores web son una mejor opción que los sistemas de gestión de contenido: por un lado, los sistemas de gestión de contenido suelen ser "demasiado buenos". La sobrecarga técnica que surge con los complementos, temas y actualizaciones no siempre tiene sentido, especialmente para páginas muy pequeñas o simples. Y luego, por supuesto, también está el problema de que tales sistemas están generalizados y son complejos y, por lo tanto, son un objetivo popular para los atacantes. Por lo tanto, los editores web son una buena opción, especialmente para sitios web más pequeños y que rara vez cambian.
No despreciar el desempeño
La mayoría de las páginas estáticas creadas con editores web no funcionan necesariamente sin la integración o las bases de datos de terceros. Sin embargo, pueden sumar puntos frente a los grandes sistemas de gestión de contenido en términos de rendimiento. PHP es posible aquí, pero lo obvio es crear sitios web con el menor contenido dinámico posible. Como resultado, un sitio web gana significativamente en rendimiento, especialmente cuando se trata de proyectos con solo unas pocas subpáginas. El rendimiento es un factor de clasificación claro en Google and Co., por lo que las páginas más rápidas suelen tener más éxito. Aquí, los editores web ofrecen a los usuarios una buena opción para poner en línea un sitio web sencillo y de alto rendimiento. Dependiendo del producto, también se pueden utilizar, por ejemplo, para adaptar páginas basadas en CMS, por ejemplo mediante la posibilidad de crear temas para un sistema como Wordpress.
Descripción general de los editores web
En la siguiente sección presentamos algunos editores web que son adecuados para crear y mantener sitios web.
Adobe Dreamweaver: lo último en editores web
🛈 Windows, Mac | 23,79 € (por mes, suscripción anual)
Dreamweaver * que ofrece Adobe es lo último en lo que respecta a la creación de sitios web con WYSIWYG. El editor ha experimentado un desarrollo constante durante las últimas dos décadas y media desde su primer lanzamiento y está disponible tanto para Windows como para macOS. Mientras tanto, la herramienta ha pasado de ser un editor web a una herramienta multifuncional para el desarrollo web que es adecuada para una variedad de usos. Además de la función principal, el editor WYSIWYG, Dreamweaver también se puede utilizar en gran medida en texto sin ningún problema. Numerosas interfaces, conexiones API y la opción de instalar complementos amplían Dreamweaver con funciones adicionales si es necesario.
El programa también se puede utilizar para el diseño de temas de WordPress o incluso para el desarrollo de interfaces de aplicaciones. La estrecha conexión con otros productos de Adobe, como Photoshop, también garantiza que el contenido se pueda intercambiar entre los programas directamente o mediante la nube. Como resultado, Dreamweaver se conecta a la perfección con una variedad de herramientas de diseño de medios estándar. En resumen: si está buscando un editor WYSIWYG que pueda hacer todo, difícilmente podrá evitar Dreamweaver. Desafortunadamente, esta afirmación profesional también se refleja en el precio: la suscripción mensual bastante cara solo vale la pena si el programa se usa con frecuencia a largo plazo.
➤ Adobe Dreamweaver *
desde 23,79 € / mes (suscripción anual)
Incomedia WebSite X5: la solución simple
🛈 Windows | 69,99 € (Evo, pago único); 199,00 € (Pro, pago único)
WebSite X5 * también ha sido un elemento fijo entre los editores web durante años. El producto se centra en la creación de sitios web, tiendas y blogs, por lo que también incluye funciones dinámicas. El editor flexible funciona según el principio de arrastrar y soltar y permite que incluso los principiantes obtengan resultados atractivos rápidamente. A diferencia de Dreamweaver, los usuarios se salen con la suya con un pago único: la versión básica de WebSite X5 incluso está disponible de forma gratuita, pero está funcionalmente restringida en comparación con las versiones Evo y Pro.
Si necesita la gama completa de funciones, incluido el soporte de tienda, AMP y optimización de motores de búsqueda, debe usar la versión Pro. Comparado con Dreamweaver, WebSite X5 es mucho más fácil de usar, aunque no tan extenso. Desde la última versión 2021.4, que se publicó en septiembre de 2021, el alojamiento web de 12 meses con dominio, espacio web y direcciones de correo electrónico ahora se incluye con la compra del software. Se puede acceder al espacio web directamente desde la herramienta, por lo que los archivos creados se pueden cargar y poner en línea de inmediato.
➤ WebSite X5 Evo *
69,99 €
Consejo de ahorro: hasta el 28 de septiembre de 2021, la nueva versión Evo es un 40% más barata *. En lugar de 89,99 €, actualmente solo paga 53,97 €. (Desde: 22/09/2021)
Xara Designer Pro X: cree sitios web como un gráfico
🛈 Windows | 299,00 € (pago único)
El diseño web a menudo no es solo la compilación de contenido de texto, sino que también incluye muchos gráficos en estos días. En consecuencia, Xara Designer Pro X * es muy adecuado para su uso como editor de sitios web WYSIWYG. El programa es en realidad una herramienta de autoedición y diseño gráfico que también tiene una función de editor web. Esto significa que se puede operar como un programa gráfico, lo que simplifica significativamente el diseño, especialmente para usuarios que provienen del sector gráfico o la autoedición.
Los sitios web receptivos se pueden combinar con gráficos y diseños casi directamente desde una sola fuente. Incluso se integra un dominio de su elección con dos gigabytes de almacenamiento en línea para facilitar la entrada. Las funciones de SEO también están integradas. La posibilidad de insertar varios widgets y contenido multimedia es agradable, lo que hace que el programa sea adecuado como una solución completa para el diseño de sitios web modernos.
➤ XARA Designer Pro X *
299,00 €
RocketCake Pro: un ayudante rápido para sitios web pequeños
🛈 Windows, Mac | 39,00 € (pago único)
Es incluso más fácil con RocketCake: la versión básica del editor WYSIWYG es gratuita, pero la versión completa también es bastante económica. Una variedad de plantillas ayudan a crear un sitio web moderno y atractivo. El flujo de trabajo es concluyente, especialmente porque RocketCake se puede operar de una manera básicamente similar a un programa de procesamiento de texto como Word o Apple Pages. Los elementos se adaptan de forma flexible y hay una serie de funciones prácticas que se pueden arrastrar y soltar fácilmente en el sitio web.
Convenientemente, también se crea directamente una estructura de página básica, con la ayuda de la cual, por ejemplo, se pueden crear sitios web de productos o portafolios en unos pocos pasos simples. El diseño se puede adaptar de forma flexible, el código se crea automáticamente y solo se puede adaptar de forma limitada. Los usuarios de Mac, en particular, deberían sentirse como en casa aquí de inmediato, pero Rocket Cake también está disponible para sistemas Windows.
➤ RocketCake
39,00 €
Blocs: WYSIWYG con opción de WordPress
🛈 Mac | US $ 118,99 (pago único)
Si te gusta un poco más moderno y extenso, también puedes trabajar con Blocs * en Mac: el programa basado en el framework Bootstrap ha sido especialmente desarrollado para sistemas Mac y hace un uso óptimo de sus características específicas del sistema. Como sugiere el nombre, Blocs está basado en bloques. Como se sabe de los sistemas CMS, el editor no está optimizado para los más pequeños, sino que utiliza unidades de contenido más grandes que luego se pueden combinar y completar. Incluso si el principio es un poco extraño al principio, la curva de aprendizaje resulta ser muy empinada en el uso práctico. La herramienta ayuda a lograr resultados extremadamente profesionales en un abrir y cerrar de ojos, tanto para sitios web HTML puros como como un archivo adjunto para páginas de Wordpress existentes.
Las funciones de comentarios pueden incluso integrarse, las imágenes pueden protegerse contra copias pirateadas y existen funciones prácticas como mapas del sitio o soporte de comercio electrónico. Considerándolo todo, una solución completa para los usuarios que aún no saben si finalmente usarán Wordpress después de todo.
➤ Bloques *
US $ 118.99
Brillo: WYSIWYG, estilo Mac
🛈 Mac | 129,99 € (pago único)
Sparkle también sigue un enfoque similar a Blocs, pero más claramente en el nivel de los editores WYSIWYG clásicos. Al inicio de un proyecto, existe la opción de seleccionar un tema. La operación no se basa en bloques sino en elementos y tampoco hay funcionalidad de Wordpress. No obstante, Sparkle es un enfoque agradable y, sobre todo, moderno para abordar el principio WYSIWYG. Las funciones integradas del motor de búsqueda y la alta velocidad de los sitios web terminados basados puramente en tecnología HTML / CSS son prácticos.
Dado que Sparkle solo genera contenido estático, los sitios web creados con él no solo son rápidos, sino que también son fáciles de transferir y, sobre todo, seguros. Esto los hace ideales, por ejemplo, para páginas de destino, campañas o sitios web de competencia que tienen que hacer frente a cargas puntuales elevadas. Desafortunadamente, Sparkle solo está disponible para MacOS, pero también está optimizado para el sistema operativo Apple.
➤ Brillo
129,99 €
Cree sitios web con editores WYSIWYG gratuitos
Además de las herramientas comerciales, hay varios programas gratuitos que funcionan según el principio WYSIWYG. Sin embargo, estos suelen ser bastante simples técnicamente, anticuados o requieren cierto conocimiento del usuario para diseñar páginas de acuerdo con los estándares modernos, por ejemplo, receptivos. Además de las versiones gratuitas y de prueba de las herramientas anteriores, existe sobre todo el editor web BlueGriffon, que es adecuado como una alternativa gratuita a los editores WYSIWYG comerciales. Como sucesor de los proyectos abandonados NVU y KompoZer, que a su vez surgieron del editor HTML contenido en Netscape Navigator, BlueGriffon es un editor web moderno para muchos propósitos. Sin embargo, en comparación con las herramientas comerciales, tiene la desventaja de que se requieren muchos conocimientos básicos para crear páginas atractivas: BlueGriffon apenas lleva a los usuarios de la mano.
De lo contrario, lamentablemente no hay muchas alternativas: los creadores de sitios web y CMS gratuitos como wordpress.com, la plataforma de alojamiento de Wordpress, se han apoderado en gran medida del campo. El Publii Static-Site-Builder, que combina las ventajas de los editores WYSIWYG y los sistemas de administración de contenido en un programa simple fuera de línea que genera páginas HTML puras, sigue siendo interesante. Si simplemente desea programar HTML puro, puede utilizar una variedad de editores HTML como Microsoft Visual Studio. Y si lo quieres más gráficamente y no tienes altos requisitos conceptuales, puedes incluso jugar con páginas de Internet muy básicas con Microsoft Word.
Conclusión
En general, los editores WYSIWYG son ahora una especie bastante rara: los creadores de sitios web, los sistemas de gestión de contenido y los generadores de sitios estáticos basados en líneas de comandos como Hugo se han apoderado del campo en muchos lugares. Los usuarios de Mac todavía encontrarán dos representantes modernos del género en Sparkle y Blocs. Si usa Windows, entonces sería recomendable que Website X5 o Dreamweaver. Las soluciones gratuitas son pocas y distantes entre sí: con Publii y BlueGriffon, hay al menos dos soluciones prácticas que pueden complementarse si es necesario. Para todos los demás propósitos, los editores de texto son el método de elección hoy en día, incluso si la programación de sitios web es de interés principalmente para los profesionales.
➤ Volver a la lista: una descripción general de los editores web
* Los enlaces marcados con un asterisco son enlaces de afiliados por los que podemos recibir una comisión. ¡Esto no aumenta el precio de compra!
Edición y actualización: equipo de descargas de heise
(Christian Rentrop)