A fin de evaluar el tipo de software con apoyo visual utilizado para la creación de páginas web, identificaremos los editores de texto gráficos para desarrollar documentos HTML. En algunos casos cuando desarrollamos proyectos para internet, necesitamos comenzar con el bosquejo visual de las páginas, y por desconocer cómo hacerlo, pasamos largas horas en un computador a fin de buscar la forma de utilizar correctamente las etiquetas. Allí estriba la importancia de identificar diferentes software para crear páginas web mediante gráficos.

Es necesario un software para crear los documentos con lenguaje de marcado HTML. En el caso de los editores de texto plano se requiere conocer con detalles cada etiqueta y la función realizada por ella. Existe otra opción para facilitar la creación de páginas web, aun sin conocer en su totalidad toda la estructura de este lenguaje.

061-01_0207_ilu01. Íconos de editores WYSIWYG

Los editores de texto gráficos son llamados entornos WYSIWYG, acrónimo de What You See Is What You Get, es decir, lo que vemos es lo que obtenemos. Estos tipos de editores permiten construir de manera visual el resultado final de la web, es decir, el cual observará el usuario en su navegador web. Al terminar el diseño exportamos el proyecto a un documento HTML en estos editores gráficos.

061-01_0207_ilu02. Proceso con editores WYSIWYG

Un ejemplo de editor de texto gráfico es Dreamweaver, el cual descargamos desde la web del respectivo fabricante y requiere de un pago para disfrutarlo. Este software brinda al programador, la opción de crear el diseño del proyecto web como si realizaramos un dibujo, mediante la inserción de cuadros de texto, definición de colores, entre otros elementos. En la medida de la creación del proyecto, se muestra el código HTML correspondiente a dicho diseño. También, es posible crearlo sin apoyo de elementos visuales, directamente con lenguaje HTML.

061-01_0207_ilu03. Ícono de Dreamweaver

Existen alternativas de editores de textos gráficos gratuitos, como por ejemplo Kompozer, el cual es de código abierto. En la página oficial encontramos el archivo para su descarga de forma libre, además, existe la posibilidad de realizar donaciones al grupo desarrollador de este software. Mediante Kompozer creamos páginas web con elementos visuales, y posteriormente exportamos el código.

061-01_0207_ilu04. Ícono e inicio de Kompozer

Al crear documentos HTML existen software con la opción de tener la ventana de visualización del proyecto dividida, con la finalidad de mostrar el diseño en una parte de la pantalla y en la otra el código. De esta forma se hacen modificaciones tanto al código como al diseño en tiempo real. En la siguiente ilustración observamos un ejemplo, en el cual simulamos la posibilidad de realizar este procedimiento.

061-01_0207_ilu05. Visualización de pantalla dividida

Keynotes

• Es necesario un software para crear los documentos con lenguaje de marcado HTML. En el caso de los editores de texto planos se requiere conocer con detalles cada etiqueta y la función realizada por ella.
• Los editores de texto gráficos son llamados entornos WYSIWYG, acrónimo de What You See Is What You Get, es decir, lo que vemos es lo que obtenemos. Estos tipos de editores permiten construir de manera visual el resultado final de la web.
• Un ejemplo de editor de texto gráfico es Dreamweaver, el cual descargamos desde la web del respectivo fabricante y requiere de un pago para disfrutarlo. Este software brinda al programador, la opción de crear el diseño del proyecto web como si realizaramos un dibujo.
• Existen alternativas de editores de textos gráficos gratuitos, como por ejemplo Kompozer, el cual es de código abierto. En la página oficial encontramos el archivo para su descarga de forma libre.
• Al crear documentos HTML existen software con la opción de tener la ventana de visualización del proyecto dividida, con la finalidad de mostrar el diseño en una parte de la pantalla y en la otra el código.

Crea el diseño de una página web mediante gráficos con el editor de tipo WYSIWYG preferencial.

¡Comparte el resultado final de tu reto en vKonnect y realiza una pregunta de funcionamiento sobre el editor publicado de dos de tus compañeros!

Tiempo disponible: entre 15 y 30 minutos.

La identificación de editores de texto gráficos en la creación de documentos HTML, permite comenzar con el bosquejo visual de las páginas web, y posteriormente agregar modificaciones minuciosas. Además, dominamos con exactitud el tipo de software con apoyo visual para la creación de documentos HTML. Con organización y detenimiento usaremos correctamente editores de tipo WYSIWYG.