Tenéis que hacer una página web a partir de la estructura que creamos en el último ejercicio de html.
Tenéis que añadir contenido a vuestra web, del tema que queráis pero simulando un contexto real. Estos contenidos incluirán todas las etiquetas que hemos ido viendo en clase.
En la siguiente tabla tenéis cómo se va a puntuar la página web:
| ÍTEMS | PUNTUACIÓN |
|---|---|
| Estructura HTML5: header, nav, main, section, article y footer | 1.5 puntos |
| Sintaxis | 1.5 puntos |
| Contenidos variados: tabla, imágenes, vídeos, listas y otros | 1.5 puntos |
| Cambios básicos: Colores de fondo, fuentes, bordes y márgenes. | 2 puntos |
| Cambios en selectores html vistos en clase: h1, h2, h3…, p, ul, ol, li, table, th, tr, td… | 2 puntos |
| sintaxis CSS | 1.5 puntos |
| Punto extra: Originalidad y contenido que simule una situación real | 1 punto |
Como veis, el proyecto puede sumar 11 puntos. Hay un punto extra para la originalidad y la simulación de una web real.
Para poner vídeos en una web podemos usar la etiqueta <iframe>.
La etiqueta iframe en realidad nos permite visualizar un documento HTML u otra página web dentro de nuestra web. Es un espacio dentro de nuestra página web, denominado marco, en el cual se muestra la otra página web con sus propias cualidades. Es decir, con sus propios estilos, contenidos, historiales de sesión y enlaces.
A continuación voy a usar esta etiqueta <iframe> para poner una página web:
iframe tiene varios atributos:
En este vídeo se explica como poner un vídeo de youtube con iframe. ¡Es muy fácil!
Te recomiendo que mires el código de esta página para examinar los iframes que he puesto ;).