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

¡Te damos la bienvenida a Scribd!

  • 47 vistas

    Tarea Semana 8

    Cargado por

    Juan Lorca
    La tarea consiste en diseñar una página web adaptable para un libro digital, incorporando imágenes, clases CSS, utilidades y un video de YouTube de forma responsiva. Se debe modificar el código base para incluir dos imágenes, ocultar una en dispositivos pequeños, agregar color y bordes redondeados al encabezado, y flotar los elementos de navegación a los lados con clearfix. Se evaluará el uso correcto de estas técnicas y la entrega debe realizarse en la plantilla establecida.

    Copyright:

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

    Tarea Semana 8

    Cargado por

    Juan Lorca
    47 vistas3 páginas
    La tarea consiste en diseñar una página web adaptable para un libro digital, incorporando imágenes, clases CSS, utilidades y un video de YouTube de forma responsiva. Se debe modificar el código base para incluir dos imágenes, ocultar una en dispositivos pequeños, agregar color y bordes redondeados al encabezado, y flotar los elementos de navegación a los lados con clearfix. Se evaluará el uso correcto de estas técnicas y la entrega debe realizarse en la plantilla establecida.

    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?

    La tarea consiste en diseñar una página web adaptable para un libro digital, incorporando imágenes, clases CSS, utilidades y un video de YouTube de forma responsiva. Se debe modificar el código base para incluir dos imágenes, ocultar una en dispositivos pequeños, agregar color y bordes redondeados al encabezado, y flotar los elementos de navegación a los lados con clearfix. Se evaluará el uso correcto de estas técnicas y la entrega debe realizarse en la plantilla establecida.

    Copyright:

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

    Tarea Semana 8

    Cargado por

    Juan Lorca
    La tarea consiste en diseñar una página web adaptable para un libro digital, incorporando imágenes, clases CSS, utilidades y un video de YouTube de forma responsiva. Se debe modificar el código base para incluir dos imágenes, ocultar una en dispositivos pequeños, agregar color y bordes redondeados al encabezado, y flotar los elementos de navegación a los lados con clearfix. Se evaluará el uso correcto de estas técnicas y la entrega debe realizarse en la plantilla establecida.

    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 8

    NOMBRE: Incorporación de imágenes, clases, utilidades y responsive embeds, usando diseño


    de página adaptable.

    RECURSOS NECESARIOS PARA REALIZAR LA TAREA:


    1. Contenidos de la semana 8.
    2. Editor de texto de su preferencia.
    3. Navegador de su preferencia.

    INSTRUCCIONES:

    1. Leer el nombre de la tarea.


    2. Leer contenidos de la semana 8.
    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:

    Un escritor le solicita el diseño de una página web adaptable para su nuevo libro, el que
    necesita alojar en formato digital. Pero antes, le pide que realice una pequeña demostración
    de cómo se visualizará. Para ello, le entrega el código que realizó otra persona, la que dejó sin
    finalizar el prototipo inicial. Considerando lo anterior, deberá realizar los siguientes pasos:

    1. Preparar el ambiente para el proyecto, según los pasos 1 a 5 de la tarea 6, pero usando
    la librería de Bootstrap versión 4.4.1, disponible en:
    https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css

    2. Copiar el siguiente código en la sección body de su página:


    <body>
    <div>
    &laquo; Capítulo 1 &nbsp; Capítulo 3 &raquo;
    </div>
    <p>Capítulo dos</p>
    <p>Este es el contenido del capítulo 2 de este interesante libro </p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque blandit
    condimentum justo, ut commodo justo semper in.
    Suspendisse tincidunt turpis nibh, vel gravida velit consectetur tempus. Aenean
    placerat, sem eu tristique tempus, ex sem rhoncus lorem,
    Quisque facilisis.Cras hendrerit lorem vitae dignissim iaculis. Maecenas ultricies, elit
    rhoncus dignissim sodales. </p>
    </body>

    3. Modificar el código entregado para que contemple las siguientes especificaciones:


    a) Incorpore dos imágenes de libre elección para que sean visualizadas en forma
    de círculo al final de la página (4 puntos).
    b) Implemente las clases y utilidades necesarias para
    i. Ocultar en los dispositivos pequeños una de las imágenes
    incorporadas en el punto a). (1 punto)
    ii. El encabezado de la página deberá ser visualizado con un color de
    fondo #CC7722 y con bordes redondeados en los cuatro lados. (1
    punto)
    iii. Los elementos iniciales de la página, que redireccionan al capítulo
    anterior y al siguiente, deberán asignarse con la clase float dentro de
    la clase clearfix, a la izquierda y derecha de la página,
    respectivamente. (1 punto)
    c) Agregue un video cualquiera de Youtube, mediante la clase responsive embed,
    con una relación 21:9 (2 puntos).

    La visualización de su prototipo debería quedar así:

    Imagen de referencia para la visualización del prototipo

    Deberá entregar el código, y además, 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, desarrollada en la plantilla establecida por IACC para la
    entrega de la tarea de la semana.
    INDICADORES DE EVALUACIÓN PUNTAJE

     Utiliza imágenes en diseño HTML adaptable (responsive). 4


     Aplica clases de ayuda y utilidades para la adaptación a distintos medios. 3
     Incorpora responsive embeds en diseño HTML adaptable (responsive). 2
     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_tarea8).

    También podría gustarte