M1 - TI - Programación de Aplicaciones Web

M1
Asignatura: PROGRAMACIÓN DE APLICACIONES WEB Pág. 1
Video
Introducción
Trabajo Individual
Caso: ¿Qué
al Lenguaje
contar yde
Instrucciones Generales
a quién?
1. El Trabajo individual es una actividad de elaboración, donde el estudiante podrá desarrollar y
Herramientas Web
aplicar conocimientos sobre los contenidos tratados en el módulo.
2. Una vez elaborado el Trabajo, el estudiante debe subir el trabajo a la plataforma CANVAS través
de “Enviar Tarea”. El nombre del archivo debe ser: Nombre_Apellido_TGM1_Asignatura
3. La fecha límite para su entrega está indicada en CANVAS.
¡A trabajar!
Resultado de Aprendizaje
Crea una página web simple, la cual tendrá una estructura fija, sin códigos de programación, utilizando
Bootstrap y eventos básicos de JavaScript al iniciar la página Web.
Actividad
Crear una página web basándose en el starter-template de Bootstrap:
• Lo puede encontrar aquí: https://getbootstrap.com/docs/4.0/getting-started/introduction/

• Esta página debe ser de un tema de interés propio (por ejemplo, de ayuda comunitaria,
deportes, mascotas, ecología, ventas, etc.). También se debe realizar un informe de la actividad
realizada mediante el uso de comentarios en el código.
La página web debe contener los siguientes elementos:
HTML:
• Ícono personalizado en el navegador.
• Footer con su nombre, apellido y un nombre de fantasía de su empresa u organización.
• Utilizar section o div.
• 5 imágenes.
M1
Video
Introducción
CSS:
Caso: ¿Qué
• 5 párrafos de distinto tamaño de letra.
• 2 div o section con distinto color de fondo.
• Cambiar el color de la barra de navegación que tiene por defecto el template de Bootstrap.
al Lenguaje
• Fondo del footer con el mismo color de la barra.
contar yde
Bootstrap:
a quién?
• Utilizar Dropdown dentro del documento:
Herramientas Web
o Referencia: https://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp
• De las 5 imágenes, dos deben ser de tipo circle y tres rounded.
o Referencia: https://www.w3schools.com/bootstrap4/bootstrap_images.asp
• Integrar un Carousel de Bootstrap con 3 o más imágenes.
JavaScript:
• Mostrar un mensaje emergente al inicio de la página web diciendo “bienvenido a la página” o

una introducción,
• posteriormente preguntar el nombre del usuario y permitir ingresarlo por teclado,
• luego de lo cual se mostrará otro mensaje diciendo “que tengas una linda experiencia nombre
de usuario” (donde “nombre de usuario” es el texto ingresado anteriormente por teclado).
Forma de entrega:
La entrega consta de 2 partes que deben ser entregadas dentro de la actividad en plataforma:
1. Un archivo comprimido (zip) con todos los archivos utilizados en la creación de la página,
recuerde que el profesor va descomprimir el documento zip y abrir el archivo index.html, si
este no funciona, no está comprimido en el formato especificado, no muestra alguna imagen
o contiene un error de sintaxis, se considerara como si el trabajo no tuviera dicha información.
Notar que en los comentarios dentro de este código se debe hacer referencia a lo siguiente
como mínimo (en donde corresponda):
• Explicar cuáles fueron sus fortalezas y debilidades dentro del desarrollo de la evaluación.
• Explicar si quiso realizar algo que por diversas razones no resultó, a tal punto que decidió
sacarlo del trabajo, o si hay algo que le parezca particularmente útil o interesante dentro
de lo utilizado.
• Destacar partes significativas del código en general.
M1
Video
Introducción
2. Dentro de la casilla de texto en la actividad debe escribir:
Caso: ¿Qué
• Introducción al tema a tratar en su web.
• Una breve conclusión de lo realizado.
al Lenguaje
Para más claridad, dentro de plataforma en la actividad:
contar yde
a quién?
Herramientas Web
Cargar archivo comprimido (.zip)
Escribir Introducción y Conclusión
La evaluación será calificada tomando en cuenta la rúbrica correspondiente.
Tener en cuenta que este trabajo será el inicial para todos los trabajos de los módulos siguientes (los
trabajos se centrarán en el mismo tema elegido). Existe la posibilidad de escoger otro tema, pero si se
cambia se deben rehacer los módulos anteriormente trabajados.
La copia del trabajo será sancionada con la nota mínima para los alumnos involucrados, también los
trabajos que se encuentren en internet serán considerados plagio y obtendrán la misma calificación.
Estructura y Aspectos Formales:
• Recuerde que la Redacción y Ortografía es un criterio considerado en la Rúbrica.
Importante
• Plagio o Copia será evaluado con nota 1.0 sin posibilidad de entregar un Trabajo nuevo ni dar
Prueba Recuperativa.
• Ante cualquier inconveniente favor contactarse con consejeria@ipp.cl

M1 - TI - Programación de Aplicaciones Web

Cargado por

Copyright:

Formatos disponibles

M1 - TI - Programación de Aplicaciones Web

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

M1 - TI - Programación de Aplicaciones Web

Cargado por

Copyright:

Formatos disponibles

M1

Asignatura: PROGRAMACIÓN DE APLICACIONES WEB Pág. 1

Crear una página web basándose en el starter-template de Bootstrap:

• Lo puede encontrar aquí: https://getbootstrap.com/docs/4.0/getting-started/introduction/

La página web debe contener los siguientes elementos:

• Mostrar un mensaje emergente al inicio de la página web diciendo “bienvenido a la página” o

Escribir Introducción y Conclusión

La evaluación será calificada tomando en cuenta la rúbrica correspondiente.

Estructura y Aspectos Formales:

• Recuerde que la Redacción y Ortografía es un criterio considerado en la Rúbrica.

También podría gustarte