Página personal de Luis Enrique Espinoza
Bienvenid@ a la presentación de mi página Web. Aquí podrás navegar a través de las distintas secciones que he preparado para cumplir con los requerimientos solicitados en la tarea del Módulo 2
¡Gracias por tu visita!
Módulo 2: Estructura HTML5/CSS3 para multipantalla y objetos multimedia
Se pide crear una página web que incluya al menos:
- Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas.
- Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
- Distintos encabezados.
- Uso de caracteres especiales.
- Incluir, imágenes de tipo bitmap y vectorial.
- Incluir algún vídeo.
- Incluir bordes redondeados en alguna de sus cajas.
- La página debe comenzar con el siguiente encabezamiento: "Página personal de <nombre y apellido del alumno>"
Inclusión de imágenes bitmap
Aquí he insertado una imagen de mapa de bits en formato JPG. Siguiendo el diseño responsive, se carga una imagen de distinto tamaño según el dispositivo utilizado para visualizar esta página web.
Para comprobarlo puedes ajustar el tamaño de la ventana del navegador.
También puedes comprobar el efecto si visualizas esta página web con un móvil o tablet.
Inclusión de imágenes vectoriales
Aquí he insertado imágenes vectoriales en formato SVG. Como sabemos este tipo de imágenes conservan su definición aunque se amplien de tamaño. Ésta es la principal ventaja frente a las imágenes bitmap.
Inclusión de vídeo
Aquí puedes ver un ejemplo de cómo insertar vídeo en tus páginas web.
Observaciones:
- He creado la página utilizando un diseño responsive, siguiendo las directrices que estamos aprendiendo en este curso.
- He incluído la tipografía externa Fira Sans diseñada por Mozilla. Accediendo a su servicio online
- He usado caracteres especiales para representar las comillas y los símbolos mayor y menor.
- Los demás puntos los puedes ver navegando por la página y el código fuente.
- Esta página se ve correctamente con las últimas versiones de los navegadores: Chrome, Firefox, Opera, Edge, Android. Pero quizás tengas problemas al utilizar el navegador de Internet Explorer 8 a 11.