T U REVISTA DIGITAL
Contenido de: Gualiangel Barrios
Qué vamos a leer? Definición de dreamweaver
33
Utilidades de dreamweaver
Ventajas de dreamweaver
55 77
Entornos de trabajo de dreamweaver
Principales Barras de Herramienta de dreamweaver
Menú en dreamweaver
88
99
10 10
22
Definición de dreamweaver
Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.
33
Definición de dreamweaver Dreamweaver es uno de los editores de HTML más usado en todo el mundo. En este vídeo aprenderás a incluir contenido textual en una página web. https://www.youtube.com/watch?v=Q0ECj3147Ks
Para poder adquirir el programa debes acceder a la página web oficial: http://www.adobe.com/es/products/dreamweaver.html
44
Utilidades de dreamweaver
Preferencias. Edición En el menú Edición > Preferencias... , podemos modificar a nuestro gusto las opciones que de forma predeterminada nos aparecen al utilizar Dw Insertar > Regla horizontal , cuyas propiedades podemos modificar con el inspector correspondiente. An (ancho) en píxeles o en porcentaje Al (alto) grosor de la línea Alinear , con las opciones de Izquierda, Centro, Derecha. Si eliges Pred et. la línea se situará según esté por defecto en el navegador. Desactiva la opción Sombreado si quieres que la línea no tenga el efecto tridimensional que ofrece la línea al crearla
55
Utilidades de dreamweaver Zonas interactivas Podemos hacer que partes de una imagen insertada en nuestra página tenga vínculos a otras zonas o páginas externas. Para ello es necesari o crear las Llamadas zonas interactivas para lo cual emplearemos los botones del inspector de propiedades que aparecen al seleccionar una imagen cuyas partes vamos a vincular.
Inserción de sonidos y vídeo Los sonidos suelen ser de baja calidad con el fin de que tarden menos en descargarse. Se suelen subir a la red en formato MP3 que consigu e una calidad de sonido similar a la de un CD de audio. Para que se pueda escuchar una canción empezaremos por hacer cli c en la etiqueta <body>, y a continuación activaremos el panel de Comportamientos y activaremos el botón para desplegar las opciones y seleccionar Controlar sonido , y al pulsar en ella nos permitirá elegir el nombre del archivo Que contenga la canción a escuchar (los distintos eventos que nos permite elegir Dw
Deshacer y repetir permite anular las operaciones que se van realizando cuando no estemos satisfechos de lo obtenido y queramos recuperar lo anterior, y así al activar
Deshacer
se anulará La última operación realizada. Si cambiamos de opinión y queremos volver otra vez al cambio tenemos la opción de Repetir
66 Las de más utilidades las podremos ver con los contenidos siguientes:
Ventajas de dreamweaver ·La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias
Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código. ·Un aspecto de alta consideración de Dreamweaver es su funcionalidad con extensiones. Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son pequeños programas, que cualquier desarrollador web puede escribir (normalmente en HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo así funcionalidades añadidas a la aplicación.
77
Entorno de trabajo de dreamweaver
La pantalla inicial
Las barras
Barras de titulo ● Barras de menú ● Barra de herramienta estandar Barra de herramientas de documentos ● Barra de estado ● Inspector de propiedades ● Barra de herramientas Insertar o panel de objetos
Vistas de un documento
●
●
●
Vista de diseño ● Vista código Vista código y diseño ● Ayuda ●
●
88
Principales Barra de herramientas de dreamweaver
La barra de herramientas de Dreamweaver contiene botones que permiten alternar Entre diferentes vistas del documento rápidamente, cambiar el título del documento o previsualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione.
El pánel objetos Este pánel contiene botones que permiten la creación e inserción de diversos tipos de objetos, como tablas, vínculos, capas e imágenes. El pánel contiene siete categorías de forma predeterminada: Común, Formularios, Marcos, Head, Invisibles y Caracteres. También contiene botones que cambian de vista: Estándar y Disposición.
Inspector de propiedades
El inspector de propiedades permite examinar y editar las propiedades del elemento que esté seleccionado actualmente, puede ser un objeto o texto. Es posible seleccionar los elementos en la ventana de documento en el inspector de código.
99
Principales Menú de dreamweaver Los menús contextuales proporcionan acceso rápido a los comandos y las propiedades más útiles relacionados con la ventana o el objeto con el que esté trabajando. En los menús contextuales sólo aparecen los comandos pertinentes para la selección actual. Haga clic con el botón derecho del ratón (Windows) o haga clic mientras presiona la tecla Control (Macintosh) en el objeto o ventana. Seleccione un comando en el menú contextual.
10 10
Contenido de: Gualiangel Barrios 2015