P08.- Tarea #4: Trabajando con imágenes

Imprimir
Objetivos:
  • Insertar imágenes y alinearlas (derecha, centro, izquierda)
  • Poner fondos a página y contenedores

Ejercicio:

  • Construir una página web con estas características:
    • Diseño de bloques 1:3:2
    • Dos imagenes en el bloque contenido alineadas a la izq. y dcha.
    • Una imagen centrada en cada lateral
    • Una imagen de fondo en la cabecera
    • Colores, textos y fondos como en el ejemplo
  • La etiqueta para colocar imágenes es <img ... ... /> no tiene etiqueta de cierre.
  • Enlazar una hoja de estilos .css

    - Guarda el archivo de contenido con el nombre index.html
    - Guarda el archivo de estilos con el nombre estilos.css
    Los dos archivos deben estar en una carpetapeta llamada web_ejemplo4.

    Sube al Aula Virtual 3con14 un archivo comprimido con la carpeta y los dos archivos anteriores, además de las imágenes utilizadas.

Este ejercicio debe quedar así: [vista previa].
Este es el código XHTML.
Este es el código CSS.
Las imágenes utilizadas son estas.

imagenes_web

aula_virtual_3con14

Utilidades

imprescindibles FireFox Google Chrome Opera Safari Acrobat Reader 7zip Flash Player Java FileHippo

Visitas...

TOTAL173676

Recursos Diseño Web...

w3c_xhtmlw3c_css2

xhtml CSS2

npptopstylelite