Exercicio sobre o mundo Web 2.0

Crear unha páxina Web que teña un aspecto similar ó que se amosa na imaxen utilizando follas de estilos.

Se non quere escribir o texto pode descargar web20.zip. Dentro deste arquivo está o arquivo web20.txt que contén o texto da páxina.

A seguinte descrición da páxina complementa á imaxe:

En toda a páxina utilízanse tres tipos de letra:
  • Para o título: "Times New Roman", Times, serif
  • Para os subtítulos: "Times New Roman", Times, serif
  • Para o pé: : "MS Serif", "New York", serif
  • Para o resto: "Courier New", Courier, monoespace de 14 px.
O título ten ademáis:
  • Alineación centrada.
  • Tamaño de letra 50 px.
  • Ancho de letra moi groso.
  • Cor de letra #4B0082.
  • Espaciado entre as letras 5 px.
  • Espaciado entre as palabras 30 px.
Os subtítulos teñen ademáis:
  • Tamaño de letra 25 px.
  • Ancho de letra groso.
  • Fondo de cor #E8CAFF.
  • Sen borde.
  • O texto do subtítulo está separado do borde 30 px.
O pé ten ademáis:
  • Alineación centrada.
  • Tamaño de letra 15 px.
  • O Recadro principal que está debaixo do título ten:
    • Bordes só na parte superior e na parte esquerda, de cor #4B0082 e trazo sólido.
    • O texto interior está a un 5% dos bordes do recadro e vese xustificado.
    O Recadro que está debaixo dos subtítulos ten:
    • Borde só na parte esquerda de 40px de ancho, trazo sólido e cor #820037.
    • O texto interior está a un 5% do borde esquerdo.
    Os enlaces para o párrafo "Exemplos de Web 2.0" son:
    • http://del.icio.us/
    • http://www.housingmaps.com/
    • http://www.fluctu8.com/
    • http://eyeOS.org/
    • http://www.protopage.com/
    Os enlaces para o pé son:
    • Para "Creative Commons": http://creativecommons.org/licenses/publicdomain/
    • Para "La Flecha": http://www.laflecha.net/canales/blackhats/articulos/
  • vista do exercicio de web 2.0