Está en la página 1de 9

TAREA SEMANA 3

Richard Ivan Inzunza Osses

Programación Web I

Instituto IACC

16 de junio de 2021
Desarrollo

La empresa Mi retail automotor LTDA, es una pyme dedicada a la venta de repuestos de autos,

ubicada en Santiago y que ha tenido un crecimiento sostenido en los últimos 18 meses. Dado lo

anterior, sus dueños han pensado en proyectar sus servicios desde un sitio web, y lograr así, el

aumento de los clientes en otras regiones.

Para iniciar esta etapa, se le ha solicitado a usted que realice el prototipo de la página web, la que

será posteriormente publicada en el servidor que contratarán. Para ello, le han proporcionado un

banco de videos e imágenes con los que podrá presentar el diseño.

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 de la pyme Mi retail Automotor.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
</head>
<body>

<h1>
MI RETAIL AUTOMOTOR LIMITADA
</h1>

<h2>
QUIENES SOMOS
</h2>
<P>
Somos una empresa familiar dedicada a la venta por mayor de repuestos
automotrices.
Nuestra trayectoria de mas de 20 años avalan nuestra excelente calidad y buen
servicio.
</P>
<br>

<h3>PROPOSITOS</h3>
<ol>
<li>Vender los mejores respuestos de autos del mundo</li>
<li>Ofrecer un servicio de calidad y satisfación para nuestros clientes</li>
<li>Ser un aporte para nuestra sociedad</li>
</ol>

<iframe width="560" height="315"


src="https://www.youtube.com/embed/Ys8tAp7JLIQ" title="YouTube video
player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
picture-in-picture" allowfullscreen></iframe>
</body>
</html>
2. Implemente una galería con 3 imágenes png. Ubique libremente 3 imágenes asociadas a

la actividad comercial mencionada.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
</head>
<body>

<h1>
MI RETAIL AUTOMOTOR LIMITADA
</h1>
<h2>
QUIENES SOMOS
</h2>
<P>
Somos una empresa familiar dedicada a la venta por mayor de repuestos automotrices.
Nuestra trayectoria de mas de 20 años avalan nuestra excelente calidad y buen servicio.
</P>
<br>

<h3>PROPOSITOS</h3>
<ol>
<li>Vender los mejores respuestos de autos del mundo</li>
<li>Ofrecer un servicio de calidad y satisfación para nuestros clientes</li>
<li>Ser un aporte para nuestra sociedad</li>
</ol>

<iframe width="560" height="315"


src="https://www.youtube.com/embed/Ys8tAp7JLIQ" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-
in-picture" allowfullscreen></iframe>

<br>
<br>
<h2>IMAGENES</h2>
<img src="Imagen01.png" alt="" width="400" height="300">
<img src="Imagen02.png" alt="" width="400" height="300">
<img src="Imagen03.png" alt="" width="400" height="300">

</body>
</html>
3. Desarrolle un formulario que permita realizar una encuesta a los visitantes, que incluya los
siete elementos siguientes: nombre completo, fecha de nacimiento, dirección, teléfono, correo, el
modelo y marca de su vehículo.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
</head>
<body>

<h1>
MI RETAIL AUTOMOTOR LIMITADA
</h1>

<h2>
QUIENES SOMOS
</h2>
<P>
Somos una empresa familiar dedicada a la venta por mayor de repuestos automotrices.
Nuestra trayectoria de mas de 20 años avalan nuestra excelente calidad y buen servicio.
</P>
<br>

<h3>PROPOSITOS</h3>
<ol>
<li>Vender los mejores respuestos de autos del mundo</li>
<li>Ofrecer un servicio de calidad y satisfación para nuestros clientes</li>
<li>Ser un aporte para nuestra sociedad</li>
</ol>

<iframe width="560" height="315" src="https://www.youtube.com/embed/Ys8tAp7JLIQ"


title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>

<br>
<br>
<h2>IMAGENES</h2>
<img src="Imagen01.png" alt="" width="400" height="300">
<img src="Imagen02.png" alt="" width="400" height="300">
<img src="Imagen03.png" alt="" width="400" height="300">

<br>
<br>
<h2>FORMULARIO DE INGRESO</h2>
<form action="" method="post" name="ingrdato">
<label for="">
Nombre completo:
</label>
<input type="text" name="" id="">
<br>
<label for="">
Fecha de nacimiento:
</label>
<input type="date" name="" id="">
<br>
<label for="">
Dirección:
</label>
<input type="text" name="" id="">
<br>
<label for="">
Teléfono:
</label>
<input type="tel" name="" id="">
<br>
<label for="">
Correo:
</label>
<input type="text" name="" id="">
<br>
<label for="">
Modelo:
</label>
<input type="text" name="" id="">
<br>
<label for="">
Marca:
</label>
<input type="text" name="" id="">

</form>
<br>

</body>
</html>
Bibliografía

 IACC (2020). Introducción al HTML . Programación web I . Semana 1

 IACC (2020). Características del HTML. Programación Web I. Semana 2.

 IACC (2020 ). Autoría de HTML . Programación Web I . Semana 3

También podría gustarte