INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO CIBERTEC

DIRECCIÓN ACADÉMICA
CARRERA PROFESIONALES

CURSO : 4684 - Desarrollo de Entornos Web

PROFESOR :
SEMESTRE : 2023-01 NOTA
CICLO : Segundo
SECCIÓN :
GRUPO :
FECHA : Abril 2021

ALUMNO (A) : Arnold Osorio Sanchez

CASO DE LABORATORIO 1 (CL1)

Consideraciones
 Descargue los archivos de trabajo que están comprimidos. En dicha carpeta esta la
información para cada una de las preguntas.
 Al finalizar, comprima toda la carpeta de resultados con sus datos para subirlos al Aula
Virtual.

LOGRO:
Tenga presente que el logro es que usted, aplicando el modelo DOM, usando eventos y las
estructuras de control adecuadas, acceda y manipule elementos de la página web.

Consolidado
Puntaje Llenar solo en caso de Recalificación justificada
Pregunta
Máximo Obtenido Sustento Puntaje
1 3
2 3
3 6
4 8
Nota Recalificada

Pregunta 1
Crea un script que le solicite al usuario ingresar su nombre a través de un prompt. Luego, ,
realiza operaciones de concatenación sobre las entradas teniendo en cuenta la siguiente
salida: Hola “nombre” como estás !. En caso no ingrese nada o cancele la operación,
imprime "No ingresó nombre". Al finalizar mostrar el resultado dentro un párrafo.

Pregunta 2
Cree un página con 5 enlaces <a> que estén dentro de un elemento <div>, incluya un botón
“Probando” para que al hacer click sobre él, llame a una función que asigne los siguientes
estilos a todos los enlaces:
- Sin Subrayados
- Tamaño de fuente: 14px
- Relleno: 5px
- Color de fondo: amarillo
Pregunta 3:
Cree una página con los siguientes elementos: 1 enlace <a> con el texto “Ir a Cibertec” sin
valor en atributo href,1 botón “Ejecutar” que al hacer click sobre él, llame a una función
que permita agregar un atributo href al elemento <a> apuntando al sitio
https://www.cibertec.edu.pe/.

Pregunta 4

Utiliza el modelo DOM y EVENTOS para cambiar la IMAGEN de la vista principal cada vez
que el usuario haga clic (evento) sobre las miniaturas. Tambien se debe modificar el titulo
descriptivo “Super Mario Bros” por Escena1, Escena2 y Escena3 respectivamente.

.
(Muestra referencial. Se debe cambiar por otras imágenes)
 RÚBRICA

CRITERIO ESCALA DE CALIFICACIÓN

 Solicita datos del usuario. (1 pto)

 No realiza ninguna
Entradas y salidas en  Realiza las operaciones  Realiza lo solicitado de
de las actividades
JS. solicitadas. (2 pto) manera parcial. (2 pts)
solicitadas.
(04 puntos)  Muestra los resultados. (1 pto)

04 puntos 02 puntos 0 puntos

Entradas, salidas,  No realiza ninguna

 Emplea bucles en el script. (2 pts)  Realiza lo solicitado de
bucles y estructuras de de las actividades
 Utiliza estilos. (2 pts) manera parcial. (2 pts)
control. solicitadas.
(04 puntos)
04 puntos 02 puntos 0 puntos

 Accede a los elementos HTML

desde JS externo. (1 pts)  No realiza ninguna
Atributos y uso de  Realiza lo solicitado de
funciones  Realiza la función solicitada. (2 de las actividades
manera parcial. (2 pts)
pts) solicitadas.
 Muestra los resultados. (1 pts)
(04 puntos)

04 puntos 02 puntos 0 puntos

 Accede a los elementos HTML

desde JS externo. (1 pto)
 No realiza ninguna
 Utiliza getElementById o Programa en forma parcial las
DOM y cambio de de las actividades
querySelector para acceder a la funciones y eventos
imagen con eventos. solicitadas.
imagen principal y el titulo. (3 pts) solicitados (4 pts)
 Crea la función para el cambio de
(08 puntos)
imagen y el titulo. (4 pts)

08 puntos 04 puntos 0 puntos