República Bolivariana de Venezuela

Universidad Pedagógica Experimental Libertador

Instituto Pedagógico Rural Gervasio Rubio

Táchira

DREAMWEAVER

(Imágenes)

Autores:

Bravo Gloria 19.540.722

Peñaloza Yuribel 19.522.845

Peñaloza Jorge 19.033.040

Octubre de 2013

Introducción

DREAMWEAVER es un programa que maneja un lenguaje de programación

extenso, dinámico y fácil de usar. Para la creación de páginas web es el apropiado ya que

con el podemos crear páginas dinámicas y entretenidas, ahora bien esta aplicación tiene un

sinfín de comandos u opciones para la inserción de elementos como por ejemplo imágenes,

texto, plantillas, tablas, capas, formularios entre otros, el siguiente informe se enfocara en la

opción de imágenes, como insertar, como cambiarle lo ancho y alto de la imagen, crear

vínculos, insertar texto, crear tablas e insertar imágenes en ellas. Todo este tipo de cosas

ayudaran a darle un buen diseño a la página web, que esta sea interesante y atrayente para

el público y lo que es importante que sea dinámica, es decir, que el usuario pueda

interactuar con la página.

Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web

instalados en su ordenador para pre visualizar las páginas web. También dispone de

herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la

habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de

parámetro especificado, hasta el sitio web completo. Las funciones de edición visual de

Dreamweaver permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la

necesidad de programar manualmente el código HTML.

Dreanweaver contiene un sinfín de opciones para crear páginas web, una de esas opciones

es la inserción de imágenes. Para lograrlo se hace de la siguiente manera.

1) Se debe dirigir el cursor hacia el panel de opciones que está ubicado en la parte

superior del programa.

2) Al momento de darle clic en la opción de imágenes, automáticamente mostrara el

siguiente listado de opciones.

3) Para ingresar una imagen debes darle clic en la opción que dice imagen, como

resultado abrirá una ventana con la dirección de las imágenes.

4) Escoge la imagen de tu preferencia y dale clic en aceptar, aparecerá una ventana y

en la casilla que dice texto alternativo ingresa una frase clave de la imagen.

5) Dale clic y la imagen aparecerá en el programa, en la parte de diseño.

6) Si observamos en la parte inferior del programa, hay un panel con el nombre de

propiedades de la imagen que hay que seleccionar previamente.

7) En la casilla que dice imagen se le coloca el nombre.

8) En las casillas con el nombre AL y AN es para colocar el ancho y alto de la imagen

que se desee o evitar que quede pixelada.

9) En la casilla con el nombre de origen, se utiliza para poner el origen de la imagen

que ya aparece.

10)La casilla con el nombre vinculo se utiliza para agregarle una dirección a la

imagen.

11)En la parte que dice edición, se visualizan una serie de opciones para poder editar la

imagen.

Editar

Optimizar en fireworks

Recorte

Volver a muestrear

Brillo

Perfilar

12)En la parte inferior del panel está la opción de mapas estas se utilizan para que al

momento de dar clic marque sobre la imagen o texto al lado de ellas se encuentra las

opciones de alto y ancho.

13)En la casilla que dice destino es para programa la página, a continuación se muestra

sus funciones al darle clic mostrara una lista de opciones.

La opción que dice blank es para que al momento de darle clic a la imagen abra

otra pestaña.

Página de inicio

Página de enlace

Carga en otra pestaña

La opción de parent es para que al momento de dar clic a la imagen esta cargue la

página actual.

14) la casilla con el nombre origen base, se utiliza para cuando las imágenes son

demasiado pesadas para cargar, el navegador muestra una imagen en blanco y negro

mietras carga la original.

15)La casilla con el nombre de borde, es para colocar un borde a la imagen

16)Las siguientes opciones se utilizan para alinear la imagen.

Abre el enlace en la misma página

17) la opción de sustitución de una imagen se utiliza para que al momento de pasar el

cursor a la imagen muestra otra imagen.

18) Para insertar una tabla con imagen nos dirigimos a la barra de menú en la opción

insertar, luego damos clic en la opción tabla.

19) Te aparecerá una ventana con las siguientes opciones.

20)Luego para ingresar la imagen selecciona un cuadro de la tabla, y le das clic a la

opción de ingresar imagen que ya se conoce, y las casillas restantes puedes

ingresarle texto.

21)A las casillas puedes agregarle color y otro tipo de fuente con el panel de

propiedades de la tabla.

Como queda en la página

Conclusión

Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como

se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el

usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo,

sobretodo en lo que a productividad se refiere. Cumple perfectamente el objetivo de diseñar

páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy

fáciles de usar. En el caso de insertar imágenes, es como hacer un trabajo en cualquiera de

las aplicaciones de ofimática. Por tal motivo para la realización de la página web de la

asignatura la web 1 recomendamos este programa.