P08.- Tarea #3: Maquetar una página web

Imprimir
Objetivos:
  • Utilizar adecuadamente los selectores de Identificador y de clase.
  • Emplear reglas CSS dentro de páginas XHTML para maquetar la página.
Ejercicio:
  • Construir una página web con diseño: 2:3:1
  • El aspecto (colores y tamaño de letra) debe ser como en esta imagen.

p_maquetacion_pq

En este diseño se han definido los siguientes bloques (cajas):

    • Fijos: cabecera, subcabecera, pie, modulo (los de color verde y naranja claro)
    • Flotantes a la izquierda: ladoIzq, ladoDer, contenido

No olvidar que si se declara un relleno (padding) este se añade a las dimensiones del bloque.

Guarda los archivos con los nombres index.html y estilos.css en una carpeta llamada web_ejemplo3.

Sube al Aula Virtual 3con14 un archivo comprimido con el contenido de la carpeta .

Código XHTML | Código CSS. | Vista previa

Esta página se visualiza correctamente en Firefox 4.01, Chrome 13.0.767.1 dev, Safari 5.05, Internet Explorer 9 y Opera 11.11.

aula_virtual_3con14

Utilidades

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

Visitas...

TOTAL189854

Recursos Diseño Web...

w3c_xhtmlw3c_css2

xhtml CSS2

npptopstylelite