Página Personal de José Antonio Blancas Panadero

Modulo 2: Estructura HTML5/CSS3 para multipantalla y objetos multimedia.

Enunciado ejercicio P2P:

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.
  5. Incluir, imágenes de tipo bitmap y vectorial.
  6. Incluir algún vídeo.
  7. Incluir bordes redondeados en alguna de sus cajas.
  8. La página debe comenzar con el siguiente encabezamiento: “Página personal de <nombre y apellido del alumno>”

Ejemplos

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

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

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

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

Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line. (Fuente: Pacifico)

Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line. (Fuente: Mystery Quest)

  1. Distintos encabezados.

Distintos encabezados. H3

Encabezado <H3>

Distintos encabezados. H4

Encabezado <H4>

Distintos encabezados. H5

Encabezado <H5>

Distintos encabezados. H6

Encabezado <H6>

Prueba de distintos encabezados de <H3> a <H6>

  1. Uso de caracteres especiales.

Algunos caracteres especiales:

DescripciónSímboloNúmero
Dólar$&#36;
Ampersand&&#38;
Euro€&#8364;
Menor que<&#60;
Mayor que>&#62;

  1. Incluir, imágenes de tipo bitmap y vectorial.

Imagen svg

Imagen png

Pingüino mascota Linux en svg Pingüino mascota Linux

Nota: Error al subir archivos bmp en neocities.org:
Error: /mod02/imagenes/Tux.bmp: file type (or content in file) is only supported by supporter accounts.

  1. Incluir algún vídeo.

Vídeo La Eduteca

Video publicado el 18 de septiembre de 2013 por La Eduteca.
url: La Eduteca

  1. Incluir bordes redondeados en alguna de sus cajas.
Borde Superiores redondeaos
Borde Inferiores redondeados
Bordes redodeados en forma de circulo
  1. La página debe comenzar con el siguiente encabezamiento: “Página personal de <nombre y apellido del alumno>”
Ver encabezado:

Página Personal de José Antonio Blancas Panadero

Referencias:

Códigos de color HTML
Colores, transparencias y degradados
Fuentes web
Macota Linux svg
Macota Linux bmp
Video La Eduteca