Ejercicios: Estructura básica de una página web

Una página HTML tiene, en general, las etiquetas <html>, <head> y <body>. Explicá con tus palabras qué tipo de información se coloca dentro de <head> y qué tipo dentro de <body>. Da un ejemplo de cada una.

Valentina quiere mostrar una foto de la Rambla de Montevideo en su página web. Escribí la etiqueta HTML completa que usaría para insertar la imagen rambla.jpg, e indicá para qué sirve el atributo alt y por qué conviene completarlo.

Indicá cuál es la función de HTML y cuál es la función de CSS en una página web. Después clasificá las siguientes tareas según correspondan a HTML o a CSS:

• a) Cambiar el color de fondo de la página.

• b) Crear un título principal.

• c) Definir el tipo de letra de los párrafos.

• d) Insertar una lista con tres elementos.

Mateo escribió este fragmento para su página:

<body>

  <h1>Mi proyecto de Tecnología</h1>

  <p>Hicimos un termómetro con Arduino.</p>

  <img src="termometro.png">

</body>

Contestá: a) ¿Qué elementos de la página se mostrarán en pantalla y en qué orden? b) ¿Qué problema de accesibilidad tiene la imagen y cómo lo corregirías? Escribí la línea corregida.

Sofía quiere que todos los títulos <h2> de su página se vean en color azul y con letra de 24 píxeles. Escribí la regla CSS que lo logra. Después explicá qué diferencia hay entre escribir esa regla en un archivo estilos.css enlazado desde la página y escribir el estilo directamente dentro de cada etiqueta.

Santiago quiere mostrar en su página un video de YouTube sobre el carnaval de Montevideo y, además, un mapa de la Ciudad Vieja. Ambos contenidos están alojados en otros sitios.

1. a) ¿Qué etiqueta HTML se usa habitualmente para embeber ese tipo de contenido?
2. b) ¿Qué ventaja tiene embeber el video en lugar de subir el archivo a su propio sitio?
3. c) Mencioná un riesgo o limitación de depender de contenido externo.

Lucía diseñó la página de su proyecto con estas características: texto gris claro sobre fondo blanco, imágenes sin texto alternativo, un video sin subtítulos y enlaces que dicen solamente «clic aquí».

Analizá la página desde el punto de vista de la accesibilidad. Identificá al menos tres problemas, explicá a qué personas pueden afectar y proponé una mejora concreta para cada uno.

Un grupo de 9.° grado del liceo debe armar una página para presentar un proyecto sobre energías renovables en Salto Grande. Debe incluir título, introducción, una imagen de la represa, un video explicativo, una lista de integrantes y un estilo uniforme.

Diseñá la estructura: escribí un esqueleto HTML con las etiquetas que usarías (podés usar comentarios para el contenido), indicá qué reglas CSS definirías para que el estilo sea uniforme y justificá dos decisiones que tomaste para que la página sea accesible.