Página personal de José Carlos Lozano

Página web que incluye

  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>”

Imágenes

Imágenes de mapa de bits

La imagen está formada por una rejilla de pixeles, se definen por su tamaño en ancho y alto en pixeles y la profundidad de color, el número de colores que es capaz de representar en cada pixel.

PNG, formato 24bits truecolor.
Compresión sin pérdida.
Transparencia 256 niveles.

JPEG, formato 24bits.
Compresión produce ruido.
No transparencia.

GIF, formato 8bits, 256 colores.
Compresión produce dither.
Transparencia 1 nivel.
Animación

Imágenes vectoriales SVG

SVG son las siglas de Scalable Vector Graphics, Es un formato desarrollado y mantenido por el W3C.
Son imágenes definidas matemáticamente, que se calculan en el navegador y su visualización no pierde calidad en cualquier tamaño que se presenten.

Vídeo

HTML5 permite insertar contenido multimedia, audio y vídeo.
Atributos:
poster: permite insertar una imagen de sustitución cuando el vídeo no está disponible.
controls: se incluyen controles de play, pause.
width y height: ancho y alto, se ajusta al valor y el otro se calcula automáticamente manteniendo la proporción.
loop: reproduce el vídeo continuamente.
autoplay: reproduce el vídeo automáticamente.
preload: carga el vídeo

Cada navegador, cada dispositivo, soporta diferentes formatos de vídeo. La solución es convertir el vídeo a los diferentes formatos de vídeo, que puede ser un proceso complejo y que requiere tiempo.
Una solución puede ser emplear YouTube para reproducir vídeo. Sube el vídeo a YouTube, toma nota de su identificador o copia el código de inserción que facilita YouTube.

Los parámetros de YouTube:
autohide, valor 0 para tener los controles visibles y 1 si prefieres que se oculten cuando el video se está reproduciendo.
autoplay, 0 si quieres que el vídeo se reproduzca automáticamente, 1 si espera al play.
controls, con 0 los controles no se muestran con 1 si y en ambos el vídeo se descarga el vídeo, con 2 los controles se muestran pero el video no se descarga hasta hacer play.
Loop, 0 sólo una vez y 1 para reproducción infinita.

Vídeo YouTube