Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 623 vistas

    06 - Programación Web I - Tarea V. 1

    Cargado por

    rodrigo alexis aburto pereira
    Este documento presenta una tarea semanal sobre el uso de estructuras de rejilla y consultas de medios en CSS para crear un diseño de página web adaptable. Los estudiantes deben descargar Bootstrap, crear un prototipo de página con contenido generado, aplicar estilos para visualización en escritorio y tableta, y capturar pantallas para mostrar el diseño responsivo.

    Copyright:

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

    06 - Programación Web I - Tarea V. 1

    Cargado por

    rodrigo alexis aburto pereira
    623 vistas3 páginas
    Este documento presenta una tarea semanal sobre el uso de estructuras de rejilla y consultas de medios en CSS para crear un diseño de página web adaptable. Los estudiantes deben descargar Bootstrap, crear un prototipo de página con contenido generado, aplicar estilos para visualización en escritorio y tableta, y capturar pantallas para mostrar el diseño responsivo.

    Descripción original:

    06_Programación web I_Tarea V. 1

    Título original

    06_Programación web I_Tarea V. 1

    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 presenta una tarea semanal sobre el uso de estructuras de rejilla y consultas de medios en CSS para crear un diseño de página web adaptable. Los estudiantes deben descargar Bootstrap, crear un prototipo de página con contenido generado, aplicar estilos para visualización en escritorio y tableta, y capturar pantallas para mostrar el diseño responsivo.

    Copyright:

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

    06 - Programación Web I - Tarea V. 1

    Cargado por

    rodrigo alexis aburto pereira
    Este documento presenta una tarea semanal sobre el uso de estructuras de rejilla y consultas de medios en CSS para crear un diseño de página web adaptable. Los estudiantes deben descargar Bootstrap, crear un prototipo de página con contenido generado, aplicar estilos para visualización en escritorio y tableta, y capturar pantallas para mostrar el diseño responsivo.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 3

    PROGRAMACIÓN WEB I

    TAREA SEMANA 6

    NOMBRE: Uso de estructura de rejilla y media query para el diseño de página HMTL adaptable.

    RECURSOS NECESARIOS PARA REALIZAR LA TAREA:


    1. Contenidos de la semana 6.
    2. Editor de texto de tu preferencia.
    3. Navegador de tu preferencia.

    INSTRUCCIONES:

    1. Leer el nombre de la tarea.


    2. Leer contenidos de la semana 6.
    3. Revisar el material complementario disponible en recursos adicionales.
    4. Las respuestas a las preguntas de la tarea deben ser una elaboración propia. Usted se
    apoyará en los contenidos de la semana y también puede hacerlo con otros textos, pero
    siempre debe identificar los autores y citar las fuentes. Recuerde agregar la bibliografía al
    final de la tarea en formato APA. Cuide su redacción y ortografía.

    DESARROLLO DE LA TAREA:

    Usted se ha incorporado al equipo de desarrollo informático de una editorial, y su jefe le


    solicita la elaboración de un prototipo de página web que pueda ser visualizado desde
    tabletas. Para ello, deberá realizar los siguientes pasos:

    1. Descargar y descomprimir las librerías Bootstrap desde:


    https://getbootstrap.com/docs/4.4/getting-started/download/
    2. Crear un directorio para la página denominado Prototipo.
    3. Copiar el directorio CSS del archivo de Bootstrap descargado y descomprimido, en el
    directorio prototipo.
    4. Con el editor de texto de su preferencia, crear el archivo index.html, usando la plantilla
    básica disponible en: https://bit.ly/3710vQR
    5. Adaptar el enlace al archivo de Bootstrap de su directorio para CSS.
    6. Generar 6 párrafos de texto de relleno desde el sitio: https://es.lipsum.com/
    7. Crear una hoja de estilo llamada general.css, a partir del código proporcionado en las
    páginas 21 y 22 del contenido de la semana e incorporándola a su prototipo.
    8. Crear una hoja de estilo para la visualización del contenido en tabletas y llamarla
    tablets.css (puede ser similar a la entregada en el contenido de la semana en la página
    23).
    9. Construir el diseño correspondiente a su prototipo para que el contenido se presente
    de la siguiente manera:
    a) El primer párrafo se dispondrá en la primera fila. Los párrafos 2, 3 y 4 en la
    siguiente fila, con el mismo ancho para cada uno. Y los párrafos 5 y 6 en la
    tercera fila, con anchos de 8 y 4 columnas, respectivamente para cada párrafo
    (4 puntos).
    b) Especificar el ancho adaptable al dispositivo desde el cual será visualizado (1
    punto).
    c) Contemplar el uso de la hoja de estilo construida en el punto 8 de esta tarea,
    para la creación de una media query que permita la visualización en
    dispositivos tipo tabletas (4 puntos).

    Deberá entregar el código realizado. Adicionalmente, deberá preparar la evidencia de su


    implementación, mediante capturas de pantalla, con las visualizaciones en el navegador de
    todos los aspectos solicitados y su correspondiente explicación en la plantilla establecida por
    IACC para la entrega de la tarea de la semana.
    INDICADORES DE EVALUACIÓN PUNTAJE

     Emplea estructura de rejilla en el diseño HTML adaptable (responsive) en 4


    distintos medios.
     Especifica el ancho y alto en distintos medios, como parte del diseño 1
    HTML adaptable (responsive).
     Incorpora media query de CSS en el diseño HTML adaptable (responsive) 4
    en distintos medios.
     Puntaje total 9

    Esta actividad debe ser desarrollada en la plantilla establecida por IACC para la entrega de la
    tarea de la semana, disponible para ser descargada desde la plataforma del curso junto a estas
    instrucciones.

    Envíe el documento creado con su nombre y apellido (nombre_apellido_tarea6).

    También podría gustarte