Módulo 2 - Entrega P2P obligatoria, por Carlos C

Crear una página web personal simulada, que incluya al menos:

  1. Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas.
  2. Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
  3. Distintos encabezados.
  4. Uso de caracteres especiales Incluir, imágenes de tipo bitmap y vectorial.
  5. Incluir algún vídeo.
  6. Incluir bordes redondeados en alguna de sus cajas.
  7. La página debe comenzar con el siguiente encabezamiento: “Página personal de <nombre y apellido del alumno>”

1. Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas.

  • Se ha cambiado el color de fondo y el color de texto.
  • El degradado se ha generado en la cabecera de la página, en la parte baja de la misma.

2. Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.

Se ha enlazado con la fuente 'Roboto' de Google, y se ha inicializado en el campo 'body' de la hoja de estilos.

3. Distintos encabezados.

Se ha reemplazado en tamaño del H1 porque era muy pequeño. El resto de encabezados son H2.

4. Uso de caracteres especiales. Incluir imágenes de tipo bitmap y vectorial.

  • En el punto 7 se han colocado caracteres especiales.
  • En vez de un bitmap voy a poner un gif, que es más animado y es de menor tamaño.
  • Si lo que se pide es varias imágenes en función del dispositivo pondré varios png.
  • Al realizar el ejercicio de imágen SVN estuve practicando a repetir un patrón, como las pulsaciones que salen en un monitor. He modificado un poco la imágen, para hacerla distinta a la del otro ejercicio
Movimiento perpetuo Cambiar el ancho del navegador para cambiar la imágen
Sorry, your browser does not support inline SVG.

5. Incluir algún vídeo.

6. Incluir bordes redondeados en alguna de sus cajas.

Los bordes redondeados se han usado en varias cajas

7. La página debe comenzar con el siguiente encabezamiento: "Página personal de <nombre y apellido del alumno>”

  • Se ha generado un encabezado fijo con los datos que se piden
  • En el H2 de este apartado hemos usado < y >. Al igual que en este comentario.