Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 45 vistas

    01 o Desafío Guiado - Olivia Ros

    Cargado por

    Edinson Ahumada Gallardo
    Este documento describe un desafío guiado para construir un sitio web responsivo usando Bootstrap. El sitio web mostrará la marca personal de Olivia Ros y contendrá secciones como navbar, hero, acerca de mí, portafolio, contacto y footer.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    01 o Desafío Guiado - Olivia Ros

    Cargado por

    Edinson Ahumada Gallardo
    45 vistas2 páginas
    Este documento describe un desafío guiado para construir un sitio web responsivo usando Bootstrap. El sitio web mostrará la marca personal de Olivia Ros y contendrá secciones como navbar, hero, acerca de mí, portafolio, contacto y footer.

    Título original

    01_o_Desafío_Guiado_-_Olivia_Ros

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento describe un desafío guiado para construir un sitio web responsivo usando Bootstrap. El sitio web mostrará la marca personal de Olivia Ros y contendrá secciones como navbar, hero, acerca de mí, portafolio, contacto y footer.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    45 vistas2 páginas

    01 o Desafío Guiado - Olivia Ros

    Cargado por

    Edinson Ahumada Gallardo
    Este documento describe un desafío guiado para construir un sitio web responsivo usando Bootstrap. El sitio web mostrará la marca personal de Olivia Ros y contendrá secciones como navbar, hero, acerca de mí, portafolio, contacto y footer.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    Está en la página 1de 2

    Desafío Guiado - Olivia Ros

    Habilidades a evaluar

    ● Implementar adecuadamente Bootstrap en un proyecto web, utilizando el CDN y los


    script externos necesarios, para la utilización de los recursos del framework en la
    construcción de sitios web.
    ● Identificar los aspectos claves de la filosofía “mobile first”, su implicancia en la
    construcción de sitios web responsivos y la experiencia del usuario.
    ● Implementar el sistema de grillas de Bootstrap, distribuyendo el contenido
    adecuadamente, para hacer una página web adaptable a distintos dispositivos.
    ● Aplicar las clases de Bootstrap a través de los componentes navbar y container,
    utilizando la documentación disponible para personalizar el estilo de un sitio web.
    ● Aplicar las clases de Bootstrap a través de los componentes card y formularios,
    utilizando la documentación disponible.

    Descripción

    Este ejercicio guiado está pensado en dar énfasis a la marca personal de una persona
    llamada Olivia Ros, en donde construiremos un sitio web con distintos componentes y
    secciones popularmente conocidos como el Navbar, Hero Section, Acerca de mí, una
    sección que sirva como portafolio para mostrar proyectos creados, sección de contacto y el
    Footer o pie de página.

    Para crear esta página usaremos distintos conceptos que nos servirán para hacer de esta
    página un sitio responsivo, es decir, que busca la correcta visualización en distintos
    dispositivos, además de lo aprendido sobre HTML, CSS, Bootstrap, Google Fonts y
    Fontawesome.

    Hint: Las imágenes que necesitas utilizar las puedes descargar de la plataforma en un
    archivo titulado “Apoyo ejercicio guiado - Olivia Ros”.

    Tips: Puedes utilizar la siguiente maqueta final

    _ 1

    www.desafiolatam.com
    Requerimientos

    1. El sitio web debe ser responsivo, es decir que debe considerar por lo menos las
    resoluciones Desktop y mobile.

    2. Se debe utilizar Bootstrap como framework de CSS.

    3. El componente Navbar debe permanecer fijo en el tope superior del navegador,


    además de desplegar las opciones en resolución de teléfono de forma vertical.

    4. Para la adaptación de los elementos en distintas resoluciones se debe utilizar la


    grilla de Bootstrap

    _ 2

    www.desafiolatam.com

    También podría gustarte

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy