¿Qué es WYSIWYG? Cómo surgió el editor HTML online

¿Qué Tal? hoy te hablaré de ¿Qué es WYSIWYG?

WYSIWYG. No, este no es otro de esos acrónimos novedosos que los niños están usando en estos días; en realidad, existe desde hace bastante tiempo.

«Lo que ves es lo que obtienes», o WYSIWYG para abreviar, se refiere a un editor HTML en el que el contenido de un blog o página web aparece como lo haría cuando está en vivo.

A diferencia de los editores tradicionales, un editor WYSIWYG se centra en el resultado final, lo que le permite tener una idea más clara de lo que está creando a medida que lo crea. En Adobe Dreamweaver a Google Web Designer a la los editores WYSIWYG están simplificando la forma en que producimos contenido.

Pero, ¿alguna vez te detuviste a pensar de dónde venían? Vamos a explorar.

WYSI-¿Qué es?

Antes de que se usara para describir la tecnología que permitía a los usuarios visualizar cómo sería el producto final, WYSIWYG (pronunciado wiz-ee-wig) fue popularizado por un boletín titulado WYSIWYG.

Publicado por Arlene y José Ramos, el boletín informativo WYSIWYG se creó para la industria de la preimpresión y finalmente se vendió a los empleados del Instituto de Investigación de Stanford después de tres años de publicación.

Hoy en día, se ha convertido en sinónimo de experiencia de edición web, y han surgido más términos relacionados. Desde WYSIMOLWYG (lo que ves es más o menos lo que obtienes) hasta WYSIAWYG (lo que ves es casi lo que obtienes), estas variaciones se usan a menudo para describir las limitaciones de ciertos editores que carecen de una verdadera funcionalidad WYSIWYG.

Historia del editor WYSIWYG

Antes de la World Wide Web: Bravo y Word

Antes de que se introdujeran los editores WYSIWYG en la década de 1970, los creadores de contenido tenían poco control sobre la forma en que aparecían sus documentos. Para personalizar el contenido, se indicó a los mecanógrafos que usaran «códigos de control» que representaban el formato deseado. Esto significaba que una función tan simple como centrar un párrafo era un proceso manual en el que los mecanógrafos se veían obligados a agregar espacios adicionales para crear el formato adecuado.

Era evidente que los sistemas necesitaban cambiar, pero ¿quién sería el que lo haría?

Después de obtener su Maestría en Ingeniería, Matemáticas y Estadística en la Universidad de California, Berkeley, bajo la tutela del científico informático Butler Lampson, Charles Simonyi fue contratado para PARC de Xerox en 1972. Fue aquí donde Simonyi y Lampson comenzaron a desarrollar el editor WYSIWYG, que habían comenzado a conceptualizar mientras estaban en Berkeley.

En 1974, el primer WYSIWYG del mundo Preparación del documento El programa Bravo entró en funcionamiento. Bravo fue habilitado por el primera computadora personal completamente conectada en redla Xerox Alto, que fue desarrollado en Xerox PARC en 1972.

Sin embargo, Xerox Alto nunca se comercializó públicamente, y al darse cuenta de que el programa WYSIWYG solo se usaría internamente en Xerox PARC, Simonyi decidió buscar nuevas oportunidades. Interesado en el concepto de una empresa que se centraba únicamente en el software, Simonyi se unió a Microsoft en 1981.

En Microsoft, Simonyi trabajó con el desarrollador de software Richard Brodie para comenzar el desarrollo de un procesador de textos WYSIWYG llamado Multi-Tool Word – que luego pasó a llamarse Microsoft Word en 1983.

Si bien Microsoft Word ha crecido hasta convertirse posiblemente en el software de procesamiento de textos más utilizado, no fue el primero de su tipo. De hecho, tras su lanzamiento, varias otras herramientas ya dominaban el marketing, entre ellas PalabraEstrella — el primer procesador de textos WYSIWYG maduro de MicroPro.

Era evidente que se estaba haciendo progreso para expandir el mercado de programas WYSIWYG, pero la adopción fue lenta durante la década de 1970 y principios de la de 1980 debido a capacidades gráficas inmaduras y pantallas de mapa de bits. Sin embargo, a medida que las computadoras hogareñas se volvieron más sofisticadas, los programas WYSIWYG comenzaron a aparecer con mayor frecuencia.

WYSIWYG en línea: Adobe Creative Cloud

Después el primer sitio web se lanzó en 1991, era hora de que los desarrolladores exploraran editores HTML WYSIWYG más avanzados. El objetivo era crear una interfaz de edición que facilitara la creación de sitios web para aquellos que no estaban bien versados ​​en HTML.

El primer editor HTML WYSIWYG, WebMagic, fue lanzado por Gráficos de silicio en 1995. Después asegurando $ 2.5 millones en fondos del presidente y director de operaciones de Silicon Graphic, Tom Jermoluk, John McCrea se dispuso a lanzar una línea de productos para la creación web.

¿La única trampa? Faltaban menos de 80 días para la fecha límite del proyecto.

Sin tiempo que perder, McCrea se puso en marcha con la ayuda del vicepresidente y director general de Visual Magic Divisions, Way Ting. Como no estaban dispuestos a empezar desde cero, McCrea y Ting lograron llegar a un acuerdo con Amdahl, un fabricante de computadoras centrales compatibles con IBM, que les proporcionó tanto un código funcional como el desarrollador David Koplas. A partir de ahí, armaron un pequeño equipo que trabajaría incansablemente en el proyecto hasta que estuvo listo para su lanzamiento el 25 de enero de 1995.

Si bien WebMagic fue el primero de su tipo, los editores similares no tardaron en seguirlo. En octubre de 1995, Vermeer Technologies, que fue adquirida por Microsoft en 1996 — Publicado FrontPage. Al ser el primer editor HTML WYSIWYG en Windows, FrontPage fue un activo valioso para Microsoft durante la «guerra de navegadores» contra Netscape. Sin embargo, después de años de iteración, Microsoft anunció que el programa sería reemplazado por Microsoft SharePoint Designer y Microsoft Expression Web en 2006.

Durante este período de tiempo, muchos otros editores HTML WYSIWYG salieron al mercado, incluyendo Tejesueños. Lanzado por Macromedia en 1997, Dreamweaver se convirtió rápidamente en otro potente editor HTML WYSIWYG, creando un entorno fácil de usar para el desarrollo de sitios web.

Para 2005, Adobe compró Macromedia — junto con los derechos de Dreamweaver. Desde entonces, Adobe ha mantenido el desarrollo del software, que ahora existe entre otras poderosas herramientas en Nube creativa de Adobe.

WYSIWYG actuales

Gracias a la base establecida por los primeros editores HTML WYSIWYG, los editores de hoy en día están más optimizados que nunca. Para tener una mejor idea de hasta dónde han llegado las cosas, echemos un vistazo a algunos lanzamientos notables.

Diseñador web de Google

En septiembre de 2013, Google lanzó Diseñador web, una herramienta WYSIWYG para crear anuncios y sitios web HTML5 interactivos. Web Designer emplea interactividad, animación e integraciones de Google para ayudar a cualquier persona a obtener rápidamente un sitio web de alta calidad.

Este editor independiente de la plataforma fue lanzado como código abierto bajo la LGPL por Ephox. Diseñado para integrarse con sistemas de administración de contenido como WordPress, Drupal y Django, TinyMCE permite a los usuarios convertir áreas HTML en instancias de editor.

Open Element

Open Element es un software de creación web gratuito con una interfaz WYSIWYG. Al generar automáticamente el código necesario para que un sitio web se muestre correctamente, el software facilita a los usuarios orientar la dirección de su sitio web.

¿Ya usa algún software con una experiencia agradable a la edición? Es posible que haya notado un cambio en su experiencia de edición en varios softwares. Para ayudarlo a usted, o a cualquier miembro de su equipo, se crean softwares para generar contenido más atractivo, se actualizan plantillas de edición para reflejar una verdadera experiencia Wysiwyg de pantalla completa.Nos leeremos hasta la próxima

sobre el autor

Estuardo Monroy

Te gustaría saber más sobre el autor, te invito que veas la sección de Nosotros en Consultor SEO, donde se extiende hablando sobre su experiencia, conocimientos y un poco de información personal.