En este reto seguirás aprendiendo sobre HTML, CSS y Javascript para construir el prototipo de tu app.
De acuerdo a lo visto en la sesión de aprendizaje, completa las siguientes tareas:
-
Crea todo el esqueleto de tu app cívica con el contenido en texto plano. El esqueleto de tu sitio web se compone por todas las vistas que tendrá tu app, su texto/contenido y las etiquetas correspondientes de HTML.
-
Además de las vistas de tu app, crea una sección adicional llamada Equipo. Llénala con la lista de los integrantes de tu equipo, una fotografía o avatar, y una breve descripción de ustedes (en aproximadamente un tweet).
-
Crea un archivo externo de CSS llamado
style.csse inclúyelo en la carpetacss(dentro del directorio raíz). Revisa que todas las páginas de tu sitio incluyan ese archivo. -
Carga estilo a tu sitio web utilizando las siguientes propiedades (asegúrate que el mismo estilo se vea en todas las páginas):
font-familyfont-sizefont-stylefont-weighttext-transformtext-decorationtext-aligncolor
-
Extra: Carga un font personalizado/externo utilizando Google Fonts.
Si quieres aprender más sobre este tema, puedes visitar:
- Microsoft Virtual Academy: Javascript Fundamentals for Absolute Beginners
- Microsoft Virtual Academy: HTML5 & CSS3 Fundamentals: Development for Absolute Beginners
- Code.org: Styling Text With CSS
- Mozilla: Learn CSS - Styling Text Fundamentals
Consulta el resto de retos y lecciones de Hacking Cívico en el portal de Estudiantes.
