[go: up one dir, main page]
Scribd
Cargar
251 vistas2 páginas

Prueba 3 HTML CSS Javascript

El documento presenta un examen de diseño web con dos ítems. El primer ítem pide diseñar una página web con una cabecera, barra de navegación, sección y pie de página según un diseño dado, usando HTML, CSS y cumpliendo requisitos específicos. El segundo ítem pide incluir un formulario con 10 campos para ingresos y validarlos, y mostrar el promedio, máximo y mínimo de los ingresos luego de hacer clic en un botón.

Cargado por

Gokuforeverfull
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
251 vistas2 páginas

Prueba 3 HTML CSS Javascript

El documento presenta un examen de diseño web con dos ítems. El primer ítem pide diseñar una página web con una cabecera, barra de navegación, sección y pie de página según un diseño dado, usando HTML, CSS y cumpliendo requisitos específicos. El segundo ítem pide incluir un formulario con 10 campos para ingresos y validarlos, y mostrar el promedio, máximo y mínimo de los ingresos luego de hacer clic en un botón.

Cargado por

Gokuforeverfull
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 2

Taller de aplicaciones para internet

PRUEBA N°3

NOMBRE: RUT:

FECHA: 09/06/2023

Ítem 1: (50 puntos).


Diseñe un pagina web en HTML, con reglas CSS enlazado en un archivo externo, que cumpla con el
siguiente diseño (imagen 1).

Header

h1
Barra de
navegación

h2

Section

footer

Imagen 1: Vista de diseño web.

1
Taller de aplicaciones para internet

Modifique la plantilla utilizada en clase, tal que se ajuste al diseño web presentado en la imagen 1,
y además, que cumpla con los siguientes requerimientos:

 Ancho de la página: 960 px y color de fondo blanco.


 Cabecera: Utilice una imagen de fondo (“Logo_U”).

borde: 2px línea sólida de color #262929. padding: 20px.

 Barra de navegación de acuerdo con la imagen 1 y centrada.

Color de fondo: #ededed. padding: 5px 15px.


 Section: ancho: 880px. Centrado.
El texto debe estar justificado.

El formulario debe tener un ancho de 400px, color de fondo #ededed, texto y cajas de texto
centradas.

 Footer: padding: 10px 10px; Color de fondo: #1b1b1b. Inserte en el pie de


página la imagen “UNC_Acreditada”. Altura: 220px.

Además, utilice la propiedad box-shadow: 10px 10px 5px #676767; para configurar sombra en una
caja. Para cajas con bordes redondeados utilice la propiedad border-radius: 25px.

No se permite el uso de tablas para estructurar la información.

Con respecto al formulario, debe insertar 10 campos de texto, tal que el usuario ingrese en cada
uno de ellos 10 ingresos mensuales. También, el formulario debe contener un botón “Calcular”,
que calcule la siguiente información que se detalla en el ítem 2.

Ítem 2: (50 puntos).


En este apartado se solicita que valide todos los campos de texto, tal que el formulario envíe al
usuario un mensaje de alerta, si el valor ingresado en menor e igual a cero, o si ingresa una cadena
de texto, o si deja el campo de texto vacío.

Una vez que los 10 campos de texto han sido validados, el usuario debe hacer click en el botón
“Calcular”, y se debe procesar los 10 ingresos mensuales, tal que en el apartado “Resultados” se
presente la siguiente información:

El promedio de los ingresos es $.........

El ingreso máximo es $.................

El ingreso mínimo es $.................

Utilice arreglos para almacenar los ingresos.

También podría gustarte