Se realizó la construcción de una página web estática usando HTML y CSS siguiendo la estructura dada:
Estructura de carpetas:
La estructuración está basada en dos carpetas principales y un archivo index.html, en la primer carpeta (css) se encuentra el archivo style.css que contiene todos los estilos aplicados al workshop y en la segunda carpeta (img) se encuentran las imagenes utilizadas para el header y una sección del main. Las imagenes de los pokemones se sacaron de la PokeApi Oficial. El archivo index.html contiene toda la estructura requerida del workshop.
Resumen paso a paso:
En el workshop se tuvieron en cuenta los requerimientos dados para el desarrollo correcto de la página web estática, contando con la estructuración requerida (header, main y footer) y el uso de la pseudo-clase :hover para visualizar el efecto del mouse cuando el usuario esté interactuando con los pokemones del footer.
1. Se construye la estructuración de la página web estática en el archivo index.html respetando el contenido dado: header, main y footer, además usando lenguaje HTML con sus etiquetas semánticas: section, article, figure y demás. Solo se utilizó una etiqueta div para el nombre y el ícono de fuego del Pokémon "Charizard".
2. Para las imágenes de los Pokémon se utilizó el sitio web PokeAPI, el cual nos permite buscar todas las propiedades de los distintos Pokémon, entre esas su imagen oficial en formato .png.
3. Para finalizar se aplicaron los estilos suficientes para que la página fuera lo más parecido posible. Dichos estilos se encuentran en el archivo style.css.
Vistas:
Vista Desktop:
Vista Desktop con hover:
Estadísticas Wakatime:
Se adjuntan dos estadísticas debido a que cambié el nombre de la carpeta a último momento, pero en las dos se trabajó en el Workshop 2.
WhitneySt
commented
1 year ago
Workshop 2
URL del repositorio
Descripción del desarrollo:
Se realizó la construcción de una página web estática usando HTML y CSS siguiendo la estructura dada:
Estructura de carpetas:
La estructuración está basada en dos carpetas principales y un archivo index.html, en la primer carpeta (css) se encuentra el archivo style.css que contiene todos los estilos aplicados al workshop y en la segunda carpeta (img) se encuentran las imagenes utilizadas para el header y una sección del main. Las imagenes de los pokemones se sacaron de la PokeApi Oficial. El archivo index.html contiene toda la estructura requerida del workshop.
Resumen paso a paso:
En el workshop se tuvieron en cuenta los requerimientos dados para el desarrollo correcto de la página web estática, contando con la estructuración requerida (header, main y footer) y el uso de la pseudo-clase :hover para visualizar el efecto del mouse cuando el usuario esté interactuando con los pokemones del footer.
1. Se construye la estructuración de la página web estática en el archivo index.html respetando el contenido dado: header, main y footer, además usando lenguaje HTML con sus etiquetas semánticas: section, article, figure y demás. Solo se utilizó una etiqueta div para el nombre y el ícono de fuego del Pokémon "Charizard".
2. Para las imágenes de los Pokémon se utilizó el sitio web PokeAPI, el cual nos permite buscar todas las propiedades de los distintos Pokémon, entre esas su imagen oficial en formato .png.
3. Para finalizar se aplicaron los estilos suficientes para que la página fuera lo más parecido posible. Dichos estilos se encuentran en el archivo style.css.
Vistas:
Vista Desktop:
Vista Desktop con hover:
Estadísticas Wakatime:
Se adjuntan dos estadísticas debido a que cambié el nombre de la carpeta a último momento, pero en las dos se trabajó en el Workshop 2.
Estadística
Estadística