Programación Web
Enviado por Daniel Valenzuela • 19 de Septiembre de 2022 • Ensayo • 546 Palabras (3 Páginas) • 45 Visitas
[pic 1]
[pic 2]
[pic 3]
[pic 4]
[pic 5]
[pic 6]
[pic 7]
Introducción
Desarrolle el código necesario para cumplir con lo solicitado, según lo que se detalla a continuación:
1. Incluya una sección Quiénes somos, que contemple la visualización del video de presentación del instituto. (3 puntos)
2. Implemente una galería con 3 imágenes png. Ubique libremente 3 imágenes asociadas a la actividad comercial mencionada. (2 puntos)
3. Desarrolle un formulario que permita realizar una encuesta a los visitantes, que incluya: nombre completo, fecha de nacimiento, dirección, ciudad, teléfono, correo y su preferencia de horario: diurno o vespertino. (4 puntos)
Deberá entregar el código html. 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. Para ello, utilizará la plantilla de la tarea para entregar las capturas de pantallas con su correspondiente aplicación y entregará, además, el archivo de texto con el código html realizado.
DESARROLLO
[pic 8]
Pagina Index, con uso de FRAME, y FRAMESET para albergar los contenidos.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Estudia Aquí</title>
</head>
<frameset Cols="20%,40%,*" frameborder="1">
<frame id="Frame" name="Frame" src="semana3_index.html"></frame>
<frameset ROWS="20%,30%,30%,*" frameborder="1">
<frame id="Frame1" name="Frame1" src="semana3_pagina1.html"></frame>
<frame id="Frame4" name="Frame4" src="semana3_pagina2.html"></frame>
<frame id="Frame2" name="Frame2" src="semana3_pagina3.html"></frame>
<frame id="Frame3" name="Frame3" src="semana3_pagina4.html"></frame>
<noframes>
<body>Su navegador no soporta frames</body>
</noframes>
</frameset>
</frameset>
</html>
Primer Marco, que contiene el titulo
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<center> <font size="5" color="black" face="Times New Roman">
<h1>Estudia Aquí</h1></font></center>
</body>
</html>
Segundo Marco, contiene el “Quienes Somos” y video integrado en un iFrame
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<center> <h3> ¿Quienes Somos? </h3> </center>
<p style="text-align:center"> Somos una institucion con vasta experiencia en educacion presencial y a distancia, reconocida y certificada con los mas altos estandares del ambiente. </p>
<br>
<div align="center">
<iframe width="400" height="300" src="https://www.youtube.com/embed/_u0bH9joTfg"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
</div>
</body>
</html>
Tercer marco, contiene galería de fotos asociadas en PNG
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
...