Desarrollo web

Práctica 1: Diseño responsivo

Objetivos

Durante esta práctica, los alumnos serán capaces de:

Esta actividad promueve las siguientes habilidades, valores y actitudes: análisis y síntesis, capacidad de resolver problemas, creatividad, y uso eficiente de la informática y las telecomunicaciones.


Descripción de la actividad

Esta práctica debe ser elaborada de manera individual.

Diseña una página responsiva utilizando HTML5 y W3.CSS. La página debe llamarse responsiva.html y debe estar contenida dentro de un directorio llamado practica1.

La página se debe ver así en una pantalla grande (de más de 600 píxeles):

Página en una pantalla grande.

En una pantalla chica (de 600 píxeles o menos) la página se debe ver así:

Página en una pantalla chica.

Se debe considerar lo siguiente al momento de diseñar la página:

Importante: Verifica al final que tu documento HTML no tenga errores ni adevertencias en el W3C Markup Validation Service.

¿Qué se debe entregar?

Incluye en la parte superior del archivo responsiva.html un comentario de HTML con tu nombre y matrícula, algo así:

<!--

Práctica 1: Diseño responsivo
Fecha: 1 de marzo, 2024
Autor: A01777771 Loki Laufeyson

-->

Crea un archivo tarball con el directorio practica1 y su respectivo contenido. Nombra a este archivo practica1.tgz. Este archivo se puede crear desde la terminal tecleando lo siguiente (asegúrate de que te encuentres en el directorio padre del directorio practica1):

tar czf practica1.tgz practica1

Instrucciones para subir archivo

Para entregar el archivo practica1.tgz, ingresa los siguientes datos:

Solicitar NIP

La fecha límite es el viernes 1 de marzo.