Visit the result in: https://aamarber.github.io/diwa303/main.html
Se nos pide lo siguiente:
- Dar un fondo al documento. Tener en cuenta la usabilidad (sobre todo legibilidad) del contenido tras el fondo.
- Convertir los artículos en 3 columnas, ya que se quiere leer como un periódico a tres columnas a) Poner los títulos del contenido centrados b) Poner el texto de la columna justificado c) La fuente por defecto del contenido ha de ser sin serifa d) El tamaño de fuente por defecto ha de ser de 16px
- Añadir una imagen por debajo del título del artículo. a) La imagen ha de caber dentro de la columna. b) Entre las distintas columnas han de tener la misma altura, pero tratando de mantener la proporción de la imagen. c) La imagen ha de estar centrada respecto a la columna
- Se ha visto que nuestra web se suele visitar en estas resoluciones: ◦ Resolución de tablet ◦ Resolución de PC ◦ Resolución de móvil Por ello, se nos pide que las imágenes utilizadas estén optimizadas para cumplir con esas resoluciones sin reducir el tiempo de carga de la web. Piensa y razona tu solución.
- Al pie de cada noticia se quiere poner un vídeo, para forzar llegar al final de la lectura y visualizar un contenido multimedia sobre ella. (Usa un vídeo corto ilustrativo). a) El vídeo ha de caber dentro de la columna b) Los vídeos han de tener como máximo el mismo alto c) El vídeo ha de estar centrado en la columna
Si quieres, puedes ojear la posible solución en el tag “solution”