La web expocisión
Descargar como DOCX, PDF0 recomendaciones169 vistas
Este documento explica cómo insertar y modificar imágenes en Dreamweaver. Describe 21 pasos para insertar imágenes, incluyendo seleccionar la imagen, agregar texto alternativo, establecer el ancho y alto, agregar vínculos, y editar propiedades. También explica cómo insertar imágenes en tablas, seleccionando una celda y agregando la imagen. Concluye que Dreamweaver es una herramienta avanzada y fácil de usar para diseñar páginas web profesionales, y es recomendable para crear la p
La web expocisión
- 1. 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
- 2. 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.
- 3. 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.
- 4. 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.
- 5. 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.
- 6. 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 Recorte Brillo Perfilar Optimizar en fireworks Volver a muestrear
- 7. 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. Carga en otra pestaña Página de inicio Página de enlace
- 8. La opción de parent es para que al momento de dar clic a la imagen esta cargue la página actual. Abre el enlace en la misma página 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.
- 9. 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.
- 10. 19) Te aparecerá una ventana con las siguientes opciones.
- 11. 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. Como queda en la página 21) A las casillas puedes agregarle color y otro tipo de fuente con el panel de propiedades de la tabla.
- 12. 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.