Traductor

Wikipedia

Resultados de la búsqueda

INSERTAR IMAGEN Y FONDO EN DREAMWEAVER

INSERTAR IMAGEN Y FONDO EN DREAMWEAVER
¿CÓMO INSERTO IMÁGENES?
Me voy a insertar
clic en imagen
Busco la carpeta imágenes previamente creada
inserto imágen
clic en aceptar
si no nos ayuda el tamaño de  la imagen lo podemos ajustar en propiedades
 Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.
2 Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos.
3 Selecciona el sitio Cocina en el panel Archivos.
4 Haz doble clic sobre el documento menu.htm, que aparece en el panel Archivos.
Se abrirá el documento en Dreamweaver.
5 Haz clic sobre el menú Insertar.
7 Elige la opción Imagen.
8 Selecciona la imagen logotipo.gif, que se encuentra dentro de la carpeta imagenes del sitio.
9 En Relativa a: selecciona la opción Documento.
10 Haz clic sobre el botón Aceptar.
11 Pulsa fuera de la imagen para que deje de estar seleccionada y se apliquen todos los cambios.
12 Pulsa F12 para ver el resultado en tu navegador.
13 Cierra la ventana del navegador.
14 Haz clic sobre el botón Guardar de la barra de herramientas.

INSERTAR FONDO EN DREAMWEAVER

Una imagen de fondo es un gráfico que se repite a lo largo de toda la ventana del navegador. Se debe escoger una imagen con poco peso para facilitar la carga de la página. Se aconseja el uso de imágenes que permitan la legibilidad del texto. El formato debe ser GIF o JPEG.
Pasos
– Escogemos la imagen que queremos añadir en el fondo. En este ejemplo usaremos esta imagen .
– Posteriormente, en la barra superior escogemos: modificar / propiedades de la página / aspecto / imagen de fondo y seleccionamos la imagen que queremos introducir.
Añadir imagen de fondo con hojas de estilo
1. Guardamos la imagen en una carpeta fácilmente localizable, por ejemplo, sitio/imagenes/fondo.gif
2. Buscamos la hoja de estilos style.css y hacemos doble click sobre ella. Editamos la etiqueta body añadiéndole lo siguiente:


3. Guardamos style.css y lo cerramos. Abrimos el archivo inicio.html y visualizamos los cambios efectuados. 

No hay comentarios:

Publicar un comentario