View
33
Download
2
Category
Preview:
Citation preview
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.
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.
Recommended