Examen del Módulo:
Fecha: 10/05/2023
Lenguajes de Marcas y Sistemas de Gestión de Información
C.F.G.S. - S11AM 1. Se pide crear la siguiente página web con diseño adaptable a la resolución de
distintos dispositivos:
-
Para PC:
-
Para Tablet:
-
Para Teléfono móvil:
Para la realización debes tener en cuenta que:
-
La fuente del texto es "Quicksand", sans-serif.
-
El color de la fuente de la parte principal del diseño es White.
-
El color de la fuente en las fotografías más pequeñas es Black.
-
El color de fondo es #333.
El texto es el siguiente:
“Lindo Gatito”, “Hola”, “Aprende sobre curiosidades navegando por nuestra web para
convertirte en un auténtico experto en gatos. Encontrarás contenido elaborado por
profesionales del sector, con fotos, vídeos y opiniones.”, “Alimentación”, “Cuidados”,
“Educación”, “Salud”, “Antes de adoptar” y “Curiosidades”
Valor: 7 puntos.
2. Realiza una página web como la de las imágenes siguientes en las que se
muestran las evoluciones de los distintos elementos:
-
El balón se desplaza 100px y rota 360o al iniciarse la página en el navegador
y se detiene al finalizar la acción de forma automática. También se detendrá
al colocar la flecha del ratón sobre él y continuará detenido hasta que ya no
esté colocada encima.
-
Este efecto dura 4 segundos.
-
El tamaño estándar de la fuente para todo el documento, establecido por
defecto es de 16px.
-
El color para el contenedor del indicador del precio es #1ab348, la fuente
tendrá el doble del tamaño estándar y su color es White.
-
El botón de compra cambia de aspecto al colocar el puntero del ratón sobre él
transformando su tamaño un 50% desde su tamaño original que es 3rem de
alto y 10rem de ancho. La fuente tendrá, entonces, una medida de 20px.
-
El color inicial del botón de compra es el Steelblue y el color final es Red. El
color de la fuente permanece invariable. Aparece también una sombra de
color Grey.
Valor: 3 puntos.
0
