Skip to content

Instantly share code, notes, and snippets.

@sgarciaddev
Created April 2, 2024 13:16
Show Gist options
  • Save sgarciaddev/3c90020b24f79dac7f0a36773a824447 to your computer and use it in GitHub Desktop.
Save sgarciaddev/3c90020b24f79dac7f0a36773a824447 to your computer and use it in GitHub Desktop.
[Ay. ICI4240 ICI4247] Enunciado ayudantía 3

Ayudantía 3

Descripción: Se busca finalizar los conceptos de prototipado y maquetación web, comprendiendo los conceptos relacionados al uso de Figma para prototipar, y a la utilización de HTML y CSS para maquetar dicho prototipo.

Conceptos: figma, prototipado, maquetación web, html, css.

Actividad de ayudantía

  1. Prototipado en Figma: Finalizar el prototipo de las interfaces de usuario de su proyecto.
  2. Maquetación web: Utilizar HTML y CSS para maquetar las interfaces de usuario prototipadas en Figma.
    • Crear la estructura HTML de las interfaces.
    • Crear el estilo CSS de las interfaces.
    • Analizar el uso de Flexbox o Grid para organizar los elementos de la página.
    • Conectar el HTML y CSS para visualizar la página en un navegador web.
    • Analizar la conveniencia del uso de librerías de diseño como Bootstrap o Tailwind CSS.
    • Analice lo siguiente: ¿Es posible guardar ese código que se repite en mi html para modularizar mi código?
    • Guardar el código en archivos index.html y styles.css, para su posterior inclusión en el repositorio del proyecto.
  3. Repositorio de proyecto: Generar un repositorio en GitHub a partir de este template (o puede usar su propio repositorio). Incluir los archivos index.html y styles.css en el repositorio, dentro de la carpeta maquetacion y modificar el README.md para incluir los aspectos relevantes de su proyecto, incluyendo el análisis de funcionalidades y link a prototipo de Figma.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment