Control 6

Marcelo Molina Segovia

Programación Web I

Instituto IACC

08 de mayo de 2020
 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

laspáginas21 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.

Desarrollo:
 Bibliografía

Contenido semana 6.

Recursos complementario semana 6.