Lenguajes de Marcas y Sistemas de Gestión de Información (LND)

Curso: 2023/2024

Actividad Práctica 4 (UT3) – Hojas de Estilo CSS

Diseño Web Base

1. Descripción de la actividad

El objetivo fundamental de esta actividad práctica es introducir al diseño base de una

página web y más concretamente familiarizarse con las capas (div) y la manipulación de
sus dimensiones y posicionamiento en pantalla.

Para ello, se propone como objetivo maquetar una página web cuyo resultado deberá
quedar tal como se indica en la imagen adjunta “ResultadoEsperado.jpg” (ver
Recursos.zip) y que como refuerzo para aclarar el comportamiento adaptativo del diseño
se ofrece el siguiente vídeo:
https://youtu.be/SbKtRsUr5FQ

Para ser más precisos y dar pistas al diseño en esta primera aproximación sobre HTML5
y CSS, se aporta el documento “Anexo I - Actividad_4_UT3_CSS - Guía de diseño.pdf” a
modo de patrón orientativo.

No obstante, independientemente de las indicaciones orientativas proporcionadas en el

documento anterior, se da libertad al diseñador de utilizar las propiedades y selectores css
que considere oportuno para alcanzar el objetivo.

Deberá crear una carpeta denominada “grancanaria.es” cuyo contenido deberá

responder a la siguiente organización:

/styles: Carpeta que contendrá la hoja de estilos css y cuyo fichero deberá denominarse
style.css.

/img: Carpeta que deberá contener los ficheros de las imágenes o fondos que haga uso el
fichero index.html o la hoja de estilos /css/estilos.css.

Index.html: Deberá contener el código HTML solicitado que haga referencia a los estilos
e imagenes, tal que al ejecutarlo muestre el resultado esperado.

AVISO: La referencia a las ubicaciones de las imagenes y estilos deberá ser siempre
relativas y nunca rutas absolutas.

1
 Lenguajes de Marcas y Sistemas de Gestión de Información (LND)
Curso: 2023/2024

2. Formato de entrega

El resultado de esta actividad práctica deberá entregarlo en el aula virtual, dentro la

carpeta “/grancanaria.es” en un archivo .zip cuyo formato de nombre debe atender a
AP4_LND_NombreApellidos.zip. Donde Nombre y apellidos se corresponderá con los
del alumno.

3. Criterios de evaluación

C1) Hasta 2 puntos el formateo adecuado de los textos.

C2) Hasta 2 puntos el posicionamiento, dimensionado y margenes de las capas más

externas.

C3) Hasta 2 puntos el posicionamiento, dimensionado y margenes de las capas más

internas.

C4) Hasta 2 punto resto del diseño; colores, transparencia, fondos etc.

C5) 2 puntos si en https://validator.w3.org/#validate_by_uri+with_options se verifica que es

una página HTML5 válida.

Nota:

- El navegador de referencia para la evaluación de la actividad será Google Chrome.

- Solo podrá hacer uso de código html y css. No debe usar frameworks, librerías o
editores online css. Podría invalidar la actividad no pudiéndose calificar con más de un 1.

- No cumplir lo especificado en el apartado 1 (estructura de carpetas, etiquetas mínimas

propuestas, rutas relativas) puede invalidar la actividad no pudiéndose calificar con más
de un 3.