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.
MisiónA 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.
CierreEl 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.
