EDITAR PÁGINAS WEB

INICIO
IMAGENES
ENLACES
TABLAS
FRAMES
MULTIMEDIA
MAPAS
FORMULARIOS

IMÁGENES

ACTIVIDAD 1: PONER UNA IMAGEN DE FONDO
  • Iniciamos Mozilla
  • Vamos a la página de Google
  • Marcamos Imágenes
  • Ponemos para buscar : Litoral (por ejemplo)
  • Seleccionamos una foto
  • Boton derecho > Guardar imagen > Seleccionamos nuestra carpeta> Guardar

  • Abrimos una página en blanco de Composer
  • Formato>Color y fondo de página>Imagen de fondo >Elija un archivo > Buscar en nuestra carpeta la imagen guardada> Aceptar
Ya tenemos una imagen de fondo. Si es lo bastante grande ocupara por sí sola todo el fondo , si no se repetirá como un mosaico. Para modificar el tamaño de la imagen y crear otros efectos lo haríamos con programas de gráficos.
Observar el código. Ahora la etiqueta <body> contiene <body style="background-image:  ruta de la imagen">

ACTIVIDAD 2: INSERTAR UNA IMAGEN

Volvamos a un documento sin imagen de fondo.
Imagen>No usar texto alternativo>Elija Archivo>Abrir ... Ahora podemos Aceptar o bien modificar los atributos de la imagen. De momento aceptamos. Si
observamos el código: aparece <img src="ruta de la imagen" title="" alt=""  style="width: 727px; height: 487px;">

No requiere comentarios. Pero ya sabemos que cada vez que necesite buscar en el código fuente una imagen estará tras la etiqueta img src =

Se puede o no ponerle borde con:  border="num píxeles", aunque lo hace composer directamente.
Ahora podemos modificar la imagen desde la vista Normal.
Seleccionamos la imagen a modificar (pinchar con ratón) > Imagen y ya podemos modificar  sobre la pantalla siguiente las dimensiones, apariencia y Enlace. Este último lo vemos después.


Aquí, por ejemplo hemos puesto en Apariencia>Alinear el texto con la imagen>El texto fluye por la derecha.

Para conseguir situar la imagen en otras situaciones no previstas en ese menú tenemos que insertar tablas y colocar la imagen en la celda que queramos.

GIF ANIMADOS

Es posible insertar GIF animados. Puiedes crearlos con programas como GIMP (a partir de versión 2.0) o simplemente copiarlos de alguna web.
Para ello entra en Google, escribe gif animados y te aparecen varias direcciones. Basta con elegir algún GIF que te huste , guardarlo en tu ordenador e insertarlo como una imagen normal. Sólo se verá la animación cuando veas la página desde el navegador.