Ejercicios unidad 5: Imágenes



Ejercicio 1: Practicar con imágenes

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"><img src="graficos/logo_aulaclic.png"> </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 que el logo de aulaclic se muestre en un tamaño más pequeño cuando la orientación de la ventana sea vertical y, además, el ancho de la ventana sea como máximo de 500 px. El logo pequeño logo_aulaclic_pequeno.png lo tienes en la carpeta de ejercicios/unidad-5/cursos-aulaclic/graficos.

 

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


Enero-2019 (V 2.0)
Atrás Volver Adelante






Página inicial  Cursos Informática Gratuitos

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


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.