MÓDULO 2: ESTRUCTURA HTML5/CSS3 PARA MULTIPANTALLA Y OBJETOS MULTIMEDIA

Ejercicio P2P opcional 1

Realizar en el siguiente HTML 5 declaraciones de estilo CSS que afecten al mismo elemento, el titular h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML:

<!doctype html>
<html>
<head>
<meta charset="utf­8">
<title>Herencia</title>
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1>Cabecera: header</h1>
</header>
</div>
</body>
</html>

Ver solución


Ejercicio P2P opcional 2

Realiza una página que contenga un párrafo con fuentes vinculadas, con la fuente ‘Fira’ del Sistema Operativo de Firefox FiraOpenType, que puedes descargar aquí:

https://www.mozilla.org/en-US/styleguide/products/firefox-os/typeface/

o la ‘Roboto’ del Sistema Operativo Android que puedes descargar aquí:

https://www.google.com/fonts#UsePlace:use/Collection:Roboto

Ver solución


Ejercicio P2P opcional 3

Realiza una página que utilice imágenes responsive con la etiqueta picture, que contenga un vídeo de YouTube y archivos de imagen vectorial SVG.

Ver solución


Ejercicio P2P obligatorio

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

Subir dicha aplicación a la cuenta de Neocities.org o de su elección.

Ver solución