revista probando

Contenido de: Gualiangel Barrios

T U REVISTA DIGITAL

Definición de dreamweaver

Utilidades de dreamweaver

Ventajas de dreamweaver

Entornos de trabajo de dreamweaver

22

Principales Barras de Herramienta de dreamweaver

Menú en dreamweaver

Qué vamos a leer?

33

55

77

88

99

1010

33

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.


44

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

55


Preferencias. EdiciónEn el menú Edición > Preferencias... ,podemos modificar a nuestro gusto lasopciones que de forma predeterminada

nos aparecen al utilizarDw

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 sesituará según esté por defecto en el navegador.

Desactiva la opciónSombreado

si quieres que la línea no tenga el efectotridimensional que ofrece la línea al crearla

66


Zonasinteractivas

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 lasLlamadas 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 tardenmenos 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 deComportamientos 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 repetirpermite anular las operaciones que se van realizando cuando no estemossatisfechos de lo obtenido y queramos recuperar lo anterior, y así al activar

Deshacerse anulará La última operación realizada. Si cambiamos de opinión

y queremos volver otra vez al cambio tenemos la opción deRepetir

Las de más utilidades las podremos ver con los contenidos siguientes:

77

Ventajas de dreamweaver

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.

·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

● Vista de diseño● Vista código

● Vista código y diseño● Ayuda

88

Entorno de trabajo de dreamweaver

La pantalla inicial

Las barras Vistas de un documento

● 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

●

99

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 o en el inspector de código.

1010

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.

Contenido de: Gualiangel Barrios2015

revista probando

Documents