Вы находитесь на странице: 1из 25

Colegio De Estudios Cientficos Y Tecnolgicos Del

Estado De Mxico Plantel Coacalco

Materia: Desarrolla Aplicaciones web

Profesor: Delgadillo Estrada Gerardo Daniel

Grupo y Turno: 410 Vespertino

Especialidad: Programacin

Integrantes del equipo: *Cuevas Galvn Daniel Omar


*Prez Martnez Jerath
*Mendoza Lucio Luis Eduardo
*Rodrguez Gmez Jonathan
*Velzquez Cortez Armando Ismael

Proyecto 3er parcial. Pgina web AutoProtect

Ciclo escolar: 2017-2017


INDICE

Introduccin1

Justificacin..2

Objetivo...3

Desarrollo..4
Ventanas.5
Codigo10

Conclusin ..20

Glosario.21
INTRODUCCION

El tema que permiti realizar este trabajo fue programacin con


hojas de estilo CSS apoyndose de la sentencia w3.css junto con
AppServer y bases de datos en phpMyAdmin.
Lo que queremos lograr con este proyecto es poder crear una pgina
web que sea atractiva hacia el pblico, que satisfaga sus necesidades
de bsqueda en el tema seleccionado y por lo tanto el dueo del
negocio de dicha pgina quede ms satisfecho en cuestin de ventas,
promocin y pueda crecer cada vez ms.
El modo en el que est pensado este proyecto es para que (como lo
mencionamos anteriormente) la dicha pgina web sea muy atractiva
visualmente y atraiga al pasar del tiempo ms audiencia, esto
significara un crecimiento en las ventas y por lo tanto un crecimiento
econmico en la empresa.
El mtodo empleado en nuestro trabajo fue utilizar hojas de estilo
en cascada utilizando w3.css, junto con un men desplegable que
nos redirecciona al tema de nuestro inters los cuales pueden ser:
misin y visin, productos, quienes somos y la tienda en lnea que
esta enlazada a una base de datos en la que podemos ordenar
nuestro pedido y se registrara en dicha base.
Las nicas limitaciones que podra tener nuestro proyecto son que
para poder comprar un artculo se tiene que escribir el nmero de
publicacin de dicho artculo, adems de que el nico mtodo de
pago seria tarjeta de crdito. En prximas actualizaciones se
pretende solucionar estos problemas para que la pagina sea an
mejor y atraiga a ms pblico.

Pagina 1/23
JUSTIFICACION

Este trabajo es importante para poder identificar como es que las


paginas actuales de compra y venta identifican los factores para
poder llamar la atencin de un pblico en general, as como
identificar que la mayora de sitios utilizan las bases de datos, ya sea
para poder insertar un comentario como para ordenar una compra.
Las problemticas que resuelve es proyecto son por ejemplo una
baja significativa en las ventas de un negocio, en la actualidad es ms
fcil buscar una pgina web y ordenar un producto por internet que
ir a la tienda y comprarlo, por lo tanto si un negocio se apoya en una
pgina web para vender sus productos, sus ventas podran elevarse
significativamente y as podra hacer crecer su negocio.

Pagina 2/23
OBJETIVO

Lo que se pretende hacer principalmente con la pagina web es


aumentar la popularidad de un negocio para que pueda aumentar
sus ventas y se pueda involucrar en un mundo digital, esto se podr
llevar a cabo con dicha pgina.

Pagina 3/23
DESARROLLO

-----------------------------------------------------------------------------------------
Se utilizaran capturas de pantalla ya que no se pudo imprimir
directamente, no apareca la pgina web completa y las imgenes
eran de muy gran tamao aunque en dicha pgina fueran pequeas.

-----------------------------------------------------------------------------------------

Pagina 4/23
Pagina 5/23
Pagina 6/23
Pagina 7/23
Pagina 8/23
Pagina 9/23
CODIGO

Pagina-Inicial.php
<!DOCTYPE html>
<html>
<title>AutoProtect</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karma">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Karma", sans-serif}
.w3-bar-block .w3-bar-item {padding:20px}
</style>
<body>

<!-- Menu desplegable -->


<nav class="w3-sidebar w3-bar-block w3-card-2 w3-top w3-xlarge w3-animate-left" style="display:none;z-
index:2;width:40%;min-width:300px" id="mySidebar">
<a href="javascript:void(0)" onclick="w3_close()"
class="w3-bar-item w3-button">Cerrar Menu</a>
<a href="#mis" onclick="w3_close()" class="w3-bar-item w3-button">Mision y Vision</a>
<a href="#prod" onclick="w3_close()" class="w3-bar-item w3-button">Productos</a>
<a href="#somos" onclick="w3_close()" class="w3-bar-item w3-button">Quienes Somos?</a>
<a href="#tienda" onclick="w3_close()" class="w3-bar-item w3-button">Tienda en linea</a>
</nav>

<!-- Barra horizontal -->


<div class="w3-top">
<div class="w3-white w3-xlarge" style="max-width:1200px;margin:auto">
<div class="w3-button w3-padding-16 w3-left" onclick="w3_open()"></div>

Pagina 10/23
<div class="w3-center w3-padding-16">Venta de autos, refacciones, accesorios y mas.</div>
</div>
</div>
<br><br><br><br>
<center>
<img src="logo.jpg" alt="Logo" style="width:80%">
</center>

<!-- Contenido bebe -->


<div class="w3-main w3-content w3-padding" style="max-width:1200px;margin-top:100px">

<!-- Barra de opciones de productos -->


<div class="w3-quarter">
<img src="autos.png" alt="Autos" style="width:80%">
<h4>Las mejores marcas y modelos.</h4>
</div>
<div class="w3-quarter">
<img src="refa.jpg" alt="Refacciones" style="width:90%">
<h4>Originales de fabrica</h4>
</div>
<div class="w3-quarter">
<img src="accesorios.jpg" alt="Accesorios" style="width:90%">
<h4>Todo lo que puedas necesitar</h4>
</div>
<div class="w3-quarter">
<img src="mas.jpg" alt="Y mucho mas" style="width:80%">
<h4>Para el cuidado de tu auto.</h4>
</div>
</div>

<!-- Mision y Vision -->


<hr id="mis">
<div class="w3-container w3-padding-32 w3-center">
<div class="w3-padding-32">
<h3><b>Mision y Vision</b></h3>
<h6><i>Nuestra Mision</i></h6>
<p>La misin de AutoProtect es dar soluciones fiables y duraderas a las incidencias mecnicas surgidas en el automvil,
vehculos motorizados y/o sus componentes. Mantenerlos en estado de buen uso, respetando siempre el criterio
de nuestros clientes, as como orientarles y asesorarles de forma profesional y experta, con el fin de que
puedan tomar decisiones acertadas con respecto a su vehculo o componente.<br>Nos dirigimos a propietarios, usuarios,
empresas de servicio, talleres u otras entidades que precisan la postventa y mantenimiento de un automvil, vehculo de
cualquier marca o modelo cuya prioridad sea la eficacia, calidad, rapidez y rendimiento de la reparacin. Nuestro
deber es conseguir, que el usuario final pueda disfrutar de un uso satisfactorio de su producto en un tiempo razonable,
y contribuir con nuestras actuaciones al xito de nuestros clientes.<br>
El conocimiento profundo de las tecnologas, nuestra amplia oferta de servicios, la calidad de nuestro trabajo y la
comunicacin con nuestros clientes son los elementos diferenciadores de nuestra organizacin y los que nos
garantizarn el xito en nuestra misin.</p><br><br>
<h6><i>Nuestra Vision</i></h6>
<p>Ser reconocidos por el mercado, entre los colegas del sector o nuestros competidores como expertos del automvil.
Queremos ser el taller de referencia para nuestros clientes, nuestros empleados y nuestros proveedores, tanto
actuales como futuros.

Pagina 11/23
Aportar los medios, soluciones y herramientas necesarias, que permitan el desarrollo de las personas integrantes de
nuestra organizacin y consoliden una ventaja competitiva y un xito econmico duradero, que nos garantice la
permanencia en el mercado.
Deseamos la mxima fiabilidad y eficacia en las reparaciones que efectuamos Cero fallos. Somos plenamente
conscientes de que manejamos bienes que no son de nuestra propiedad y nos esmeramos en su cuidado.
Generar compromiso y remarcar el carcter colectivo de nuestro proyecto, como herramientas que nos permita
solventar de forma airosa todos los proyectos que se emprendan.<br>Crear una organizacin donde las personas
puedan ser felices.</p>
</div>
</div>
<hr>

<center>
<h3><b>Productos</b></h3>
</center>
<!-- Primer linea de imagenes -->
<div class="w3-row-padding w3-padding-16 w3-center" id="prod">
<div class="w3-quarter">
<img src="car1.jpg" style="width:100%">
<h3>Dodge Journey</h3>
<p>PUBLICACION: 1001 <br>MARCA: Dodge <br>MODELO: Journey <br>PRECIO: $340,000</p>
</div>
<div class="w3-quarter">
<img src="car2.jpeg" style="width:100%">
<h3>Lincoln MKS</h3>
<p>PUBLICACION: 1002 <br>MARCA: Lincoln <br>MODELO: MKS <br>PRECIO: $380,000</p>
</div>
<div class="w3-quarter">
<img src="car3.jpg" style="width:100%">
<h3>Ford Mustang</h3>
<p>PUBLICACION: 1003 <br>MARCA: Ford <br>MODELO: Mustang <br>PRECIO: $248,000</p>
</div>
<div class="w3-quarter">
<img src="car4.jpeg" style="width:100%">
<h3>Volkswagen Vento</h3>
<p>PUBLICACION: 1004 <br>MARCA: Volkswagen <br>MODELO: Vento <br>PRECIO: $194,999</p>
</div>
</div>

<!-- Segunda linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="car5.jpg" style="width:100%">
<h3>Volkswagen Otro Modelo</h3>
<p>PUBLICACION: 1005 <br>MARCA: Volkswagen <br>MODELO: Otro modelo <br>PRECIO: $256,000</p>
</div>
<div class="w3-quarter">
<img src="car6.jpg" style="width:100%">
<h3>Hyundai Santa Fe</h3>
<p>PUBLICACION: 1006 <br>MARCA: Hyundai <br>MODELO: Santa Fe <br>PRECIO: $469,000</p>
</div>
<div class="w3-quarter">
<img src="car7.jpg" style="width:100%">
<h3>Ford Expedition</h3>

Pagina 12/23
<p>PUBLICACION: 1007 <br>MARCA: Ford <br>MODELO: Expedition <br>PRECIO: $216,000</p>
</div>
<div class="w3-quarter">
<img src="car8.jpg" style="width:100%">
<h3>Nissan Tsuru</h3>
<p>PUBLICACION: 1008 <br>MARCA: Nissan <br>MODELO: Tsuru <br>PRECIO: $119,000</p>
</div>
</div>

<!-- Tercera linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="car9.jpg" style="width:100%">
<h3>Nissan Rogue</h3>
<p>PUBLICACION: 1009 <br>MARCA: Nissan <br>MODELO: Rogue <br>PRECIO: $210,000</p>
</div>
<div class="w3-quarter">
<img src="car10.jpg" style="width:100%">
<h3>Jeep Cherokee</h3>
<p>PUBLICACION: 10010 <br>MARCA: Jeep <br>MODELO: Cherokee <br>PRECIO: $339,000</p>
</div>
<div class="w3-quarter">
<img src="car11.jpg" style="width:100%">
<h3>Mazda 3</h3>
<p>PUBLICACION: 10011 <br>MARCA: Mazda <br>MODELO: -- <br>PRECIO: $155,000</p>
</div>
<div class="w3-quarter">
<img src="car12.jpg" style="width:75%">
<h3>Peugeot RCZ</h3>
<p>PUBLICACION: 10012 <br>MARCA: Peugeot <br>MODELO: RCZ <br>PRECIO: $315,000</p>
</div>
</div>

<!-- Cuarta linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="refa1.jpg" style="width:70%">
<h3>Duralast Gold Bateria</h3>
<p>PUBLICACION: 10013 <br>MARCA: Duralast <br>MODELO: Gold <br>PRECIO: $1,660</p>
</div>
<div class="w3-quarter">
<img src="refa14.jpg" style="width:70%">
<h3>K&N High Performance Filtro de Aire</h3>
<p>PUBLICACION: 10014 <br>MARCA: K&N <br>MODELO: High Performance <br>PRECIO: $2,379</p>
</div>
<div class="w3-quarter">
<img src="refa15.jpg" style="width:70%">
<h3>Michelin Optimum Limpiaparabrisas - Hoja- Front</h3>
<p>PUBLICACION: 10015 <br>MARCA: Michelin <br>MODELO: Optimum <br>PRECIO: $289</p>
</div>
<div class="w3-quarter">
<img src="refa16.jpg" style="width:70%">
<h3>Failsafe Termostato</h3>
<p>PUBLICACION: 10016 <br>MARCA: Failsafe <br>MODELO: Energy <br>PRECIO: $199</p>

Pagina 13/23
</div>
</div>

<!-- Quinta linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="refa17.jpg" style="width:70%">
<h3>Autolite XP Iridium Bujia</h3>
<p>PUBLICACION: 10017 <br>MARCA: Autolite <br>MODELO: XP <br>PRECIO: $129</p>
</div>
<div class="w3-quarter">
<img src="refa18.jpg" style="width:70%">
<h3>BBB Alternador</h3>
<p>PUBLICACION: 10018 <br>MARCA: BBB <br>MODELO: Hight <br>PRECIO: $1,133</p>
</div>
<div class="w3-quarter">
<img src="refa19.jpg" style="width:70%">
<h3>Duralast Polea Loca</h3>
<p>PUBLICACION: 10019 <br>MARCA: Duralast <br>MODELO: Left <br>PRECIO: $199</p>
</div>
<div class="w3-quarter">
<img src="refa20.jpg" style="width:69%">
<h3>Duralast Bomba de Combustible</h3>
<p>PUBLICACION: 10020 <br>MARCA: Duralast <br>MODELO: Economic <br>PRECIO: $2,500</p>
</div>
</div>

<!-- Sexta linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="refa21.jpg" style="width:70%">
<h3>Cardone Reman Freno - Booster</h3>
<p>PUBLICACION: 10021 <br>MARCA: Booster <br>MODELO: Reman <br>PRECIO: $1,249</p>
</div>
<div class="w3-quarter">
<img src="refa22.jpg" style="width:70%">
<h3>Brakeware Rueda - Cilindro Trasero (Freno)</h3>
<p>PUBLICACION: 10022 <br>MARCA: Brakeware <br>MODELO: Rueda <br>PRECIO: $149</p>
</div>
<div class="w3-quarter">
<img src="refa23.jpg" style="width:70%">
<h3>Duralast Polea Loca</h3>
<p>PUBLICACION: 10023 <br>MARCA: Duralast <br>MODELO: Left <br>PRECIO: $819</p>
</div>
<div class="w3-quarter">
<img src="refa24.jpg" style="width:70%">
<h3>Duralast Balata- Front</h3>
<p>PUBLICACION: 10024 <br>MARCA: Duralast <br>MODELO: Economic <br>PRECIO: $279</p>
</div>
</div>

<!-- Septima linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">

Pagina 14/23
<img src="ax25.jpg" style="width:70%">
<h3>Blazer Luz Estroboscopica</h3>
<p>PUBLICACION: 10025 <br>MARCA: Blazer <br>MODELO: Estroboscopica <br>PRECIO: $1,650</p>
</div>
<div class="w3-quarter">
<img src="ax26.jpg" style="width:70%">
<h3>Alpena Luz Estroboscopica</h3>
<p>PUBLICACION: 10026 <br>MARCA: Brakeware <br>MODELO: Estroboscopica <br>PRECIO: $749</p>
</div>
<div class="w3-quarter">
<img src="ax27.jpg" style="width:70%">
<h3>Blazer Luz Interior</h3>
<p>PUBLICACION: 10027 <br>MARCA: Blazer <br>MODELO: Left <br>PRECIO: $99</p>
</div>
<div class="w3-quarter">
<img src="ax28.jpg" style="width:70%">
<h3>Plasticolor Tapete para Piso</h3>
<p>PUBLICACION: 10028 <br>MARCA: Plasticolor <br>MODELO: Tapete <br>PRECIO: $219</p>
</div>
</div>

<!-- Octava linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="ax29.jpg" style="width:70%">
<h3>Armor All Tapete para Piso</h3>
<p>PUBLICACION: 10025 <br>MARCA: Armor <br>MODELO: Tapete <br>PRECIO: $339</p>
</div>
<div class="w3-quarter">
<img src="ax30.jpg" style="width:70%">
<h3>Plasticolor Tapete para Piso</h3>
<p>PUBLICACION: 10030 <br>MARCA: Platicolor <br>MODELO: Tapete <br>PRECIO: $699</p>
</div>
<div class="w3-quarter">
<img src="ax31.jpg" style="width:70%">
<h3>Rally Tapete para Piso</h3>
<p>PUBLICACION: 10031 <br>MARCA: Rally <br>MODELO: Tapete <br>PRECIO: $349</p>
</div>
<div class="w3-quarter">
<img src="ax32.jpg" style="width:70%">
<h3>Goodyear Tapete para Piso</h3>
<p>PUBLICACION: 10032 <br>MARCA: Goodyear <br>MODELO: Tapete <br>PRECIO: $499</p>
</div>
</div>

<!-- Novena linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="ax33.jpg" style="width:70%">
<h3>Pilot Automotive Accesorios de Comodidad para Viaje</h3>
<p>PUBLICACION: 10033 <br>MARCA: Pilot Automotive <br>MODELO: Accesorio <br>PRECIO: $279</p>
</div>
<div class="w3-quarter">
<img src="ax34.jpg" style="width:70%">

Pagina 15/23
<h3>Type S Accesorios de Comodidad para Viaje</h3>
<p>PUBLICACION: 10034 <br>MARCA: Type S <br>MODELO: Accesorio <br>PRECIO: $119</p>
</div>
<div class="w3-quarter">
<img src="ax35.jpg" style="width:70%">
<h3>Custom Accesorios de Comodidad para Viaje</h3>
<p>PUBLICACION: 10035 <br>MARCA: Custom <br>MODELO: Accesorio <br>PRECIO: $139</p>
</div>
<div class="w3-quarter">
<img src="ax36.jpg" style="width:70%">
<h3>Pilot Automotive Almohadilla para Cinturon de Seguridad</h3>
<p>PUBLICACION: 10036 <br>MARCA: Pilot Automotive <br>MODELO: Accesorio <br>PRECIO: $59</p>
</div>
</div>

<!-- Decima linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="ma37.jpg" style="width:70%">
<h3>Royal Purple Aceite de Motor</h3>
<p>PUBLICACION: 10037 <br>MARCA: Royal Purple <br>MODELO: Purple <br>PRECIO: $239</p>
</div>
<div class="w3-quarter">
<img src="ma38.jpg" style="width:70%">
<h3>Castrol Aceite de Motor</h3>
<p>PUBLICACION: 10038 <br>MARCA: Castrol <br>MODELO: Aceite <br>PRECIO: $999</p>
</div>
<div class="w3-quarter">
<img src="ma39.jpg" style="width:70%">
<h3>Quaker State Aceite de Motor</h3>
<p>PUBLICACION: 10039 <br>MARCA: Quaker State <br>MODELO: Aceite <br>PRECIO: $86</p>
</div>
<div class="w3-quarter">
<img src="ma40.jpg" style="width:70%">
<h3>Castrol Aceite de Motor</h3>
<p>PUBLICACION: 10040 <br>MARCA: Castrol <br>MODELO: GTX <br>PRECIO: $439</p>
</div>
</div>

<!-- Onceava linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="ma41.jpg" style="width:70%">
<h3>Quest Aceite para A/C</h3>
<p>PUBLICACION: 10041 <br>MARCA: Quest <br>MODELO: Aceite <br>PRECIO: $169</p>
</div>
<div class="w3-quarter">
<img src="ma42.jpg" style="width:70%">
<h3>Quest Aceite para A/C</h3>
<p>PUBLICACION: 10042 <br>MARCA: Quest <br>MODELO: Aceite <br>PRECIO: $249</p>
</div>
<div class="w3-quarter">
<img src="ma43.jpg" style="width:70%">
<h3>A/C Pro Refrigerante R134a</h3>

Pagina 16/23
<p>PUBLICACION: 10043 <br>MARCA: A/C <br>MODELO: Pro <br>PRECIO: $869</p>
</div>
<div class="w3-quarter">
<img src="ma44.jpg" style="width:70%">
<h3>AutoZone Refrigerante R134a</h3>
<p>PUBLICACION: 10044 <br>MARCA: Autozone <br>MODELO: R134a <br>PRECIO: $2,549</p>
</div>
</div>

<!-- Doceava linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="ma45.jpg" style="width:70%">
<h3>Permatex Reparador de Piel de Vinilo</h3>
<p>PUBLICACION: 10045 <br>MARCA: Permatex <br>MODELO: Reparador <br>PRECIO: $59</p>
</div>
<div class="w3-quarter">
<img src="ma46.jpg" style="width:70%">
<h3>Lucas Oil Aceite Nebulizador y Estabilizador de Combustible</h3>
<p>PUBLICACION: 10046 <br>MARCA: Lucas Oil <br>MODELO: Aceite <br>PRECIO: $249</p>
</div>
<div class="w3-quarter">
<img src="ma47.jpg" style="width:70%">
<h3>Casite Aceite Nebulizador y Estabilizador de Combustible</h3>
<p>PUBLICACION: 10047 <br>MARCA: Casite <br>MODELO: Aceite <br>PRECIO: $59</p>
</div>
<div class="w3-quarter">
<img src="ma48.jpg" style="width:70%">
<h3>Rislone Aceite Nebulizador y Estabilizador de Combustible</h3>
<p>PUBLICACION: 10048 <br>MARCA: Rislone <br>MODELO: Aceite <br>PRECIO: $109</p>
</div>
</div>

<!-- Tresceava linea de imagenes -->


<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="ma49.jpg" style="width:70%">
<h3>Lucas Oil Limpiador y Aditivo de Motor</h3>
<p>PUBLICACION: 10049 <br>MARCA: Lucas Oil <br>MODELO: Aceite <br>PRECIO: $149</p>
</div>
<div class="w3-quarter">
<img src="ma50.jpg" style="width:70%">
<h3>Restore Limpiador y Aditivo de Motor</h3>
<p>PUBLICACION: 10050 <br>MARCA: Restore <br>MODELO: Aceite <br>PRECIO: $249</p>
</div>
</div>
<br><br><br>

<hr id="somos">
<div class="w3-container w3-padding-32 w3-center">
<div class="w3-padding-32">
<h3><b>Quienes Somos?</b></h3>
<p>A travs de nuestras empresas subsidiarias, ofrecemos productos de calidad y servicios confiables para satisfacer
las necesidades de distintos tipos de negocios.<br>Somos Divisin Automotriz, una empresa comprometida con la

Pagina 17/23
Calidad de nuestros servicios y la total satisfaccin de Nuestros Clientes. Con ms de 40 aos de experiencia y
liderazgo</p><br><br>
<p>Puedes seguirnos en nuestras redes sociales:</p>
<a href="https://www.facebook.com/" target="_blank"><img src="face.png" border="0"style="width:5%"></a>
<a href="https://twitter.com/?lang=es" target="_blank"><img src="twi.png" border="0"style="width:5%"></a><br>
<p>Visitanos, estamos ubicados en:</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3757.3927631640154!2d-
99.12215768598472!3d19.65324203868289!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!
4f13.1!3m3!1m2!1s0x85d1f4696e10f895%3A0x32d7daec796e413a!2s%C3%93ptica+Santiago!5e0!3m2!1ses-
419!2smx!4v1498545528286" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<hr>
<br><br>

<hr id="tienda">
<div class="w3-container w3-padding-32 w3-center">
<div class="w3-padding-32">
<h3><b>Insertar compra</b></h3>
<form action=insertar.php method=POST>
Nombre(s): <input type=text name=nombre><br>
Apellido(s): <input type=text name=apellido><br>
Direccion_1: <input type=text name=direc1><br>
Direccion_2: <input type=text name=direc2><br>
Telefono_(celular): <input type=number name=celular><br>
Edad(aos): <input type=numbre name=edad><br>
Ntarjeta de credito: <input type=number name=tarjeta><br>
PIN: <input type=number name=pin><br>
Npublicacion: <input type=number name=publicacion><br>
Fecha_de_nacimiento: <input type=date name=fecha><br>
<input type=submit>
</form>

<!-- Contenido final adicional de menu -->


</div>
<script>
// Script to open and close sidebar
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
}

function w3_close() {
document.getElementById("mySidebar").style.display = "none";
}
</script>

</body>
</html>

Pagina 18/23
Insertar.php

<?php
$nom=$_POST['nombre'];
$apell=$_POST['apellido']
$direct1=$_POST['direc1'];
$direct2=$_POST['direc2'];
$tel=$_POST['celular'];
$aos=$_POST['edad'];
$tar=$_POST['tarjeta'];
$pint=$_POST['pin'];
$publi=$_POST['publicacion'];
$naci=$_POST['fecha'];
$servername="localhost";
$username="root";
$password="12345678";
$dbname="compras";

//create connection
$conn=new mysqli($servername, $username, $password, $dbname);
//check connection
if($conn->connect_error){
die("Connection failed: " . $conn->connect_error);
}
$sql="INSERT INTO compras_registradas(nombre,apellido,direc1,direc2,celular,edad,tarjeta,pin,publicacion,fecha)
VALUES('$nom','$apell','$direct1','$direct2','$tel','$aos','$tar','$pint','$publi','$naci')";
if($conn->query(sql)===TRUE){
echo"Registro insertado";
}else{
echo "Error: " . $sql . "<br> . $conn->error;
}
$conn->close();
?>

Pagina 19/23
CONCLUSION

Lo que nuestro equipo puede concluir es que entendimos la


importancia de las pginas web en la actualidad, ya que una pgina
web sencilla que promocione algn producto puede incrementar sus
ventas ya que la mayora de bsqueda de artculos es por internet.

Pagina 20/23
GLOSARIO

1.-Diseo Web
Es una actividad considerada dentro del diseo multimedia , la cual consiste en la planificacin, diseo,
desarrollo e implementacin de pginas web y sitios web.
2.-Sitio Web
Un sitio web es en esencia una carta de presentacin digital, que utilizan las empresas para comunicar y
transmitir su informacin, como parte de su estrategia de mercadeo.
3.-Administrador de Contenido
Es un sistema de gestin de contenidos (CMS o Content Management System), que consiste en una interfaz
que controla una o varias bases de datos donde se aloja el contenido de un sitio web.
4.-HTML (HyperText Markup Language)
Significa Lenguaje de Marcado de Hipertexto, y se refiere al lenguaje de marcado o codificacin
predominante para la elaboracin de pginas web. Se utiliza para describir la estructura y el contenido de la
pgina web en forma de texto, y para complementarlo con otros objetos (como imgenes).
5.-W3C (World Wide Web Consortium)
Es una sociedad internacional que trabaja para desarrollar los estndares de la World Wide Web, los cules
contienen las especificaciones tcnicas y guas para mejorar la accesibilidad web, y enriquecer de este modo
la Internet.
6.-World Wide Web (WWW)
Es un sistema de distribucin de informacin basado en hipertexto, o hipermedios enlazados y accesibles a
travs de Internet. Con un navegador web, un usuario visualiza los sitios web compuesto por pginas web, y
navega a travs de ellas usando hiperenlaces. La Web fue creada alrededor de 1989, y publicada en 1992.
7.-Dominio de Internet
Un dominio es el nombre nico que se utiliza para identificar en Internet a un sitio, un servidor web o un
servidor de correo, sin necesidad de que el usuario recuerde las direcciones numricas, que son en realidad
las que localizan las computadoras o servicios en Internet.
8.-Hospedaje (Hosting)
Es un servicio que consiste en alojar, servir y mantener los archivos para su sitio web. Consiste en un servidor
contectado a internet con una IP pblica fija. En esa mquina servidora se ha de instalar software servidor
HTTP, software servidor FTP, lenguajes de programacin web, bases de datos, servidores de correo
electrnico, etc.
9.-Servidor
En informtica, un servidor es un ordenador remoto o un sistema de software que, formando parte de una
red, provee los datos solicitados por parte de los navegadores de otras computadoras denominadas clientes.
10.-DNS (Domain Name System)
Significa Sistema de Nombres de Dominio, y es un sistema de nomenclatura jerrquica para computadoras,
servicios o cualquier recurso conectado a Internet o a una red privada. El DNS naci de la necesidad de
recordar fcilmente los nombres de todos los servidores conectados a Internet.
11.-Motor de Bsqueda
Un motor de bsqueda, o buscador (como Google, Yahoo o Bing), es un sistema de internet que indexa y
organiza sitios web, y por medio del cual es posible encontrar archivos o temas almacenados en servidores
web, gracias a su araa o web crawler.
12.-Posicionamiento Orgnico
Es el posicionamiento natural (y sin paga) de un sitio web en los motores de bsqueda, llevado a cabo a travs
del tiempo y gracias a una estructura adecuada en su desarrollo y programacin, que lo hace localizable por
los distintos buscadores.
13.-Posicionamiento Pagado

Pagina 21/23
Es un sistema de publicidad en buscadores, en el cual el anunciante aparece en la lista de resultados como
respuesta a una bsqueda por parte de un usuario, usando una o varias palabras clave. Cuanto mayor sea el
pago, mejor ser el posicionamiento.
14.-Estadsticas del Sitio Web
Son herramientas que nos ayudan a obtener datos ms detallados sobre los usuarios que visitan nuestro sitio
web, como su pas de procedencia, tipo y versin del navegador, idioma, sitios de referencia, resolucin de
pantalla, etc.
15.-Accesibilidad
En el mbito web, la accesibilidad es la puntuacin que recibira una web en cuanto a lo fcil que es utilizarla
por los usuarios web con discapacidad. Las pginas web suelen tener problemas de accesibilidad para los
siguientes grupos de gente: - Personas discapacitadas visualmente y que utiliza lectores de pantalla (en ingls
screen readers) - Personas con problemas de audicin y utiliza ordenadores y navegadores sin sonido -
Pesonas con alguna discapacidad fsica - Personas con problemas en la distincin de colores
16.-Agente
Un agente inteligente (o proceso inteligente) realiza tareas automticas como puede ser la bsqueda en una
web, para en base a estas, conseguir mejorarlas y hacer pginas web ms interactivas
17.-Agente de usuario
Todos los clientes se identifican contra un servidor Web o una aplicacin de Internet mediante un identificador
que indica ciertos parmetros del cliente. En el caso de un navegador Web se indica idioma, sistema operativo,
versin del navegador, etc. Tambin puede ser utilizado su trmino en ingls user agent.
18.-AJAX
Proviene del ingls Asynchronous JavaScript And XML (JavaScript y XML con ejecucin asncrona). Al fin y al
cabo AJAX es una forma de desarrollo o programacin de aplicaciones web que combina: - Una presentacin
basada en los estndares XHTML y CSS - Utiliza el DOM para interactuar con la pgina web - Para el intercambio
de datos se basa en XML y XSLT - Solicita datos a un servidor de forma asncrona utilizando XMLHttpRequest
- Junta todo y lo presenta al usuario utilizando JavaScript
19.-Ancho de banda
El ancho de banda (bandwidth) es la cantidad de datos por unidad de tiempo que consume tu sitio.
Generalmente se expresa en kilobits por segundo (kbps). La mayora de proveedores de alojamiento web
establecen un lmite de ancho de banda. Si tu sitio web supera ese lmite podran cobrarte gastos adicionales
o rechazar solicitudes.
20.-Ancla (anchor)
Es una abreviatura para referirse a los enlaces internos de una pgina web. Un ancla es un enlace que no nos
cambia de pgina sino que enlaza a una zona del mismo documento de una pgina web.
21.-Anidacin (nesting)
Colocar un elemento en el interior de otro. Cuando dos etiquetas estn abiertas, estn deben ser cerradas en
orden inverso.
22.-Anti-aliasing
El anti-aliasing es un proceso de suavizado de bordes de imgenes y de fuentes, a los que se le aaden pxeles
que son una mezcla entre el color del primer plano y del fondo.
23.-Aplicaciones web
Son las aplicaciones que los usuarios acceden a ellas mediante un servidor web a travs de Internet o de una
Intranet mediante un navegador web.
24.-Applet
Un applet es un componente de una aplicacin que se ejecuta en el contexto de otro programa, por ejemplo
un navegador web. Ejemplos de applets son las Java applets y las animaciones Flash.
25.-Atributo
Es una parte de un elemento que aade informacin adicional a ese elemento.
26.-Aural

Pagina 22/23
En ingls relacionado con el odo y la audicin. Aural en pginas web se refiere a hojas de estilo auditivas
utilizadas por diseadores Web para hacer sus pginas audibles y accesibles a clientes con discapacidades
visuales.
27.-Azimuth
En castellano acimut. Es el ngulo horizontal o lateral del sonido, en una hoja de estilo aural, con el equipo en
el centro. El ajuste del acimut para diferentes sonidos crea una forma natural de separar esos sonidos como
el audio estreo y de 5 altavoces, colocando cada sonido en una localizacin espacial.
28.-Web 1.0:
Se refiere al concepto original de la web que comenz con el desarrollo de pginas estticas HTML que no
eran actualizadas frecuentemente. En esta etapa de desarrollo conseguir hits (visitas) y la esttica visual eran
considerados como unos de los factores ms importantes de desarrollo de cualquier Sitio Web.
29.-Web 2.0:
Se usa para referirse a una segunda generacin de Web basada en comunidades de usuarios y una gama
especial de servicios, como las redes sociales, los blogs, los wikis o las folcsonomas, que fomentan la
colaboracin y el intercambio gil de informacin entre los usuarios. En la Web 2.0, se busca un intercambio
de informacin en dos sentidos, y el usuario deja de tener un rol pasivo y pasa a ser parte de la generacin de
la informacin.
30.-RSS:
Son las siglas de Rich Site Summary, un formato de texto estndar y pblico, que distribuye titulares de noticias
y contenidos de forma automatizada, su funcin es mostrar un sumario o ndice de los contenidos sin
necesidad de usar un navegador o ingresar al sitio web. RSS es uno de los ejemplos ms significativos del
concepto Web 2.0

Pagina 23/23

Вам также может понравиться