lOMoARcPSD|26298324

Ignacio Torres tarea 6 tarea de la semana 6

Tecnico informatica (Instituto Profesional IACC)

Studocu no está patrocinado ni avalado por ningún colegio o universidad.

Descargado por Luis Puebla (lpueblab@gmail.com)
 lOMoARcPSD|26298324

PROGRAMACION WEB I
SEMANA 6

Ignacio Torres
28-03-2022
Ingeniería informática

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

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/

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 TAREA SEMANA 6 PROGRAMACIÓN WEB I 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.

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

RESPUESTA

1.- Se descarga y se descomprime las librerías de Bootstrap:

https://getbootstrap.com/docs/4.4/getting-started/download/

2.- se crea el directorio para la página denominado Prototipo

3. se realiza una copa del directorio CSS del archivo Bootstrap que se descargo previamente y se encuentra
descomprimido en el directorio prototipo

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

4. con el editor de texto que tenga de su preferencia crear el archivo index.html haciendo uso de la
plantilla básica disponible

5. Se tiene que adaptar el enlace dentro del archivo de Bootstrap en su directorio CSS

6. se genera 6 párrafos de texto relleno desde el sitio : https://es.lipsum.com/%207.%20Crear%20una

%20hoja%20de%20estilo%20llamada%20general.css,%20a%20partir%20del%20c%C3%B3digo

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

%20proporcionado%20en%20las%20p%C3%A1ginas%2021%20y%2022%20del%20contenido%20de%20la
%20semana%20e%20incorpor%C3%A1ndola%20a%20su%20prototipo.

7. se crea la hoja del estilo llamada general.css a partir del código entregado por las paginas

21 y 22 del contenido de la semana

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

8. se crea la hoja de estilo para que se visualice el contenido en la tablas y llamarlas tablets.css

9. se construye el diseño que corresponde a su propio contenido y se presenta de la siguiente manera

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

REFERENCIAS BIBLIOGRÁFICAS
Las referencias deben ser presentadas de acuerdo con las Normas APA, incluyendo información que
permita ubicar de forma inmediata la fuente utilizada.
Recuerda que siempre debes incluir el texto de lectura relacionado con la semana a evaluar.

Ejemplo texto de lectura de IACC:

IACC. (2021). Habilidades para el aprendizaje en la modalidad online. Desarrollo de Habilidades para el
Aprendizaje. Semana 1

Ejemplo referencia: libro

Wagensberg, J. (2017). Teoría de la creatividad: eclosión, gloria y miseria de las ideas. 1.ª edición:

Barcelona, España: Tusquets editores.

Ejemplo referencia: capítulo de libro

Navas, A. (2015). “Educación en un nuevo entorno”. En: L. Castellón, A. Guillier y M. J. Labrador

(2015). Comunicación, redes y poder. Santiago de Chile: RIL editores.

Ejemplo referencia: artículo de revista académica

Lagos, C. (2012). El mapudungún en Santiago de Chile: vitalidad y representaciones sociales en los

mapuches urbanos. Revista de Lingüística Teórica y Aplicada, 50(1), pp. 161-190.

Universidad de Concepción. DOI: http://dx.doi.org/10.4067/S0718-48832012000100008

Ejemplo de referencia: artículo en sitio web

Ministerio del Medio Ambiente (MMA). (s. f.). Planes de recuperación, conservación y gestión de

especies. Recuperado de: http://portal.mma.gob.cl/biodiversidad/planes-de-recuperacion-

Descargado por Luis Puebla (lpueblab@gmail.com)

 lOMoARcPSD|26298324

conservacion-y-gestion-de-especies/

Ejemplo de referencia: ley o decreto

Ley 19300 (2016). Aprueba Ley sobre Bases Generales del Medio Ambiente. Publicada en el Diario

Oficial el 9 de marzo de 1994. Ministerio Secretaría General de la Presidencia. Recuperado

de: https://www.leychile.cl/Navegar?idNorma=30667

Descargado por Luis Puebla (lpueblab@gmail.com)