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.
RetoCrea 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.
CierreLa 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.
