Tarea Programación Web
Enviado por valtor jari • 6 de Septiembre de 2021 • Tareas • 1.153 Palabras (5 Páginas) • 192 Visitas
Tarea S 3
Walter R.
Programación Web
Instituto IACC
Desarrollo
Desarrollar el código necesario para cumplir con lo solicitado, según lo que se detalla del enunciado a continuación:
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.
Adicionalmente, le han informado que cuentan con un sitio en YouTube, en el que se encuentra publicado el video de presentación de la PYME y cuyo enlace es https://youtu.be/_u0bH9joTfg.
1. Incluya una sección Quiénes somos, que contemple la visualización del video de presentación de la pyme Mi retail Automotor.
2. Implemente una galería con 3 imágenes png. Ubique libremente 3 imágenes asociadas a la actividad comercial mencionada.
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.
Implementación de primera parte en html, que mostrara una breve descripción de la empresa y el link del video de ejemplo proporcionado en la guía del enunciado.
Código html.
<html>
<head>
<title>Tarea semana 3</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Mi retail automotor LTDA</h1>
<dl>
<dt>Quienes somos</dt>
<dd>Somos una nueva empresa dedicada al servicio de comercio de vehículos </dd>
<dd>Traemos un amplio catálogo de vehículos con más oferta y demanda del mercado </dd>
<dd>La mejor atención y disposición al día en nuestras sucursales </dd>
</dl>
<iframe src="https://www.youtube.com/embed/_u0bH9joTfg" width="560"
height="315">
</iframe>
</body>
</html>
El uso de las siguientes etiquetas en el primer código.
charset conjunto o estándar de caracteres de la página que introduce por defecto en el IDE NetBeans.
Meta etiqueta contiene los metadatos de la página que introduce por defecto el IDE NetBeans.
Div, la etiqueta división dentro del contenido, es para proporcionar un espacio reducido y ordenado del texto dentro de la página.
Title, la etiqueta título se escribe el nombre del documento que se muestra en la pestaña del navegador.
Head, la etiqueta encabezado del documento donde se encuentra la etiqueta Titulo.
Body, la etiqueta cuerpo del documento donde se introduce la mayor parte del contenido.
H1, etiqueta de encabezado, título nivel 1 que destaca la importancia del documento.
Dl, etiqueta de lista que delimita para producir un orden dentro del contenido.
Dt, etiqueta de lista delimita los términos.
dd. etiqueta de lista delimita las definiciones.
Inframe, etiqueta permite introducir documento html dentro de otro.
En este caso se introduce un link de un video de ejemplo especificando atributos “src” para mostrar imagen, como también su tamaño con width (ancho) y hight (alto).
Captura del código Html en NetBeans.
[pic 1]
Captura de resultado en navegador.
[pic 2]
Implementación de galería con 3 imágenes png.
Código html.
<html>
<head>
<title>Galeria</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="Titulo">
<h1>Galeria imagenes</h1>
...