Ejercicios unidad 7: Vídeo y audio

Ejercicio 1: Practicar con vídeo

Vamos a continuar creando la página principal (Home page) de un sitio web que empezamos en los ejercicios propuestos de las unidades anteriores. Para ello abre el archivo index.html de la carpeta ejercicios/cursos-aulaclic, que creamos anteriormente. Deberás tener el siguiente código:

<!doctype html>
	  <html lang="es">
	  <head>
	  <meta charset="utf-8" />
	  <title>aulaClic. Cursos gratis</title>
	  <link rel="stylesheet" type="text/css" href="css/aulaclic.css" />
	  </head>
	  <body>
	  <a href="https://www.aulaclic.es">
	  <picture>
	  <source media="(orientation: portrait) and  (max-width: 500px)" srcset="graficos/logo_aulaclic_pequeno.png" >

	  <img src="graficos/logo_aulaclic.png" alt="logo aulaClic">
	  </picture>
  </a>
  <p>La primera web en español sobre cursos de informática gratis on-line.</p>
  <ul>
  <li><h2>Cursos de aulaClic</h2></li>
  <ol>
  <li>Access 2016</li>
  <li>Excel 2016</li>
  <li>Internet</li>
  <li>Windows</li>
  </ol>
  <li><h2>Cursos de colaboradores</h2></li>
  <ol start="5">
  <li>autoCAD 2015</li>
  <li>Estadística con Excel</li>
  <li>Joomla</li> 
  </ol>
  </ul>
  <hr>
  <p><a href="https://www.aulaclic.es/portada/Política_cookies.html" target="_blank"> <b>Política de cookies</b></a> </p> 
  </body>
  </html>

Este ejercicio consiste en modificar la página index.html para añadir este párrafo antes de la etiqueta <hr>:

En este enlace puedes ver un ejemplo de los vídeos de aulaClic :

La imagen de la cámara de vídeo, camera.gif la tienes en la carpeta de ejercicios/unidad-7/cursos-aulaclic/graficos. Esta imagen contendrá un enlace a una nueva página llamada video_aulaclic.html, que se abrirá en una ventana nueva.

La página video_aulaclic.html tendrá incrustado mediante un iframe el vídeo de YouTube: Introducción a HTML

Antes del vídeo colocar un párrafo con el texto "Vídeo ejemplo de aulaClic" y después del vídeo un enlace "Volver", que irá a la página index.html.

Puedes consultar aquí las soluciones propuestas, primero intenta resolverlo sin ayuda.

Enero-2019 (V 2.0)

Cursos Informática Gratuitos

Síguenos en: Facebook Sobre aulaClic Política de Cookies