Programacion Web I Semana 6, Exámenes selectividad de Informática

¡Descarga Programacion Web I Semana 6 y más Exámenes selectividad en PDF de Informática solo en Docsity!

Técnico Superior en Informática

PROGRAMACIÓN WEB I

SEMANA 6

Yerko Quilaman Villalobos

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/getting- started/download/

1. Copiar el directorio CSS del archivo de Bootstrap descargado y descomprimido, en el directorio prototipo.

1. Con el editor de texto de su preferencia, crear el archivo index.html, usando la plantilla básica disponible en: https://bit.ly/3710vQR

1. Generar 6 párrafos de texto de relleno desde el sitio: https://es.lipsum.com/

1. 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.

1. 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).

Estimado profesor: El código utilizado en este trabajo lo adjuntare en un archivo comprimido RAR con todo el material utilizado con visual studio code en el link que dejo a continuación:

https://drive.google.com/file/d/1gNbRv_QqjglY1wd7pEazSH1wgTwqa9AN/view?

usp=sharing

Hello, world!

Hello, world!

El Primer Párrafo

"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."

Etiam ut maximus sem. Suspendisse eu odio vel diam congue egestas. Praesent eget finibus quam. Nam semper lorem eu mauris molestie sollicitudin. Aliquam dapibus ac est et hendrerit. Morbi semper, elit et fringilla hendrerit, quam mi rhoncus quam, eu euismod tortor ante eget ante. Nullam tristique diam arcu, in finibus nulla congue eu. Ut volutpat libero libero, ac tincidunt enim venenatis sed.

El Segundo Párrafo

Nullam rutrum vehicula velit id pellentesque. Vestibulum eu turpis libero. Praesent molestie eu felis sed pharetra. Nullam eleifend vestibulum ante id semper. Aenean ut vulputate augue, at ultricies ligula. Sed non eleifend velit, non efficitur massa. Nullam vestibulum massa vel tortor maximus ultrices.

El Tercer Párrafo

Aenean a nulla sit amet nunc ultrices fringilla a iaculis felis. Nunc eu ipsum leo. Fusce non justo auctor, tincidunt nunc molestie, vestibulum lacus. In cursus lectus nulla, eget aliquam diam vehicula nec. Ut vehicula nibh ac sapien fringilla, at tempor quam laoreet. Sed vitae eros commodo magna pulvinar malesuada. Sed dignissim justo nibh. Praesent a ligula neque. Integer ultrices at turpis ut ultrices. Donec vitae metus blandit, tempus arcu eget, pulvinar neque. Vivamus at molestie tortor. Etiam malesuada tristique augue, dictum fermentum nunc congue vel. Sed porttitor sem a ligula consequat, sit amet tincidunt libero euismod. Aliquam vitae lorem feugiat, luctus diam sed, ultrices ligula.

El Cuarto Párrafo

Nam vulputate lectus vel eleifend tristique. Duis eleifend sem augue, eu finibus purus mollis non. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In et turpis quis sem pellentesque cursus. Nam posuere consequat nibh, vulputate facilisis nisl convallis quis. Phasellus semper neque felis, eget gravida mi facilisis a. Nam in molestie libero, vel volutpat metus. Nulla vitae magna sit amet magna euismod congue. Nam interdum nisl non lectus mattis molestie. Suspendisse nulla nunc, ultrices a lacus at, efficitur luctus enim. Quisque malesuada lobortis ipsum, et tempus metus vestibulum eget. Aliquam ut justo quis urna fermentum blandit sed vel arcu. Aliquam id metus sit amet justo laoreet ornare eu vel elit. Curabitur ut enim quis nibh fermentum aliquam et quis justo. Vivamus a nunc sit amet ipsum sodales blandit. Vestibulum tincidunt vitae nisl eget lobortis.

El Quinto Párrafo

Cras sit amet enim suscipit, interdum leo eu, ultrices dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi ac consectetur orci. Aenean ultrices pulvinar dui sed dignissim. Cras eu ligula et ligula pellentesque maximus. Morbi malesuada pellentesque mauris sit amet luctus.

#### TABLETS:

body { -webkit-text-size-adjust: none; background: rgb(102, 102, 102) url(../media/fondo_iphone.jpg) no-repeat center 0; padding: 20px 5px 5px 5px; } h1 { color: rgb(140, 120, 120); text-shadow: 0 0 5px rgb(0, 0, 0); } p { font: normal 1em/1.25em "helvetia neue", Helvetia, Arial, Sans-serif; color: rgb(255, 255, 255); } @media (min-width: 768px) { body { background: darkred; font-size: 14px; } }

REFERENCIAS BIBLIOGRÁFICAS

REFERENCIAS IACC (2020 ). Introducción al diseño adaptable (responsive). Programación WEB I. Semana 6.