Title | Marco Contreras Tarea semana 6 programacion web |
---|---|
Course | Programación |
Institution | Instituto Profesional IACC |
Pages | 7 |
File Size | 619.8 KB |
File Type | |
Total Downloads | 616 |
Total Views | 759 |
PROGRAMACIÓN WEB ISEMANA 6Marco Contreras06-12-DESARROLLOUsted 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: Descarg...
PROGRAMACIÓN WEB I
SEMANA 6 Marco Contreras 06-12-2021
DESARROLLO 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/gettingstarted/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).
REFERENCIAS BIBLIOGRÁFICAS IACC (2020). Introducción al diseño adaptable (responsive). Programación WEB I. Semana 6...