A fin mejorar la experiencia en entornos visuales, evaluaremos los diferentes beneficios del editor de texto Dreamweaver en la creación de documentos HTML. Cuando comenzamos la creación de proyectos para internet tardamos largo tiempo al iniciarlo debido a la falta de dominio completo de las etiquetas de HTML. Por este motivo, determinaremos algunas características del editor de texto gráfico de tipo WYSIWYG llamado Dreamweaver.

Dreamweaver es un entorno para crear páginas web mediante un apoyo visual. Esto facilita la creación de código HTML, cuando comenzamos en la programación. Es un editor de texto de tipo gráfico, es decir, pertenece a la clasificación WYSIWYG.

061-01_0210_ilu01. Ícono de Dreamweaver

Es un software con la opción de:

• Generar el diseño del proyecto web mediante gráficos en la medida de la creación del proyecto, por lo tanto, a un lado se genera y se muestra el código HTML correspondiente a dicho diseño.
• Crear el documento directamente con lenguaje HTML, y así mostraría la vista del usuario en tiempo real, con cada etiqueta conformada.

Ambas opciones son favorables, y dependen del conocimiento de este lenguaje de marcado.

061-01_0210_ilu02. Código HTML en Dreamweaver

Realizamos la descarga de Dreamweaver a través de su página oficial, para utilizar la variedad de funcionalidades ofrecidas por este entorno de programación. Para estar seguros de la utilidad de este software, probamos la versión gratuita existente, a fin de conocerlo antes de realizar el pago correspondiente por la versión completa. Luego de su descarga y apertura seleccionamos el lenguaje HTML para crear la página web, o abrimos uno ya comenzado a fin de seguir editando con esta aplicación

Debajo de la imagen siguiente observamos en la parte superior izquierda la pestaña sin título debido a la necesidad de realizar el procedimiento de guardado, con la extensión correspondiente y nombre del documento.

061-01_0210_ilu03. Creación de documento HTML en Dreamweaver

Mediante Dreamweaver tenemos tres opciones básicas para la visualización de proyectos:

• Code, para crear la página código a código, o cuando modificamos una línea específica, la cual presenta dificultad en hacerlo mediante los gráficos ofrecidos.

061-01_0210_ilu04. Vista de opción code de Dreamweaver

• Split, para dividir la pantalla en dos, de esta forma tenemos en un lado el código HTML, y a la derecha la vista al usuario final.

061-01_0210_ilu05. Vista de opción split de Dreamweaver

• Design, para realizar el diseño de la página web, esto mediante el panel a la derecha para seleccionar los campos necesarios. Al momento de seleccionar el campo, lo arrastramos hasta el lugar deseado y de forma automática se crea el código HTML. Podemos aumentar o disminuir el tamaño, y de igual forma se realizan los ajustes correspondientes mediante el lenguaje de marcado.

061-01_0210_ilu06. Vista de opción design de Dreamweaver

Keynotes                                                                                                       

• Dreamweaver es un entorno para crear páginas web mediante un apoyo visual, esto facilita la creación de código HTML, cuando iniciamos en la programación. Es un editor de texto de tipo gráfico, es decir, pertenece a la clasificación WYSIWYG.
• Realizamos la descarga de Dreamweaver a través de su página oficial, para utilizar la variedad de funcionalidades ofrecidas por este entorno de programación. Para estar seguros de la utilidad de este software, probamos la versión gratuita existente.
• Con Dreamweaver existe la posibilidad de crear el documento directamente con lenguaje HTML, y así mostraría la vista del usuario en tiempo real, con cada etiqueta conformada.

A fin de dominar los beneficios del editor de texto Dreamweaver, explora seis características sobre un documento HTML.

Pasos a seguir:

• Ubica un extracto de código HTML en internet, creado mediante el lenguaje HTML, y cópialo el en el editor de texto online.
• Realiza las pruebas necesarias a fin de poner en práctica seis características de este editor.
• Expón el resultado a un experto en el área como tú.
• Toma nota de las ugerencias de este, sobre el ejemplo desarrollado.

Sabrás que has tenido éxito cuando, tu resumen sea entendido con facilidad por una persona sin conocimiento sobre editores de texto online.

Al finalizar analiza los resultados, e indica tres desventajas de este tipo de editor. Comparte todo el proceso en tu vKonnect y realiza una retroalimentación en la publicación de dos compañeros. Asimismo realiza una intervención en la de tus compañeros.

Tiempo disponible: 3 horas.

El uso de editor de texto Dreamweaver otorga la posibilidad de acortar los tiempos de iniciación de una página web, debido al apoyo de gráficos otorgado. Luego de evaluar las ventajas y desventajas de este editor gráfico, elegimos correctamente el software para la creación de páginas web. La práctica constante y paciencia son determinantes en el uso eficiente de Dreamweaver.