Documentos de Académico
Documentos de Profesional
Documentos de Cultura
por lo que hablamos de empresas que deben pagar los impuestos y aranceles
actualidad se extiende cada día más en nuestro país y podemos añadir que
por lo tanto nuestra habilidad será de utilizar el marketing con el fin de captar
dentro del mercado industrial, para ello estas empresas ingresan con una
Entre los problemas que se han descubierto en este comercial, hemos podido
SITUACION CONFLICTO:
existentes.
promocional.
Cuadro Nº 1
CAUSAS CONSECUENCIAS
Delimitación de un Problema
CAMPO: Comercial
Formulación de un Problema
¿Cómo incide la carencia de implantación de un sistema web para la
de esta empresa.
marketing con un Sistema web ayudando a que tenga una mejor acogida de
clientes.
Factible: Este proyecto ya tiene la aprobación del propietario del local
Variable Independiente
Variable Dependiente
Objetivo General
“ACCIN”.
Objetivo Especifico
Interrogantes de la Investigación
comercial?
4.- ¿Se podrá alcanzar el objetivo del proyecto la aplicación del sistema
web?
5.- ¿Cuál podría ser el impacto que tendría el Local Comercial “ACCIN”
Comercial?
web?
JUSTIFICACIÓN
sistema web.
IMPORTANCIA
otros.
Considero que este sistema web será de vital calidad para la vida profesional
este comercial.
ANTECEDENTES DE ESTUDIO
por lo tanto nuestra habilidad será de utilizar el marketing con el fin de captar
Fundamentación Teórica
Sistema de Información
diferentes fuentes en información que consigue ser utilizada para poder tomar
decisiones exactas, lo que permite, que una persona que vaya a tomar sus
información en la tecnología.
Recurso Tecnológico
todos los niveles educativos están viviendo el reto de integrar las nuevas
Aplicaciones Web
servicios.”
Esta aplicación web es una herramienta que las personas que la vayan a
Las aplicaciones web son muy sonadas y creadas debido a lo práctico del
necesitan ser instaladas basta con tener internet y un navegador para poder
Diseño de Web
atractiva para el usuario. Entran dentro del diseño, aspectos tales como
sitio.”
igual manera ver la forma que los usuarios puedan interactuar con la página.
Para los buenos diseñadores web se les hace más fácil insertar juntos los
elementos para crear un sitio que pueda verse muy bien y que al cliente se le
DEFINICIONES CONCEPTUALES
Web” son aquellos que están creados e instalados no sobre una plataforma o
la mente de un consumidor.
adaptada para la llamada World Wide Web (WWW) y que puede ser accedida
mediante un navegador
CAPITULO III
METODOLOGÍA
DISEÑO DE LA INVESTIGACIÓN
línea muy fructífera tanto a nivel nacional como internacional”, señala Miguel
Toro.
Tipos de la Investigación
Investigación Científica
Según la página (http://www.ecured.cu/Investigaci%C3%B3n_Cient
%C3%ADfica, 2013)
Nos dice:
manera de recorrerlo.
nos encontremos.
Investigación Campo
(pag.24)
POBLACIÓN Y MUESTRA
Población
Fuente:
Datos TABLA DE LA POBLACIÓN de la
1 Propietario 1
2 Personal de Trabajo 6
3 Personal de Venta 3
Total 10
Investigación
Elaborado por: JIMMI JARA SOTO
INSTRUMENTOS DE LA INVESTIGACION
de venta
Muestra
partes representan el todo, por lo tanto, una muestra o sea una parte del todo puede
N
n=
E2(N – 1) + 1
n = Muestra
N = Tamaño de la población
10
n=
(0.0025)(9) + 1
10
n=
(0.0225)+1
10
n =
1.0225
n = 9,77
1
n=
(0.05)2 (1-1) + 1
1
n=
(0.0025)(0) + 1
1
n=
(0)+1
1
n =
1
n=1
6
n=
(0.05)2 (6-1) + 1
6
n=
(0.0025)(5) + 1
6
n=
(0.005)+1
6
n = 1.0125
n = 5,92
3
n=
(0.05)2 (3-1) + 1
3
n=
(0.0025)(2) + 1
3
n=
(0.005)+1
3
n =
1.005
n=3
Después de haber aplicado la fórmula, el muestreo queda de la siguiente manera:
Cuadro Nº 3
Distributivo de muestra con propósito
1 Directivos 1 10%
3 Personal de Venta 3 30 %
Total==== 100 100%
Muestra Probabilística
La definición anterior nos lleva a concluir que sólo podemos hacer muestreo
Muestra no Probabilística
Según (http://www.universoformulas.com/estadistica/inferencia/muestreo-no-
representativas bajo los criterios del investigador, pero en ningún caso garantizan la
representatividad.
INSTRUMENTOS DE INVESTIGACIÓN
todas sus etapas. Uno de los recursos más usados es la encuesta por ser sencilla y
poblacional.
La entrevista:
Es un diálogo entre dos o más personas en las que el entrevistador realiza una
datos muy apropiado para cuando la población a investigar es grande, las preguntas
son puntuales y por lo general de respuestas cortas o selectivas. Esta técnica con su
RECOLECCIÓN DE LA INFORMACIÓN
interactivo.
1.- Encabezado
4.- Instructivo
situación actual del problema focal, con el objetivo de descubrir las causas directas e
Aceptación de la asesora
Consulta en Internet
Asesorías
Aceptación se la asesora
Elaboración de la propuesta
Recolección de la Información
fueron:
Procesamiento y Análisis
Construcción de Escalas
define:
medición de actitudes.
Escala de Likert.
La escala se construye en función de una serie de ítems que reflejan una actitud
( ) Totalmente de acuerdo
( ) De acuerdo
( ) Indiferente
( ) En desacuerdo
( ) Totalmente en desacuerdo
rechazo hacia la proposición expresada en el ítem. Los ítems por lo general tienen
2 De acuerdo 0 0
3 Indiferente 3 30
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 10 100%
Fuente: Datos de la investigación
Elaborado por: Jimmy Jara
Gráfico Nº1: Sistema Web
30%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
70%
1 Totalmente de Acuerdo 6 60
2 De acuerdo 3 30
3 Indiferente 1 10
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 10 100%
30%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
60% Totalmente en desacuerdo
10%
1 Totalmente de Acuerdo 5 50
2 De acuerdo 2 20
3 Indiferente 2 20
4 En desacuerdo 1 10
5 Totalmente en desacuerdo 0 0
Total 10 100%
Totalmente de acuerdo
20%
De acuerdo
50% Indiferente
En Desacuerdo
Totalmente en desacuerdo
20%
4.- ¿Estaría de acuerdo que dentro del Sistema web se le incorporen las
1 Totalmente de Acuerdo 6 60
2 De acuerdo 3 30
3 Indiferente 1 10
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 10 100%
Totalmente de acuerdo
De acuerdo
30% Indiferente
En Desacuerdo
60% Totalmente en desacuerdo
que se den a conocer las ofertas que se realizan con los productos y servicios del
productos?
1 Totalmente de Acuerdo 0 0
2 De acuerdo 2 20
3 Indiferente 4 40
4 En desacuerdo 2 20
5 Totalmente en desacuerdo 2 20
Total 10 100%
20% 20%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
20% Totalmente en desacuerdo
40%
1 Totalmente de Acuerdo 8 80
2 De acuerdo 2 20
3 Indiferente 1 10
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 10 100%
20%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
80%
1 Totalmente de Acuerdo 7 70
2 De acuerdo 2 20
3 Indiferente 1 10
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 10 100%
10%
De acuerdo
20%
Indiferente
70% En Desacuerdo
Totalmente en desacuerdo
8.- ¿Está usted de acuerdo que dentro del sistema web se vincule
1 Totalmente de Acuerdo 9 90
2 De acuerdo 1 10
3 Indiferente 0 10
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 10 100%
10%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
90%
incendios?
1 Totalmente de Acuerdo 7 70
2 De acuerdo 2 20
3 Indiferente 1 10
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 10 100%
Totalmente de acuerdo
20%
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
70%
10.- ¿Está usted de acuerdo que se ejecute una capacitación para el uso y
1 Totalmente de Acuerdo 6 60
2 De acuerdo 3 30
3 Indiferente 1 10
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 10 100%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
80%
COMERCIAL “ACCIN”.
Local Comercial?
2 De acuerdo 0 0
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 1 100%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
100%
1 Totalmente de Acuerdo 0 0
2 De acuerdo 0 1
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 1 100%
100%
3.- ¿Cree usted que este Sistema Web contribuirá en grandes beneficios para
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 1 100%
100%
4.- ¿Está usted de acuerdo que dentro del Sistema web a implementar se le
2 De acuerdo 0 0
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 1 100%
100%
5.- ¿Estaría usted de acuerdo que dentro del Sistema Web se dé a conocer
1 Totalmente de Acuerdo 0 0
2 De acuerdo 0 20
3 Indiferente 1 40
4 En desacuerdo 0 20
5 Totalmente en desacuerdo 0 20
Total 1 100%
100%
1 Totalmente de Acuerdo 0 0
2 De acuerdo 1 100
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 1 100%
100%
1 Totalmente de Acuerdo 0 0
2 De acuerdo 1 100
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 1 100%
100%
Análisis.- El propietario está de acuerdo que se ganara tiempo con los clientes al
ofrecer servicios y ventas y se evitaría salidas y gastos económicos.
1 Totalmente de Acuerdo 0 0
2 De acuerdo 0 0
3 Indiferente 1 100
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 1 100%
100%
1 Totalmente de Acuerdo 0 0
2 De acuerdo 1 100
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 1 100%
100%
1 Totalmente de Acuerdo 0 0
2 De acuerdo 0 30
3 Indiferente 1 100
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 1 100%
100%
COMERCIAL “ACCIN”
1.- ¿Considera usted como cliente que se cree un Sistema Web Online para el
Local Comercial?
1 Totalmente de Acuerdo 13 65
2 De acuerdo 7 35
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
2.- ¿Piensa usted que llenará las necesidades de manera más rápida al
1 Totalmente de Acuerdo 14 70
2 De acuerdo 4 20
3 Indiferente 2 10
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
10%
Totalmente de acuerdo
20%
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
70%
1 Totalmente de Acuerdo 7 35
2 De acuerdo 10 50
3 Indiferente 3 15
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
50%
1 Totalmente de Acuerdo 17 85
2 De acuerdo 2 10
3 Indiferente 1 5
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
85%
Análisis.- En esta pregunta los clientes respondieron con un 85% que están
totalmente de acuerdo la realización de un nuevo método de publicidad mientras
que el 10% dice estar de acuerdo y un 5% indiferente sobre si es bueno la creación
de una página web.
5.- ¿Estaría de acuerdo que con este nuevo sistema web, el local ofrezca sus
servicios y cotizaciones mediante correos o preguntas online?
1 Totalmente de Acuerdo 8 40
2 De acuerdo 11 55
3 Indiferente 1 5
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
Totalmente de acuerdo
40%
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
55%
1 Totalmente de Acuerdo 16 80
2 De acuerdo 3 15
3 Indiferente 1 5
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
5%
15%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
80%
Análisis.- Con un 80% los clientes respondieron que están totalmente de acuerdo
en utilizar esta aplicación web, un 15% está de acuerdo y mientras que el 5%
indiferente en que utilizara la página web.
1 Totalmente de Acuerdo 18 90
2 De acuerdo 2 10
3 Indiferente 10
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
90%
Análisis.- En esta pregunta echa a los clientes respondieron que un 90% están
totalmente de acuerdo y un 10% de acuerdo que se ahorrarían tiempo y dinero con
una página web.
8.- ¿Estaría usted de acuerdo que dentro del sistema web se le vincule al
1 Totalmente de Acuerdo 19 95
2 De acuerdo 1 5
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
95%
Análisis.- Con el 95% los clientes dieron a conocer que están totalmente de
acuerdo que se brinde información para los permisos, y un 5% de acuerdo que se
incluya información de entidades públicas.
1 Totalmente de Acuerdo 17 85
2 De acuerdo 3 15
3 Indiferente 0 0
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
85%
1 Totalmente de Acuerdo 16 80
2 De acuerdo 3 15
3 Indiferente 1 5
4 En desacuerdo 0 0
5 Totalmente en desacuerdo 0 0
Total 20 100%
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
80%
LISTADO DE PRODUCTOS 2
Lista 2 de productos: Imágenes de presentación. Al dar clic en cada imagen se presentaran la
descripción de cada producto.
LISTADO DE PRODUCTOS 3
Lista 3 de productos: Imágenes de presentación. Al dar clic en cada imagen se presentaran la
descripción de cada producto.
LISTADO DE PRODUCTOS 4
Describe los campos de acción de la empresa, así como la visión y misión de la institución
EXTINTORES Y PERMISOS
Permite realizar la cotización de los diferentes productos que brindan la empresa , esta
información en enviado al correo institucional de la empresa
PANTALLA PRINCIPAL PARA INGRESAR AL ADMINISTRADOR
Permite el ingreso como administrador de sistema, permite verificar los datos realizados en
los diferentes procesos informáticos y de bases de datos de aplicativo web.
PANTALLA PRINCIPAL DE INGRESO DEL ADMINISTRADOR
Aplicativo web para ingreso de usuario y password, este aplicativo permite el ingreso de los
modulos Clientes, Contactos,Productos.
PANTALLA DE INGRESO AL SISTEMA
Este módulo permite buscar el nombre del cliente y eliminarlo, así mismo por registro cedula
PANTALLA DE INGRESO A LA OPCIÓN ELIMINAR CLIENTES
Este módulo permite buscar el nombre del cliente y eliminarlo, así mismo por registro cedula
PANTALLA DE INGRESO A LA OPCIÓN AGREGAR NUEVO USUARIO
-->
#Layer9 {
position:absolute;
width:276px;
height:366px;
z-index:9;
left: 990px;
top: 305px;
background-color: #F3F3F5;
}
.Estilo6 {
font-size: 24px;
font-weight: bold;
}
#Layer10 {
position:absolute;
width:416px;
height:85px;
z-index:10;
left: 88px;
top: 633px;
}
.Estilo22 {
font-size: 36px;
font-weight: bold;
font-style: italic;
}
#Layer11 {
position:absolute;
width:276px;
height:252px;
z-index:11;
left: 96px;
top: 738px;
}
-->
</style>
<!-- Start WOWSlider.com HEAD section -->, <!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="engine2/style.css" />
<!--script type="text/javascript" src="engine2/jquery.js"></script-->
<!-- End WOWSlider.com HEAD section -->
<style type="text/css">
<!--
#Layer12 {
position:absolute;
width:881px;
height:205px;
z-index:12;
left: 421px;
top: 620px;
}
#Layer13 {
position:absolute;
width:27px;
height:24px;
z-index:13;
left: 1268px;
top: 1305px;
background-color: #FFFFFF;
}
.Estilo28 {color: #000000}
#Layer14 {
position:absolute;
width:1228px;
height:149px;
z-index:14;
left: 75px;
top: 1188px;
background-color: #F3F3F5;
}
.Estilo27 { color: #000000;
font-size: 10px;
font-weight: bold;
}
#Layer15 {
position:absolute;
width:200px;
height:93px;
z-index:15;
left: 173px;
top: 33px;
}
.Estilo31 {font-size: 10px; font-weight: bold; }
#Layer16 {
position:absolute;
width:1230px;
height:45px;
z-index:15;
left: 74px;
top: 1338px;
background-color: #000000;
}
.Estilo32 {color: #FFFFFF}
.Estilo33 {font-size: 12px}
#Layer17 {
position:absolute;
width:1222px;
height:115px;
z-index:16;
left: 76px;
top: 1050px;
}
#Layer18 {
position:absolute;
width:285px;
height:355px;
z-index:17;
left: 975px;
top: 298px;
}
.Estilo34 {
color: #0033CC;
font-size: 24px;
font-weight: bold;
font-style: italic;
}
.Estilo37 {
font-size: 20px;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
#Layer19 {
position:absolute;
width:22px;
height:15px;
z-index:18;
left: 1242px;
top: 1377px;
background-color: #FFFFFF;
}
#Layer20 {
position:absolute;
width:28px;
height:19px;
z-index:1;
left: 1275px;
top: 1358px;
background-color: #FFFFFF;
}
#Layer21 {
position:absolute;
width:17px;
height:13px;
z-index:18;
background-color: #FFFFFF;
left: 1210px;
top: 25px;
}
-->
</style>
</head>
<body>
<form action="client.php" method="post" >
<div id="Layer1">
</div>
<div>
<label for="cedula"><span class="Estilo37">Cedula:</span></label>
<input type="text" name="cedula" maxlength="13" id="cedula" placeholder="Ced/Ruc"
required/>
</div>
<div>
<label for="email"><span class="Estilo37">E-mail: </span></label>
<input type="text" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-
9-]+)*$" name="email" id="email" placeholder="email@example.com" required/>
</div>
<div>
<label for="direccion"><span class="Estilo37">Direccion: </span></label>
<input type="text" name="direccion" id="direccion" placeholder="Direccion" required/>
</div>
<div>
<label for="telefono"><span class="Estilo37">Telefono: </span></label>
<input type="text" name="telefono" id="telefono" placeholder="Tel/Cel." required/>
</div>
<p>
<input type="submit" class="Estilo13" style="background-color:#FFCC66; font-size: 18px;"
value ="Registrar" />
<input type="reset" style="background-color:#FFCC66; font-size: 18px;" value="Limpiar" />
</p>
</fieldset>
</div>
<div class="Estilo22" id="Layer10">Nuestros productos y Servicios </div>
<div id="Layer11">
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
<div id="wowslider-container2">
<div class="ws_images"><ul>
<li><img src="data2/images/60010.jpg" alt="Casco de Seguridad" title="Casco
de Seguridad" id="wows2_0"/></li>
<li><img src=’data2/images/392928.jpg’ alt="Triangulos Reflectivos"
title="Triangulos Reflectivos" id="wows2_1"/></li>
<li><img src="data2/images/cpk.jpg" alt="Fajas" title="Fajas"
id="wows2_2"/></li>
<li><a href="http://wowslider.com"><img
src="data2/images/4b621d3aa61c44de834bee2179b08619.jpg" alt="wow slider"
title="Letreros de seguridad" id="wows2_3"/></a></li>
<li><img src="data2/images/mascarillas400x290.png" alt="Mascarilla"
title="Mascarilla" id="wows2_4"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="Casco de Seguridad"><span><img
src="data2/tooltips/60010.jpg" alt="Casco de Seguridad"/>1</span></a>
<a href="#" title="Triangulos Reflectivos"><span><img
src="data2/tooltips/392928.jpg" alt="Triangulos Reflectivos"/>2</span></a>
<a href="#" title="Fajas"><span><img src="data2/tooltips/cpk.jpg"
alt="Fajas"/>3</span></a>
<a href="#" title="Letreros de seguridad"><span><img
src="data2/tooltips/4b621d3aa61c44de834bee2179b08619.jpg" alt="Letreros de
seguridad"/>4</span></a>
<a href="#" title="Mascarilla"><span><img
src="data2/tooltips/mascarillas400x290.png" alt="Mascarilla"/>5</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a
href="http://wowslider.com">wowslider.com</a> by WOWSlider.com v8.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine2/wowslider.js"></script>
<script type="text/javascript" src="engine2/script.js"></script>
<!-- End WOWSlider.com BODY section --></div>
<div id="Layer12">
<p class="Estilo6"><img src="imagen/fondos/extin4.png" width="557" height="559" /></p>
<p> </p>
</div>
<div id="Layer14">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index.html"><img src="imagen/fondos/casa.png" width="26"
height="24" /> <span class="Estilo27">INICIO</span></a> </p>
<div id="Layer15">
<p>*<a href="Nosotros.html" class="Estilo28"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /> <span class="Estilo31">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo28"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo31">PRODUCTOS</span></a></p>
</div>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="26"
height="25" /> <span class="Estilo27">CONTACTOS</span></a></p>
</div>
</form>
</body>
</html>
PRODUCTOS
<head>
<title>Productos</title>
<style type="text/css">
<!--
#main-header {
background: #333;
color: white;
height: 90px;
width: 83%;
left: 0;
top: 0;
position: fixed;
margin-left: 79px;
}
#main-header a {
color: white;
}
body {
background-image: url(proyecto accin/imagen/fondos/diseno-de-fondos-blanco-
1851.jpg);
background-image: url(imagen/fondos/diseno-de-fondos-blanco-1851.jpg);
background-color: #FFFFFF;
}
#Layer1 {
position:absolute;
width:749px;
height:264px;
z-index:1;
left: 202px;
top: 76px;
}
#Layer2 {
position:absolute;
width:693px;
height:40px;
z-index:2;
left: 147px;
top: 302px;
}
#Layer8 {
position:absolute;
width:205px;
height:59px;
z-index:8;
left: 526px;
top: 377px;
}
#Layer9 {
position:absolute;
width:76px;
height:1587px;
z-index:9;
left: 3px;
top: 1px;
background-color: #FF6600;
}
#Layer10 {
position:absolute;
width:1052px;
height:642px;
z-index:10;
left: 97px;
top: 454px;
background-color: #FFFFFF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.Estilo6 {color: #000000}
.Estilo7 {color: #FFFFFF}
#Layer11 {
position:absolute;
width:191px;
height:30px;
z-index:11;
left: 466px;
top: 1171px;
}
.Estilo8 {font-size: 24px}
#Layer12 {
position:absolute;
width:79px;
height:1586px;
z-index:12;
left: 1185px;
top: 1px;
background-color: #FF6600;
}
#Layer13 {
position:absolute;
width:1101px;
height:149px;
z-index:13;
left: 81px;
top: 1367px;
background-color: #F3F3F5;
}
#Layer14 {
position:absolute;
width:151px;
height:103px;
z-index:14;
left: 170px;
top: 34px;
}
#Layer15 {
position:absolute;
width:1105px;
height:64px;
z-index:14;
left: 79px;
top: 1517px;
background-color: #000000;
}
#Layer16 {
position:absolute;
width:1104px;
height:115px;
z-index:15;
left: 80px;
top: 1216px;
}
.Estilo20 {font-size: 36px}
.Estilo22 {font-size: 12px}
.Estilo25 {font-size: 10px; font-weight: bold; }
.Estilo27 {
color: #000000;
font-size: 10px;
font-weight: bold;
}
.Estilo28 {
font-size: 18px;
color: #000000;
font-weight: bold;
}
.Estilo29 {
font-size: 18px;
font-weight: bold;
}
.Estilo30 {font-size: 18px}
/*
* Navegaciónes
*/
nav {
float: right;
}
nav ul {
margin: 0;
padding: 100;
list-style: none;
padding-right: 20px;
}
nav ul li a:hover {
background: #0b76a6;
}
#logotipo-header {
float: left;
padding: 15px 0 0 20px;
text-decoration: none;
}
#logo-header:hover {
color: #0b76a6;
}
#logotipo-header .site-name {
display: block;
font-weight: 700;
font-size: 1.2em;
}
#logtipo-header .site-desc {
display: block;
font-weight: 300;
font-size: 0.8em;
color: #000;
}
#Layer3 {
position:absolute;
width:200px;
height:115px;
z-index:16;
}
-->
</style></head>
<body>
<div id="Layer3">
<header id="main-header">
<nav>
<ul>
<li><a href="index.html">INICIO</a></li>
<li><a href="productos.html">PRODUCTO</a></li>
<li><a href="contacto.html">CONTACTO</a></li>
<li><a href="servicios.html">SERVICIOS</a></li>
<li><a href="Nosotros.html">NOSOTROS</a></li>
</ul>
</nav><!-- / nav -->
</header></div>
<div id="Layer1"><a href="index.html"><img src="imagen/fondoaccin.png" alt="fondo"
width="686" height="254" border="0" /></a></div>
<
<div id="Layer8"><img src="imagen/PRO copia.png" alt="pro" width="194" height="52"
/></div>
<div id="Layer9"></div>
<div id="Layer10">
<table width="1053" height="597" border="1" bgcolor="#FFFFFF">
<tr>
<td width="246" height="124"><div align="center">
<p><img src="imagen/articulos/CINTA.jpg"
onmouseover="this.width=246;this.height=189;"
onmouseout="this.width=189;this.height=150;" alt="cinta" width="189" height="150" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">CINTA REFLECTIVA PARA
CARRO </a></strong></p>
</div></td>
<td><div align="center">
<p><img
src="imagen/articulos/CONO.jpg"onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=108;this.height=143;" alt="cinta" width="108" height="143" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">CONO DE CAUCHO
12"</a> </strong></p>
</div></td>
<td><div align="center">
<p><img src="imagen/articulos/FAJA.jpg"onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=93;this.height=108;" alt="cinta" width="93" height="108" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">FAJA DE SEGURIDAD
</a></strong></p>
</div></td>
</tr>
<tr>
<td height="180"><div align="center">
<p><img src="imagen/articulos/2lbs.jpg"onmouseover="this.width=220;this.height=170;"
onmouseout="this.width=88;this.height=129;" alt="cinta" width="88" height="129" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">EXTINTOR P.Q.S. 2
LBS</a></strong> </p>
</div></td>
<td><div align="center">
<p align="center"><img src="imagen/articulos/GAFAS1.jpg"
onmouseover="this.width=230;this.height=160;" onmouseout="this.width=171;this.height=85;"
alt="cinta" width="169" height="114" /></p>
<p align="center"><strong><a href="cotizacion.html" class="Estilo6">GAFA CONTRA
IMPACTOS</a></strong> </p>
</div></td>
<td><div align="center">
<p><img src="imagen/articulos/TRIANGULOS.jpg"
onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=189;this.height=150;" alt="cinta" width="189" height="150"
/><strong><a href="cotizacion.html" class="Estilo6">TRIANGULO PLASTICO
</a></strong></p>
</div></td>
<td><div align="center">
<p><img
src="imagen/articulos/MASCARA.png"onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=138;this.height=112;" alt="cinta" width="138" height="112" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">MASCARILLA </a></strong></p>
</div></td>
</tr>
</table>
</div>
<div id="Layer13">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index.html"><img src="imagen/fondos/casa.png" width="26"
height="24" /> <span class="Estilo27">INICIO</span></a> </p>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="26"
height="20" /> <span class="Estilo27">CONTACTOS</span></a> </p>
<div id="Layer14">
<p>*<a href="Nosotros.html" class="Estilo6"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /> <span class="Estilo25">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo6"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo25">PRODUCTOS</span></a></p>
<p> </p>
</div>
</div>
CONTACTOS
<head>
<title>Contacto</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:271px;
height:108px;
z-index:1;
left: 124px;
top: 6px;
}
#Layer2 {
position:absolute;
width:575px;
height:49px;
z-index:2;
left: 162px;
top: 147px;
background-color: #F3F3F5;
}
.Estilo2 {color: #F3F3F5}
#Layer3 {
position:absolute;
width:84px;
height:1119px;
z-index:3;
left: 1px;
top: 0px;
background-color: #FFCC00;
}
#Layer4 {
position:absolute;
width:1072px;
height:115px;
z-index:4;
left: 139px;
top: 238px;
}
#Layer5 {
position:absolute;
width:236px;
height:264px;
z-index:5;
left: 138px;
top: 411px;
background-color: #F3F3F5;
}
.Estilo3 {
font-size: 24px;
font-weight: bold;
}
.Estilo4 {
font-size: 14px;
font-family: "Times New Roman", Times, serif;
}
.Estilo5 {
font-size: 18px;
font-weight: bold;
}
#Layer6 {
position:absolute;
width:428px;
height:346px;
z-index:6;
left: 440px;
top: 418px;
}
#Layer7 {
position:absolute;
width:62px;
height:37px;
z-index:7;
left: 638px;
top: 798px;
-->
</style>
</head>
<body>
<div id="Layer1"><a href="index.html"><img src="imagen/fondoaccin.png" width="555"
height="130" border="0" /></a></div>
<div id="Layer2">
<div align="center">
<p><strong><a href="index.html" class="Estilo6">INICIO</a> <span
class="Estilo2">KK</span><a href="Nosotros.html" class="Estilo6"> NOSOTROS</a> <span
class="Estilo2">KK</span><a href="productos.html" class="Estilo6"> PRODUCTOS</a>
<span class="Estilo2">KK</span> <a href="servicios.html" class="Estilo6">SERVICIOS
</a><span class="Estilo2">KK</span><a href="contacto.html" class="Estilo6">
CONTACTOS</a> </strong></p>
</div>
</div>
<div id="Layer3"></div>
<div id="Layer4"><img src="imagen/fondos/contacto2.png" width="1068" height="150"
/></div>
<div id="Layer5">
<p class="Estilo3"><a href="index.html" class="Estilo6">ACCIN</a> </p>
<p class="Estilo4">AV. LAS ESCLUSAS Y AV. 25 DE JULIO, COOP. LOS CIDROS MZ. 2
SL.4 </p>
<p class="Estilo4"><img src="imagen/fondos/telefono.png" width="28" height="23" /> <span
class="Estilo5">2-484198</span> </p>
<p class="Estilo4"><img src="imagen/fondos/celular.png" width="28" height="33" /> <span
class="Estilo5">099 389 1462</span> </p>
<p class="Estilo4"><img src="imagen/fondos/email.png" width="34" height="22" /> <span
class="Estilo5">accin@hotmail.com </span></p>
</div>
<div id="Layer6">
<form action="correo.php" method="post">
<label>
Nombre<span class="Estilo30">*</span><br />
<input type="text" size="40" name="nombre" id="nombre" placeholder="Aquí su nombre"
required />
</label>
<p>
Email<span class="Estilo30">*</span>
<label><br />
<input type="text" size="40" name"email" id="email" pattern="^[a-zA-Z0-9.!#$%&'*+/=?
^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" placeholder="email@example.com" required />
</label>
</p>
<p>
Telefono<span class="Estilo30">*</span>
<label><br />
<input type="text" size="40" name="telefono" id="telefono"
placeholder="Tel/Cel."required />
</label>
</p>
<p>Mensaje<span class="Estilo30">*</span>
<label><br />
<textarea rows="10" cols="45" name="mensaje" id="mensaje" placeholder="Que desea
cotizar" required></textarea>
</label>
</p>
<p>
</td>
(<span class="Estilo28">*</span>)<span class="Estilo29">Campos Obligatorios. </span></p>
<p>
<input type="submit" style="background-color:#000000; font-size: 18px; color: #FFFFFF;"
name="enviar" value="Enviar" />
</p>
</form>
</div>
<div id="Layer8">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index.html"><img src="imagen/fondos/casa.png" width="26"
height="24" /> <span class="Estilo27">INICIO</span></a> </p>
<div id="Layer9">
<p>*<a href="Nosotros.html" class="Estilo6"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /> <span class="Estilo25">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo6"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo25">PRODUCTOS</span></a></p>
</div>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="26"
height="25" /> <span class="Estilo27">CONTACTOS</span></a></p>
</div>
<div class="Estilo8" id="Layer10">
<p align="center"><strong><span class="Estilo7">Desarrollado por
J&J</span></strong></p>
<p align="center"> </p>
</div>
<div id="Layer11">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!
1d3986.4022125881024!2d-79.89268740092564!3d-2.256896451335788!2m3!1f0!2f0!3f0!
3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2sec!4v1478637264616" width="430"
height="450" frameborder="0" style="border:0" allowfullscreen></iframe></div>
</body>
</html>
NOSOTROS
<head>
<title>NOSOTROS</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:1125px;
height:1001px;
z-index:1;
left: 100px;
top: 25px;
background-color: #99CCCC;
}
body {
background-color: #FFFFFF;
background-image: url(imagen/fondos/diseno-de-fondos-blanco-1851.jpg);
}
#Layer2 {
position:absolute;
width:973px;
height:442px;
z-index:2;
background-color: #33FFCC;
left: 35px;
top: 2px;
}
#Layer3 {
position:absolute;
width:428px;
height:135px;
z-index:1;
left: 3px;
top: 26px;
}
#Layer4 {
position:absolute;
width:690px;
height:192px;
z-index:2;
left: 58px;
top: 157px;
}
#Layer5 {
position:absolute;
width:873px;
height:930px;
z-index:2;
left: 102px;
top: 244px;
background-color: #FFFFFF;
}
.Estilo1 {
font-size: 36px;
font-weight: bold;
}
.Estilo2 { font-size: 24px;
font-weight: bold;
}
#Layer6 {
position:absolute;
width:714px;
height:80px;
z-index:3;
}
#Layer7 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 36px;
top: 159px;
}
#Layer8 {
position:absolute;
width:81px;
height:26px;
z-index:3;
left: 91px;
top: 180px;
}
#Layer9 {
position:absolute;
width:718px;
height:45px;
z-index:3;
left: 106px;
top: 182px;
background-color: #FF0000;
}
#Layer10 {
position:absolute;
width:81px;
height:30px;
z-index:1;
left: 7px;
top: 7px;
background-color: #000000;
}
#Layer11 {
position:absolute;
width:154px;
height:29px;
z-index:2;
left: 101px;
top: 7px;
background-color: #000000;
}
#Layer12 {
position:absolute;
width:134px;
height:30px;
z-index:3;
left: 266px;
top: 7px;
background-color: #000000;
}
#Layer13 {
position:absolute;
width:152px;
height:30px;
z-index:4;
left: 410px;
top: 8px;
background-color: #000000;
}
#Layer14 {
position:absolute;
width:136px;
height:30px;
z-index:5;
left: 572px;
top: 7px;
background-color: #000000;
}
.Estilo9 {font-size: 24px; font-weight: bold; color: #FFFFFF; }
#Layer15 {
position:absolute;
width:253px;
height:331px;
z-index:4;
left: 984px;
top: 243px;
background-color: #00CCCC;
}
.Estilo11 {color: #000000; }
#Layer18 { position:absolute;
width:243px;
height:332px;
z-index:7;
left: 1013px;
top: 294px;
background-color: #666666;
}
#Layer19 { position:absolute;
width:198px;
height:36px;
z-index:1;
left: 19px;
top: 5px;
background-color: #99FF33;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:active {
color: #FFFFFF;
text-decoration: none;
}
#Layer16 {
position:absolute;
width:671px;
height:115px;
z-index:5;
left: 284px;
top: 319px;
}
.Estilo18 {font-size: 18px}
.Estilo21 {font-size: 24px}
#Layer17 {
position:absolute;
width:872px;
height:137px;
z-index:5;
left: 103px;
top: 1175px;
background-color: #F3F3F5;
}
.Estilo27 { color: #000000;
font-size: 10px;
font-weight: bold;
}
#Layer20 {
position:absolute;
width:200px;
height:82px;
z-index:6;
left: 137px;
top: 36px;
}
.Estilo23 {font-weight: bold; color: #000000; font-size: 12px; }
#Layer21 {
position:absolute;
width:871px;
height:87px;
z-index:6;
left: 103px;
top: 1313px;
background-color: #000000;
}
.Estilo7 {color: #FFFFFF}
.Estilo24 {font-size: 12px}
#Layer22 {
position:absolute;
width:614px;
height:187px;
z-index:7;
left: 64px;
top: -13px;
}
#Layer23 {
position:absolute;
width:287px;
height:602px;
z-index:8;
left: 981px;
top: 245px;
background-color: #666666;
}
a:hover {
text-decoration: underline;
}
#Layer24 {
position:absolute;
width:97px;
height:1399px;
z-index:9;
left: 1px;
top: 0px;
background-color: #FFCC33;
}
#Layer25 {
position:absolute;
width:280px;
height:315px;
z-index:10;
left: 982px;
top: 245px;
background-color: #F0F0F0;
}
.Estilo29 {font-size: 24px; font-weight: bold; color: #3366FF; }
-->
</style>
</head>
<body>
<a href="index2.html"> </div></a>
<div id="Layer5">
<p align="center" class="Estilo2"> </p>
<p align="center" class="Estilo2">NOSOTROS</p>
<p align="center" class="Estilo1"><img src="imagen/accin.png" width="376" height="179"
/></p>
<p align="left" class="Estilo2"> </p>
<blockquote>
<p align="justify"><span class="Estilo2">Accin</span><span
class="Estilo21">,</span><span class="Estilo18">como comercializadora se encuentra
ubicada en el sector sur de la ciudad de Guayaquil tiene en el mercado nacional
productivo diez y siete años ofreciendo sus servicios de seguridad industrial, recarga y
mantenimiento de extintores a nivel local, su principal actividad que ofrece este comercial, es
la venta y recarga de extintores contra incendios , comercializa una extensa variedad de
artículos de seguridad industrial para el público en general los cuales son
distribuidos de diferentes líneas comerciales tanto nacionales como del
extranjero.</span></p>
</blockquote>
<p align="justify" class="Estilo2"> </p>
<p align="center" class="Estilo2">Visión </p>
<blockquote>
<p class="Estilo18">La vision de Accin es ser identificada y reconocida como una
empresa de suministrar equipos de seguridad industrial y servicios de calidad en recarga de
extintores contra incendios brindando seguridad al cliente.</p>
</blockquote>
<p> </p>
<p align="center" class="Estilo2">Misión</p>
<blockquote>
<p class="Estilo18">Reforzar dia a dia nuestra calidad de servicios a los clientes para que
nuestros productos lleguen con eficiencia a lo solicitado por el cliente. </p>
</blockquote>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="Layer9">
<a href="index.html">
<div class="Estilo9" id="Layer10">INICIO</div></a>
<a href="productos.html"><div class="Estilo9" id="Layer11">PRODUCTOS</div></a>
<a href="servicios.html"><div class="Estilo9" id="Layer12">SERVICIOS</div></a>
<a href="contacto.html"><div class="Estilo9" id="Layer13">CONTACTOS</div></a>
<a href="nosotros.html"><div class="Estilo9" id="Layer14">NOSOTROS</div></a>
</div>
<div class="Estilo24" id="Layer21">
<p align="center"> </p>
<p align="center"><strong><span class="Estilo7">Desarrollado por
J&J</span></strong></p>
<p align="center"><strong><span
class="Estilo7">jimyjavier_109@hotmail.com</span></strong></p>
</div>
<div id="Layer17">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index.html"><img src="imagen/fondos/casa.png" width="22"
height="25" /> <span class="Estilo27">INICIO</span></a> </p>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="25"
height="22" /> <span class="Estilo27">CONTACTOS</span></a></p>
<div id="Layer20">
<p>*<a href="Nosotros.html" class="Estilo23"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /><span class="Estilo11">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo11"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo23">PRODUCTOS</span></a></p>
</div>
</div>
<div id="Layer22"><a href="index.html"><img src="imagen/accin7 copia.png" width="592"
height="184" border="0" /></a></div>
<div id="Layer24"></div>
<div id="Layer25">
<div align="center"><span class="Estilo29">ACCIN</a>
</p>
</span> </div>
<p class="Estilo4"><em><strong>AV. LAS ESCLUSAS Y AV. 25 DE JULIO, COOP. LOS
CIDROS MZ. 2 SL.4 </strong></em></p>
<p class="Estilo4"><img src="imagen/fondos/telefono.png" width="28" height="23" /> <span
class="Estilo5"><strong>2-484198</strong></span> </p>
<p class="Estilo4"><img src="imagen/fondos/celular.png" width="28" height="33" /> <span
class="Estilo5"><strong>099 389 1462</strong></span> </p>
<p class="Estilo4"><img src="imagen/fondos/email.png" width="34" height="22" />
<strong><span class="Estilo5">accin@hotmail.com</strong>
<p><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!
1d3986.4022125881024!2d-79.89268740092564!3d-2.256896451335788!2m3!1f0!2f0!3f0!
3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2sec!4v1478637264616" width="280"
height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</body>
</html>
SERVICIOS - PERMISOS
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Servicios</title>
<style type="text/css">
<!--
input:required:invalid {
input:valid {
}
body {
background-image: url(imagen/fondos/fondo%20edit.jpg);
background-repeat: repeat-y;
}
/* Ocultar bot?n radio */
input[id^="spoiler"]{
display: none;
}
/* Estilo bot?n clicable */
input[id^="spoiler"] + label {
display: block;
width: 500px;
margin: 0 auto;
padding: 5px 20px;
background: #e1a;
cursor: pointer;
background-color:#FFCC33;
color:#000000
}
/* Estilo bot?n cuando su INPUT est? seleccionado */
input[id^="spoiler"]:checked + label {
background:#00CCFF;
}
input[id^="spoill"] ~ .spoiler {
width: 90%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0;
}
input[id^="spoiler"]:checked + label + .spoiler{
height: auto;
opacity: 1;
}
#main-header {
background: #333;
color: white;
height: 90px;
width: 92%;
left: 0;
top: 0;
position: fixed;
margin-left: 91px;
}
#main-header a {
color: white;
}
/*
* Navegaci?n
*/
nav {
float: right;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
padding-right: 20px;
}
nav ul li {
display: inline-block;
line-height: 80px;
}
nav ul li a {
display: block;
padding: 0 10px;
text-decoration: none;
}
nav ul li a:hover {
background: #0b76a6;
}
#logo-header {
float: left;
padding: 15px 0 0 20px;
text-decoration: none;
}
#logo-header:hover {
color: #0b76a6;
}
#logo-header .site-name {
display: block;
font-weight: 700;
font-size: 1.2em;
}
#logo-header .site-desc {
display: block;
font-weight: 300;
font-size: 0.8em;
color: #999;
}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 124px;
top: 104px;
}
#Layer2 {
position:absolute;
width:958px;
height:115px;
z-index:2;
left: 29px;
top: 1191px;
}
#Layer3 {
position:absolute;
width:415px;
height:115px;
z-index:3;
left: 219px;
top: 383px;
}
#Layer4 {
position:absolute;
width:157px;
height:39px;
z-index:4;
left: 214px;
top: 710px;
}
#Layer5 {
position:absolute;
width:159px;
height:36px;
z-index:5;
left: 26px;
top: 711px;
}
#Layer6 {
position:absolute;
width:253px;
height:115px;
z-index:6;
left: -5px;
top: 12px;
}
.Estilo1 {
font-size: 24px;
font-weight: bold;
}
.Estilo2 {
font-weight: bold;
font-size: 32px;
color: #FF0066;
}
.Estilo5 {font-size: 24px}
.Estilo6 {font-weight: bold}
#Layer7 {
position:absolute;
width:1169px;
height:75px;
z-index:1;
background-color: #000000;
left: 63px;
}
.Estilo20 {
color: #FFFFFF;
font-size: 14px;
}
.contacto img {
position: relative; /*hace que muevas relativamente su posici?n*/
top: 15px; /*Pixeles arriba de su posici?n natural (puede ser negativo)*/
left: 63px; /*Pixeles a la izquierda de su posici?n natural*/
right: 10px; /*Pixeles a la derecha de su posici?n natural*/
}
.documento img {
position: relative; /*hace que muevas relativamente su posici?n*/
top: 2px; /*Pixeles arriba de su posici?n natural (puede ser negativo)*/
left: 350px; /*Pixeles a la izquierda de su posici?n natural*/
right: 10px; /*Pixeles a la derecha de su posici?n natural*/
}
.Estilo23 {font-size: 20px; font-weight: bold; }
.Estilo24 {font-size: 20px}
#Layer8 {
position:absolute;
width:200px;
height:115px;
z-index:7;
left: -98px;
top: 789px;
}
#Layer9 {
position:absolute;
width:480px;
height:360px;
z-index:7;
left: 581px;
top: 344px;
}
-->
</style>
<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="engine0/style.css" />
<script type="text/javascript" src="engine0/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
<style type="text/css">
<!--
.Estilo25 {
font-size: 36px;
color: #FF0000;
}
.Estilo28 {font-weight: bold; font-size: 36px;}
.Estilo35 {
color: #0099CC;
font-weight: bold;
}
.Estilo36 {color: #FF0000}
.Estilo37 {font-size: 12px}
-->
</style>
</head>
<body>
<div id="Layer6">
<header id="main-header">
<a id="logo-header" href="index.html">
<span class="site-name ">ACCIN</span>
<span class="site-desc">ACCION CONTRA INCENDIOS</span></a>
<!-- / #logo-header -->
<nav>
<ul>
<li><a href="index.html">INICIO</a></li>
<li><a href="productos.html">PRODUCTO</a></li>
<li><a href="contacto.html">CONTACTO</a></li>
<li><a href="servicio.html">SERVICIO</a></li>
<li><a href="Nosotros.html">NOSOTROS</a></li>
</ul>
</nav><!-- / nav -->
</header></div>
<div id="Layer1">
<a href="index.html"><img src="imagen/fondoaccin.png" width="680" height="229"
border="0" /></a>
<div id="Layer9">
<div>
<div align="center"><span class="Estilo5 Estilo25"><span
class="Estilo28">Cotizar</span></span></div>
<div align="center"><a href="cotizacion.html" class="Estilo35">[SOLICITUD]</a></div>
<P></P>
<!-- Start WOWSlider.com BODY section -->
</span></span>
<!-- add to the <body> of your page -->
</div>
<div id="wowslider-container0">
<div class="ws_images"><ul>
<li><img src="data0/images/casco.jpg" alt="" title="" id="wows0_0"/></li>
<li><img src="data0/images/chaleco_naranja.png" alt="" title=""
id="wows0_1"/></li>
<li><img src="data0/images/cinta_verde.jpg" alt="" title="" id="wows0_2"/></li>
<li><img src="data0/images/cono_18.png" alt="" title="" id="wows0_3"/></li>
<li><img src="data0/images/casco_azul.jpg" alt="" title="" id="wows0_4"/></li>
<li><img src="data0/images/detector_de_humo.jpg" alt="" title=""
id="wows0_5"/></li>
<li><a href="http://wowslider.com"><img src="data0/images/luz_estrobosco.jpg"
alt="http://wowslider.com/" title="" id="wows0_6"/></a></li>
<li><img src="data0/images/triangulos.jpg" alt="" title="" id="wows0_7"/></li>
</ul></div>
<div class="ws_script" style="position:absolute;left:-99%"><a
href="http://wowslider.net">jquery carousel</a> by WOWSlider.com v8.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine0/wowslider.js"></script>
<script type="text/javascript" src="engine0/script.js"></script>
<!-- End WOWSlider.com BODY section --></div></div>
<div>
<label for="nombre"><span class="Estilo23">Nombre <span class="Estilo36">*</span>:
</span></label>
<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="nombre"
placeholder="Aqui su nombre" required />
</div>
<div class="Estilo5">
<label for="cedula"><span class="Estilo23">CI/RUC<span
class="Estilo36">*</span>:</span></label>
<div class="Estilo5">
<span class="Estilo24">
<label for="telefono"><strong>Telefono<span class="Estilo36">*</span>:
</strong></label>
</span>
<div id="Layer4">
<input type="submit" style= "background-color:#FFCC66; font-size: 18px; WIDTH: 150px;
HEIGHT: 30px" value ="Enviar" /></div>
<div id="Layer5">
<input type="reset" style="background-color:#FFCC66; font-size: 18px; WIDTH: 150px;
HEIGHT: 30px" value="Limpiar" />
</div>
</form> </div>
<div id="Layer2">
<div class="documento"><img src="imagen/fondos/DOCUM.png" width="642"
height="146" /></div>
<p></p>
<p></p>
<p></p>
<input type="checkbox" id="spoiler1"></input>
<label for="spoiler1" ><span class="Estilo39 Estilo1">Obtencion de la Tasa de Servicios
Contra Incendios con R.U.C. (POR PRIMERA VEZ)</span></label>
<div class="spoiler">
<div align="justify">
<blockquot>
<p align="justify" class="Estilo6">1. Si el tramite lo realiza personalmente, adjuntar copia
de la cedula de ciudadania, o autorizacion por escrito para la persona que realizara el tramite
adjuntando fotocopia de las cedulas de ciudadania de quien autoriza y del autorizado. </p>
<p align="justify" class="Estilo6">2. Copia completa y actualizada del RUC (Registro ?nico
de Contribuyente) donde conste el establecimiento con su respectiva direccion y actividad.
</p>
<p align="justify" class="Estilo6">3. En caso de compañias deberan adjuntar copia
del nombramiento del Representante Legal. </p>
<p align="justify" class="Estilo6">4. Original ycopia de la Calificacion Artesanal en caso de
ser artesano. </p>
<p align="justify" class="Estilo6">5. Para venta o reparacion de armas (traer autorizacion
del Comando Conjunto). </p>
<p align="justify" class="Estilo6">6. En los casos de DEPOSITOS DE GAS: presentar
copia del Informe de Factibilidad que emite la ARCH (Agencia de Regulaci?n y Control
Hidrocarburifero).El area minima sera de 15 m2, con una altura minima de 2.30 metros, solo
podran estar ubicados en locales construidos de un solo piso, el local debe ser independiente
de viviendas u otros, deben estar alejados como minimo 100 metros de Centros Educativos,
Clinicas, Hospitales y Centros de concentracion masiva. </p>
<p align="justify" class="Estilo6">7. Adjuntar a su documentaci?n la copia del pago de
Predios Urbanos o Planilla de servicio b?sico de agua, a fin de registrar el n?mero del C?digo
Catastral. </p>
<p align="justify" class="Estilo6">8. Plan de Emergencia y Evacuacion realizado por un
profesional inscrito en el Registro de Profesionales de Seguridad y Salud del Ministerio de
Relaciones Laborales, para los establecimientos que disponga la entidad bomberil. </p>
<p align="justify" class="Estilo6"> 9. Copia de Uso de Suelo. </p>
</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler2"></input>
<label for="spoiler2" ><span class="Estilo39 Estilo1">Para renovacion de Tasa de Servicios
Contra Incendios con R.U.C.</span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p align="justify" class="Estilo6">1. Copia del Certificado del año anterior o del ultimo
año pagado. </p>
<p align="justify" class="Estilo6">2. Copia completa del RUC (Registro unico de
Contribuyente) donde conste el establecimiento con su respectiva direccion y actividad. </p>
<p align="justify" class="Estilo6">3. En caso de compañias deberan adjuntar copia
del nombramiento del Representante Legal. </p>
<p align="justify" class="Estilo6">4. Adjuntar copia de la cedula de ciudadania si el tramite
lo realiza personalmente; o, autorizacion por escrito para la persona que realizar? el tr?mite
adjuntando fotocopia de las cedulas de ciudadania de quien autoriza y del autorizado. </p>
<p align="justify" class="Estilo6">5. Para venta o reparacion de armas (traer autorizacion
del Comando Conjunto). </p>
<p align="justify" class="Estilo6">6. Copia de la Calificacion Artesanal en caso de ser
artesano. </p>
<p align="justify" class="Estilo6">7. En los casos de DEPOSITOS DE GAS: presentar
copia del Acta de Control anual que emite la ARCH (Agencia de Regulacion y Control
Hidrocarburifero). El area minima sera de 15 m2, con una altura minima 2.30 metros, solo
podran estar ubicados en locales construidos de un solo piso, local independiente de
viviendas u otros, alejados minimo 100 metros de Centros Educativos, Cl?nicas, Hospitales y
Centros de concentracion masiva. </p>
<p align="justify" class="Estilo6">8. Plan de Emergencia y Evacuacion realizado por un
profesional inscrito en el Registro de Profesionales de Seguridad y Salud del Ministerio de
Relaciones Laborales. </p>
<p align="justify" class="Estilo6">9. Adjuntar a su documentaci?n la copia de Predios
Urbanos o Planilla de Interagua, a fin de registrar el numero del Codigo Catastral. </p>
<p align="justify" class="Estilo6">10. Copia de Uso de Suelo (En caso de cambio de
direcci?n). </p>
</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler3"></input>
<label for="spoiler3" ><span class="Estilo5 Estilo39"><strong>Obtencion del Certificado para
Transporte de Combustible - Gas (PRIMERA VEZ)</strong></span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p class="Estilo6">1. Copia de cedula de ciudadania. </p>
<p class="Estilo6">2. Nombramiento del representante legal en caso de compañias
</p>
<p class="Estilo6">3. Copia de la matriculacion del vehiculo </p>
<p class="Estilo6">4. Original y copia de la factura de compra o recarga del extintor
</p>
<p class="Estilo6">5. Revision del vehiculo en el cuartel de Bomberos No. 1 "Geo
Chambers Vivero" ubicado en la Av. De las Americas diagonal al Coliseo Voltaire
Paladines Polo en el horario de 09h00a 13h00, los dias martes y jueves. </p>
<p class="Estilo6">6. Transporte de Gas autorizacion de Hidrocarburos actualizada </p>
</blockquote>
</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler4"></input>
<label for="spoiler4" ><span class="Estilo5 Estilo39"><strong>Renovacion para Transporte de
Combustible - Gas</strong></span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p class="Estilo6">1. Copia de cedula de ciudadania. </p>
<p class="Estilo6">2. Nombramiento del representante legal en caso de compañias
</p>
<p class="Estilo6">3. Copia del permiso del año anterior. </p>
<p class="Estilo6">4. Copia de la matricula del vehiculo (en caso de cambio de vehiculo).
</p>
<p class="Estilo6">5. Original y Copia de la factura de compra o recarga del extintor.
</p>
<p class="Estilo6">6. Revision del veh?culo o en el cuartel de Bomberos No. 1 "Geo
Chamber Vivero" ubicado en la avenida de las Americas diagonal al Coliseo Voltaire
Paladines Polo en el horario de 09:00h a 13:00h los d?as Martes y Jueves.
Una vez entregado estos requisitos y emitida la orden de pago de uno de nuestros
Centros de atencion a usuarios, dicha orden de pago puede ser cancelada en cualquier
agencia del Banco de Guayaquil y posteriormente regresar con copia del pago a nuestras
ventanillas para la elaboracion y emisi?n del certificado correspondiente. </p>
</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler5"></input>
<label for="spoiler5" ><span class="Estilo5 Estilo39"><strong>Solicitud de Cese de
Actividades </strong></span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p><strong>1. Notificar el Cese de actividades en el Servicio de Rentas Internas.
</strong></p>
<p><strong>2. Comprar en el Dpto. de Tesoreria (3er. piso) o en Escobedo y P. Icaza
(Esquina), una Especie Valorada $ 3. </strong></p>
<p><strong>3. Llenar la Especie Valorada solicitando la Baja en nuestros registros por
Cese de Actividades, especificando la direcci?n del Establecimiento. </strong></p>
<p><strong>4. Adjuntar a la Especie Valorada los siguientes documentos:
</blockquote>
</div>
</div>
<div class="contacto"> <p align="center"><a href="contacto.html"><img
src="imagen/fondos/CONTACTOS.png" width="1168" height="115" border="0" /></a></p>
</div>
<div class="Estilo20" id="Layer7">
<p align="center"><strong><span class="Estilo7">Desarrollado por
J&J</span></strong></p>
<p align="center"> </p>
</div>
</div>
</body>
</html>
COTIZACION DE PRODUCTOS
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cotizacion</title>
<style type="text/css">
<!--
input:required:invalid {
input:valid {
}
#Layer1 {
position:absolute;
width:444px;
height:363px;
z-index:1;
left: 155px;
top: 307px;
}
div {
margin: .4em 0;
}
div label {
width: 45%;
float: left;
}
body {
background-image: url(imagen/fondos/diseno-de-fondos-blanco-1851.jpg);
background-repeat: repeat;
}
.Estilo2 {
font-size: 36px;
color: #FF3333;
font-weight: bold;
}
.Estilo4 {
color: #000000;
font-weight: bold;
font-size: 22px;
}
.Estilo5 {
font-size: 22px;
font-weight: bold;
}
#Layer2 {
position:absolute;
width:711px;
height:235px;
z-index:2;
left: 160px;
top: 9px;
}
#Layer3 {
position:absolute;
width:748px;
height:48px;
z-index:3;
left: 138px;
top: 265px;
}
#Layer4 {
position:absolute;
width:75px;
height:1288px;
z-index:4;
left: 1px;
top: -5px;
background-color: #FF9933;
}
#Layer6 {
position:absolute;
width:312px;
height:363px;
z-index:5;
left: 785px;
top: 363px;
background-color: #FFFFCC;
}
.Estilo13 {font-size: 10px}
.Estilo14 {font-size: 12px}
#Layer5 {
position:absolute;
width:116px;
height:36px;
z-index:6;
left: 19px;
top: 658px;
}
#Layer7 {
position:absolute;
width:80px;
height:36px;
z-index:6;
left: 275px;
top: 657px;
}
#Layer8 {
position:absolute;
width:729px;
height:41px;
z-index:6;
left: 158px;
top: 224px;
background-color: #FF0000;
}
.Estilo17 {
font-size: 24px;
font-weight: bold;
}
#Layer9 {
position:absolute;
width:84px;
height:28px;
z-index:7;
left: 7px;
top: -3px;
background-color: #FFFFFF;
}
#Layer10 {
position:absolute;
width:155px;
height:28px;
z-index:8;
left: 103px;
top: -3px;
background-color: #FFFFFF;
}
#Layer11 {
position:absolute;
width:134px;
height:27px;
z-index:9;
left: 271px;
top: -3px;
background-color: #FFFFFF;
}
#Layer12 {
position:absolute;
width:152px;
height:28px;
z-index:10;
left: 418px;
top: -3px;
background-color: #FFFFFF;
}
#Layer13 {
position:absolute;
width:139px;
height:29px;
z-index:11;
left: 583px;
top: -3px;
background-color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
#Layer14 {
position:absolute;
width:1094px;
height:133px;
z-index:7;
left: 79px;
top: 1083px;
background-color: #F3F3F5;
}
.Estilo27 {color: #000000;
font-size: 10px;
font-weight: bold;
}
.Estilo28 {color: #000000}
.Estilo31 {font-size: 10px; font-weight: bold; }
#Layer15 { position:absolute;
width:200px;
height:93px;
z-index:15;
left: 165px;
top: 28px;
}
#Layer16 {
position:absolute;
width:1098px;
height:64px;
z-index:8;
left: 76px;
top: 1220px;
background-color: #000000;
}
.Estilo32 {color: #FFFFFF}
#Layer17 {
position:absolute;
width:99px;
height:1289px;
z-index:9;
left: 1175px;
top: -4px;
background-color: #FF9933;
}
.Estilo34 {font-size: 12px; color: #FF0000; }
.Estilo35 {
color: #FF0000;
font-weight: bold;
}
.Estilo36 {
font-size: 12px;
font-weight: bold;
font-style: italic;
}
#Layer18 {
position:absolute;
width:200px;
height:115px;
z-index:12;
}
#Layer19 {
position:absolute;
width:200px;
height:385px;
z-index:10;
left: 717px;
top: 343px;
}
-->
</style>
</head>
<body>
</div>
<div class="Estilo17" id="Layer8">
<div id="Layer9"><a href="index.html">INICIO</a></div>
<div id="Layer10"><a href="productos.html">PRODUCTOS</a></div>
<div id="Layer11"><a href="servicios.html">SERVICIOS</a></div>
<div id="Layer12"><a href="contacto.html">CONTACTOS</a></div>
<div>
<label for="nombre"><span class="Estilo4">Nombre <span class="Estilo34">*</span>:
</span></label>
<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="nombre"
placeholder="Aquí su nombre" required />
</div>
<div class="Estilo5">
<label for="cedula"><span class="Estilo19">CI/RUC<span
class="Estilo34">*</span>:</span></label>
<div class="Estilo5">
<label for="telefono"><span class="Estilo19">Telefono<span class="Estilo34">*</span>:
</span></label>
<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="telefono" id="telefono"
placeholder="Tel/Cel" required />
</div>
<div class="Estilo5">
<label for="comentario"><span class="Estilo19">Descripcion de los productos a
cotizar: <br />
</span></label>
<p> </p>
<p>
<textarea name="mensaje" id="mensaje" style="WIDTH: 400px; HEIGHT: 100px"
placeholder="Escribe tus productos"></textarea>
</p>
</div>
<div id="Layer5">
<input type="submit" class="Estilo13" style= "background-color:#FFCC66; font-size: 18px;
WIDTH: 150px; HEIGHT: 30px" value ="Cotizar" />
</div>
<div id="Layer7">
<input type="reset" style="background-color:#FFCC66; font-size: 18px; WIDTH: 150px;
HEIGHT: 30px" value="Limpiar" />
</div>
(<span class="Estilo35">*</span>)<span class="Estilo36">Campos Obligatorios.
</span>
</fieldset>
</form>
</div>
<div id="Layer4"></div>
<div id="Layer14">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index2.html"><img src="imagen/fondos/casa.png" width="26"
height="24" /> <span class="Estilo27">INICIO</span></a> </p>
<div id="Layer15">
<p>*<a href="Nosotros.html" class="Estilo28"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /> <span class="Estilo31">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo28"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo31">PRODUCTOS</span></a></p>
</div>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="26"
height="25" /> <span class="Estilo27">CONTACTOS</span></a></p>
</div>
<div class="Estilo14" id="Layer16">
<p align="center"><strong><span class="Estilo32">Desarrollado por
J&J</span></strong></p>
<p align="center"><strong><span
class="Estilo32">jimyjavier_109@hotmail.com</span></strong></p>
</div>
<div id="Layer17"></div>
<a href="index.html"><img src="imagen/accinprin.png" alt="accinregis" width="710"
height="183" border="0" /></a>
<div id="Layer19"><img src="imagen/fondos/articulos.png" width="363" height="340" /></div>
</body>
</html>
REGISTRO DE CLIENTES
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>REGISTRO</title>
<style type="text/css">
<!--
input:required:invalid {
}
border: 1px solid green;
}
#Layer1 {
position:absolute;
width:656px;
height:363px;
z-index:1;
left: 255px;
top: 307px;
}
div {
margin: .4em 0;
}
div label {
width: 45%;
float: left;
}
body {
background-image: url(imagen/fondos/diseno-de-fondos-blanco-1851.jpg);
background-repeat: repeat;
}
.Estilo2 {
font-size: 36px;
color: #0000FF;
font-weight: bold;
}
.Estilo4 {
color: #000000;
font-weight: bold;
font-size: 22px;
}
.Estilo5 {
font-size: 22px;
font-weight: bold;
}
#Layer2 {
position:absolute;
width:711px;
height:235px;
z-index:2;
left: 160px;
top: 9px;
}
#Layer3 {
position:absolute;
width:748px;
height:48px;
z-index:3;
left: 138px;
top: 265px;
}
#Layer4 {
position:absolute;
width:75px;
height:1099px;
z-index:4;
left: 1px;
top: -5px;
background-color: #FF0000;
}
#Layer6 {
position:absolute;
width:312px;
height:363px;
z-index:5;
left: 785px;
top: 363px;
background-color: #FFFFCC;
}
.Estilo13 {font-size: 10px}
.Estilo14 {font-size: 12px}
#Layer5 {
position:absolute;
width:80px;
height:36px;
z-index:6;
left: 192px;
top: 400px;
}
#Layer7 {
position:absolute;
width:80px;
height:36px;
z-index:6;
left: 342px;
top: 399px;
}
#Layer8 {
position:absolute;
width:729px;
height:41px;
z-index:6;
left: 158px;
top: 224px;
background-color: #FF0000;
}
.Estilo17 {
font-size: 24px;
font-weight: bold;
}
#Layer9 {
position:absolute;
width:84px;
height:28px;
z-index:7;
left: 7px;
top: -3px;
background-color: #FFFFFF;
}
#Layer10 {
position:absolute;
width:155px;
height:28px;
z-index:8;
left: 103px;
top: -3px;
background-color: #FFFFFF;
}
#Layer11 {
position:absolute;
width:134px;
height:27px;
z-index:9;
left: 271px;
top: -3px;
background-color: #FFFFFF;
}
#Layer12 {
position:absolute;
width:152px;
height:28px;
z-index:10;
left: 418px;
top: -3px;
background-color: #FFFFFF;
}
#Layer13 {
position:absolute;
width:139px;
height:29px;
z-index:11;
left: 583px;
top: -3px;
background-color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
#Layer14 {
position:absolute;
width:1092px;
height:133px;
z-index:7;
left: 78px;
top: 895px;
background-color: #F3F3F5;
}
.Estilo27 {color: #000000;
font-size: 10px;
font-weight: bold;
}
.Estilo28 {color: #000000}
.Estilo31 {font-size: 10px; font-weight: bold; }
#Layer15 { position:absolute;
width:200px;
height:93px;
z-index:15;
left: 165px;
top: 28px;
}
#Layer16 {
position:absolute;
width:1091px;
height:64px;
z-index:8;
left: 78px;
top: 1029px;
background-color: #000000;
}
.Estilo32 {color: #FFFFFF}
#Layer17 {
position:absolute;
width:91px;
height:1099px;
z-index:9;
left: 1170px;
top: -6px;
background-color: #FF0000;
}
.Estilo34 {font-size: 12px; color: #FF0000; }
.Estilo35 {
color: #FF0000;
font-weight: bold;
}
.Estilo36 {
font-size: 12px;
font-weight: bold;
font-style: italic;
}
-->
</style>
</head>
<body>
</div>
<div class="Estilo17" id="Layer8">
<div id="Layer9"><a href="index.html">INICIO</a></div>
<div id="Layer10"><a href="productos.html">PRODUCTOS</a></div>
<div id="Layer11">S<a href="servicios.html">ERVICIOS</a></div>
<div id="Layer12"><a href="contacto.html">CONTACTOS</a></div>
<a href="Nosotros.html"><div id="Layer13">NOSOTROS</div></a></div>
<div id="Layer1">
<form action="cliente.php" method="post" >
<fieldset>
<legend><span class="Estilo2">Registro</span></legend>
<div>
<label for="nombre"><span class="Estilo4">Nombre o Establecimiento<span
class="Estilo34">*</span>: </span></label>
<input type="text" style="WIDTH: 190px; HEIGHT: 25px" name="nombre"
placeholder="Aquí su nombre" required />
</div>
<div class="Estilo5">
<label for="cedula"><span class="Estilo19">Cedula<span
class="Estilo34">*</span>:</span></label>
<div class="Estilo5">
<label for="telefono"><span class="Estilo19">Telefono<span class="Estilo34">*</span>:
</span></label>
<input type="text" style="WIDTH: 190px; HEIGHT: 25px" name="telefono" id="telefono"
placeholder="Tel/Cel" required />
</div>
<div class="Estilo5">
<label for="comentario"><span class="Estilo19">Comentario: </span></label>
<textarea rows="7" cols="30" name="comentario" id="comentario" placeholder="Escribe aquí
tus comentarios"> </textarea>
</div>
<div id="Layer5">
</scrip>";
exit;
}
$verificar_email = mysqli_query($conexion, "SELECT * FROM cliente WHERE email =
'$email'");
if (mysqli_num_rows($verificar_email) 0){
echo "<script type=\"text/javascript\">alert(' El email ya esta Registrado Intente
Nuevamente'); windowlocation='index.html';</script>";
exit;
}
//Ejecutar Consulta
$resul = mysqli_query($conexion, $insertar);
if (!$resul) {
echo 'Error al Registrarse';
} else {
echo '<script>
alert("Se ha registrado correctamente gracias");
window.location="index.html";
</script>';
}
//Cerrar Conexion
mysql_close($conexion);
<?php
if(isset($_POST['mail'])) {
// Edita las dos líneas siguientes con tu dirección de correo y asunto personalizados
$email_to = "accin@hotmail.com";
$email_subject = "urgente";
function died($error) {
// si hay algún error, el formulario puede desplegar su mensaje de aviso
echo "Lo sentimos, hubo un error en sus datos y el formulario no puede ser enviado en
este momento. ";
echo "Detalle de los errores.<br /><br />";
echo $error."<br /><br />";
echo "Porfavor corrija estos errores e inténtelo de nuevo.<br /><br />";
died();
}
// Se valida que los campos del formulairo estén llenos
if (!isset($_POST['nombre']) ||
!isset($_POST['cedula']) ||
!isset($_POST['email']) ||
!isset($_POST['direccion']) ||
!isset($_POST['telefono']) ||
!isset($_POST['mensaje']))
{
died('Lo sentimos pero parece haber un problema con los datos enviados.');
}
//En esta parte el valor "name" nos sirve para crear las variables que recolectaran la
información de cada campo
$nombre = $_POST['nombre'];
$cedula = $_POST['cedula'];
$correo = $_POST['email'];
$direccion = $_POST['direccion'];
$telefono = $_POST['telefono'];
$mensaje = $_POST['mensaje'];
$error_message = "Error";
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-ed-z]{2,4}$/';
if(!preg_match($email_exp,$correo))
$error_message .= 'La dirección de correo proporcionada no es válida.<br />';
}
$email_message = "Contenido del Mensaje.\n\n";
function clean_string($string) {
$bad = array("content-type","bcc:","to:","cc:","href");
return str_replace($bad,"",$string);
}
$email_message .= "nombre: ".clean_string($nombre)."\n";
$email_message .= "cedula: ".clean_string($cedula)."\n";
$email_message .= "Correo: ".clean_string($correo)."\n";
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento sin título</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:348px;
height:263px;
z-index:1;
left: 452px;
top: 364px;
}
.Estilo1 {
font-size: 24px;
font-weight: bold;
color: #000000;
}
body {
background-image: url(imagen/fondos/8332.jpg);
background-repeat: repeat;
}
.Estilo4 {font-size: 24px; font-weight: bold; color: #00CCFF; }
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
div label {
width: 30%;
float: left;
}
.Estilo5 {
font-size: 18px;
font-weight: bold;
}
.Estilo6 {font-size: 18px}
#Layer2 {
position:absolute;
width:296px;
height:115px;
z-index:2;
left: 474px;
top: 407px;
}
-->
</style>
</head>
<body>
<div id="Layer1"><img src="imagen/fondos/4596_969_fondo269.jpg" width="347"
height="262" /></div>
<div align="center">
<p><img src="imagen/fondoaccin.png" width="592" height="198" /></p>
</div>
<div align="center">
<div id="Layer2">
<fieldset>
<legend><span class="Estilo1">Ingreso de Usuario</span></legend>
<p> </p>
<form action="checklogin.php".php" method="post" >
<div> <span class="Estilo6">
<label><strong>Usuario:</strong></label>
</span>
<p><span class="Estilo6"> </span>
<input name="usuario" type="text" id="usuario" required>
</p>
</div><div>
<label><span class="Estilo5">Password:</span></label>
<input name="password" type="password" id="password" required>
</div>
<div align="center">
<p>
<input type="submit" name="Submit" value="Entrar">
</p>
</div>
</form>
</fieldset>
</div>
</div>
</body>
</html>
<body>
<div align="center">
<p><img src="../proyecto_accin/imagen/accinprin.png" width="611" height="213" /></p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div align="center">
<a href="index.html"> <div class="Estilo4" id="Layer1">Salir</div>
</a>
<table width="200" border="1">
<tr>
<td><div align="center">
<a href="clientes.html"> <p><span class="Estilo2">Clientes</span></p></a>
<p><img src="imagen/fondos/clientes.png" width="251" height="248" /></p>
</div></td>
<td><div align="center">
<a href="sistcont.php"> <p><span class="Estilo2">Contactos</span></p></a>
<p><img src="imagen/fondos/contacto1.png" width="251" height="248" /></p>
</div></td>
<td><div align="center">
<a href="sistpro.php">
<p><span class="Estilo2">Productos</span></p></a>
<p><img src="imagen/fondos/articulos.png" width="251" height="248" /></p>
</div></td>
</tr>
</table>
</div>
</body>
</html>
AGREGAR CLIENTES
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>agregar</title>
<style type="text/css">
<!--
body {
background-image: url(imagen/fondos/8332.jpg);
}
.Estilo1 {
color: #00CCCC;
font-weight: bold;
font-size: 30px;
}
div {
margin: .4em 0;
}
div label {
width: 50%;
float: left;
}
.Estilo3 {
font-size: 36px;
font-weight: bold;
color: #0066CC;
}
#Layer1 {
position:absolute;
width:601px;
height:340px;
z-index:1;
left: 374px;
top: 402px;
background-color: #CCCCCC;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body>
<div align="center"><img src="imagen/fondoaccin.png" width="584" height="251" /></div>
<div align="center">
<p> </p>
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.phpl"><span class="Estilo1">Productos</span></a></td>
<td><a href="contactos.html"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<div id="Layer1">
<fieldset>
<legend> <span class="Estilo3">Agregar Nuevo</span></span></legend>
<form action="guardado.php" method="post">
<div>
<label for="nombre"><strong>Nombres:</strong></label>
</span> </span>
<input type="text" id="nombres" name="nombres" maxlength="50" size="30" required/>
<br />
</div>
<div>
<div>
<div>
<div>
<div>
</body>
</html>
GUARDAR CLIENTES
<?php
#include 'conexiones.php';
$nombres = $_POST["nombres"];
$cedula = $_POST["cedula"];
$direccion = $_POST["direccion"];
$telefono = $_POST["telefono"];
$detalle = $_POST["detalle"];
$factura = $_POST["factura"];
$fecha = $_POST["fecha"];
$inser = "INSERT INTO (Nombres, Cedula, Direccion, Telefono, Detalle, Factura, Fecha)
VALUES ('$nombres', '$cedula', '$direccion', '$telefono', '$detalle', '$factura', '$fecha')";
if (mysqli_num_rows($verificar_nombre) > 0){
echo"<script type=\"text/javascript\">alert(' El nombre ya esta Registrado Intente
Nuevamente'); window.location='agregar.html';</script>";
exit;
}
if (mysql_num_rows($verificar_cedula) > 0){
echo "<script type=\"text/javascript\">alert(' El numero de cedula ya esta Registrado Intente
Nuevamente'); window.location='agregar.html';
</scrip>";
exit;
} $resul = mysqli_query($conexiones, $inser);
if (!$resul) {
echo 'Error al Registrarse';
} else {
echo '<script>
alert("Se ha registrado correctamente gracias");
window.location="agregar.html";
</script>';
}
mysql_close($conexiones);
?>
BOTON CLIENTES
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>clientes/title>
<style type="text/css">
<!--
body {
background-image: url(imagen/fondos/8332.jpg);
}
.Estilo7 {
font-size: 30px;
color: #FF9900;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.Estilo9 {font-size: 30px; color: #00CCCC; font-weight: bold; }
.Estilo12 {font-size: 30px; color: #00CCFF; font-weight: bold; }
-->
</style></head>
<body>
<div align="center">
<p><img src="imagen/accinprin.png" width="700" height="232" /></p>
<p> </p>
</div>
<div align="center">
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo9">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo9">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo9">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo9">Contactos</span></a></td>
</tr>
</table></div>
<p> </p>
<div align="center">
<table width="277" border="1">
<tr>
<td ><div align="center" >
<a href="lista.php"><p> <span class="Estilo7">
Mostrar Todo</span></p></a>
</div></td>
</tr>
<tr>
<td><div align="center">
<a href="agregar.html"><p> <span class="Estilo7">
Agregar Nuevo</span></p></a>
</div></td>
</tr>
<tr>
<td><div align="center">
<a href="modificar.html"> <p> <span class="Estilo7">Modificar</span></p></a>
</div></td>
</tr>
<tr>
<td height="39"><a href="eliminar.html">
<p align="center"><span class="Estilo7">Eliminar </span></p>
</a> </td>
</tr>
<tr>
<td height=""><a href="registro-usuarios.html">
<p align="center"><span class="Estilo12">Agregar Nuevo usuario</span></p>
</a> </td>
</tr>
</table>
</div>
</body>
</html>
ELIMINAR
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eliminar</title>
<style type="text/css">
<!--
body {
background-image: url(imgenes/fondos/fondo edit.jpg);
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.Estilo1 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
.Estilo2 {font-size: 20px}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body>
<div align="center"><img src="imagen/fondoaccin.png" width="611" height="221" /></div>
<div align="center">
<p> </p>
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.html"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<div align="center">
<p> </p>
<table width="272" height="125" border="1" bordercolor="#333333" bgcolor="#F0F0F0">
<tr>
<form action="eliminarnombre.php" method="post">
<td width="262"><p class="Estilo2">Buscar Registro a Eliminar Por :
</p>
<p>Nombres
<input type="text" name="Nombres" id="Nombres" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table>
</div>
<div align="center">
<p> </p>
<table width="285" height="125" border="1" bordercolor="#333333" bgcolor="#F0F0F0">
<tr>
<form action="eliminarcedula.php" method="post">
<td><p class="Estilo2">Buscar Registro a Eliminar Por :
</p>
<p>Cedula/Ruc :
<input type="text" name="Cedula" id="Cedula" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table>
</div>
</body>
</html>
-->
</style></head>
<body>
<div align="center">
<img src="imagen/fondoaccin.png" width="700" height="300" /></div>
<div align="center">
<p> </p>
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo5">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo5">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo5">Productos</span></a></td>
<td><a href="sistcont.html"><span class="Estilo5">Contactos</span></a></td>
</tr>
</table></div>
<?php
$conexion=mysqli_connect("localhost","root","","accin1")or
die("Problemas con la conexion");
$registro=mysqli_query($conexion,"select * from clientes
where
Cedula='$_REQUEST[Cedula]'") or
die("Problemas en el
select:".mysqli_error($conexion));
if ($reg=mysqli_fetch_array($registro))
{
?>
<p>
<div id="Layer1">
<fieldset>
<legend> <span class="Estilo13">Eliminar</span></legend>
<form action="eliminado.php" method="post">
<div>
<span class="Estilo9"><span class="Estilo7"><span class="Estilo11">
<label for="nombre">Ingrese el Nuevo Nombre:</label>
</span></span></span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" value="<?php echo $reg['Nombres']?>" required/>
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo7"> <span class="Estilo12">
<label for="cedula"><strong>Ingrese el Nuevo Numero de C.I./RUC:</strong></label>
</span> </span> </span>
<input type="text" disabled="disabled" name="Cedula" value="<?php echo $reg['Cedula']?
>"required />
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo7"> <span class="Estilo12">
<label for="telefono"><strong>Ingrese el Nuevo Numero de Telefono:</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="telefono" maxlength="10" size="30"
value="<?php echo $reg['Telefono']?>" required/>
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo7"> <span class="Estilo12">
<label for="direccion"><strong>Ingrese la Nueva Direccion del Cliente :</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="direccion" maxlength="100" size="30"
value="<?php echo $reg['Direccion']?>"required />
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo12"> <span class="Estilo7">
<label for="factura"><strong>Ingrese el Nuevo Numero de Factura:</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="factura" maxlength="10" size="30" value="<?
php echo $reg['Factura']?>" required/>
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo7"> <span class="Estilo12">
<label for="detalle"><strong>Ingrese el Nuevo Detalle:</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="detalle" maxlength="100" size="30"
value="<?php echo $reg['Detalle']?>" required/>
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo12"> <span class="Estilo7">
<label for="fecha"><strong>Ingrese la Nueva Fecha:</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="fecha" maxlength="10" size="30" value="<?
php echo $reg['Fecha']?>" required/>
<br />
</div><p></p>
</form>
</fieldset>
</div>
</div>
<div id="Layer5">
<table width="285" height="117" border="1" bordercolor="#333333"
bgcolor="#F0F0F0">
<tr>
<form action="eliminado.php" method="post">
<td bgcolor="#3399FF"><p class="Estilo2">Confirmar Numero a Eliminar
</p>
<p>Cedula/Ruc :
<input type="text" name="Cedula" id="Cedula" maxlength="13" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table></div>
<?php
}
else
echo '<script>
alert("NO existe un registro con ese Numero Ingrese Nuevamente ");
window.location="eliminar.html";
</script>';
?>
</body>
</html>
ELIMINADO
<?php
$conexion=mysqli_connect("localhost","root","","")or
die("Problemas con la conexion");
$registros=mysql_query($conexion,"select id_cliente from clientes where
Cedula='$_REQUEST[Cedula]'") or
die("Problemas en el select:".mysqli_error($conexion));
if ($_req=mysqli_fetch_array($registros))
{
mysql_close($conexion);
?>
</body>
</html>
-->
</style></head>
<body>
<center>
<p><img src="imagen/fondoaccin.png" width="614" height="204"></p>
<p> </p>
<p> </p>
<div align="center">
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<p> </p>
<p><img src="imagen/fondos/contacto1.png" width="263" height="117"><br>
</p>
<div id="titulo">
<center><h1>Registros</h1> </center>
</div>
<table id="registro">
<thead>
<tr class="centro">
<td>Nombre</td>
<td>Cedula</td>
<td>Direccion</td>
<td>Telefono</td>
<td>Detalle</td>
<td>Factura</td>
<td>Fecha</td>
</tr>
<tbody>
<?php while($row=$resultado->fetch_assoc()){ ?>
<tr>
<td><?php echo $row['Nombres'];?>
</td>
<td><?php echo $row['Cedula'];?>
</td>
<td><?php echo $row['Direccion'];?>
</td>
<td><?php echo $row['Telefono'];?>
</td>
<td><?php echo $row['Detalle'];?>
</td>
<td><?php echo $row['Factura'];?>
</td>
<td><?php echo $row['Fecha'];?>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</center>
</thead>
</body>
</html>
MODIFICAR
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Modificar</title>
<style type="text/css">
<!--
body {
background-image: url(imgenes/fondos/fondo edit.jpg);
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.Estilo1 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
.Estilo2 {font-size: 20px}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body>
<div align="center"><img src="imagen/fondoaccin.png" width="613" height="206" /></div>
<div align="center">
<p> </p>
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<div align="center">
<p> </p>
<table width="262" height="125" border="1" bordercolor="#333333" bgcolor="#F0F0F0">
<tr>
<form action="modificarnuevo.php" method="post">
<td><p class="Estilo2">Buscar Registro a Modificar Por :
</p>
<p>Nombres
<input type="text" name="Nombres" id="Nombres" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table>
</div>
<div align="center">
<p> </p>
<table width="285" height="125" border="1" bordercolor="#333333" bgcolor="#F0F0F0">
<tr>
<form action="modificarcedula.php" method="post">
<td><p class="Estilo2">Buscar Registro a Modificar Por :
</p>
<p>Cedula/Ruc :
<input type="text" name="cedula" id="cedula" maxlength="13" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table>
</div>
</body>
</html>
MODIFICADO
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>modificar</title>
<style type="text/css">
<!--
body {
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.Estilo1 {
color: #00CCCC;
font-size: 30px;
font-weight: bold;
}
#Layer1 {
position:absolute;
width:822px;
height:115px;
z-index:1;
left: 309px;
top: 465px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body>
<div align="center"><img src="imagen/accinprin.png" width="632" height="241" /></div>
<div align="center">
<p> <table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div></p>
<p> </p>
<p>
<div align="center">
<div id="Layer1">
<?php
$conexion=mysqli_connect("localhost","root","","accin1")or
die("Problemas con la conexion");
mysqli_query($conexion,"update clientes set
Nombres='$_REQUEST[nombrenuevo]',Cedula='$_REQUEST[cedulanueva]' ,Telefono='$_R
EQUEST[telefononuevo]',Direccion='$_REQUEST[direnuevo]',Factura=$_REQUEST[factnuev
a],Detalle='$_REQUEST[detallenuevo]',Fecha='$_REQUEST[fechanueva]'
where
Nombres='$_REQUEST[nombreviejo]'") or
die("Problemas en el
select:".mysqli_error($conexion));
echo "<font color='green' size='7'>SE MODIFICO EL REGISTRO
EXITOSAMENTE!!</font>" ;
?>
</div>
</div>
</p>
<p> </p>
<p> </p>
</body>
</html>
CONTACTOS ADMIN
<?php
require( 'conex.php' );
$query="SELECT * FROM contactos";
$resultado=$mysqli->query($query);
?>
<title>Contactos</title>
<style type="text/css">
<!--
body {
background-image: url(imgenes/fondos/fondo edit.jpg);
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.centro{
background: #484848;
color: white;
text-align: center;
fonbt-size: 21px;
}
#registro {
border-collapse:collapse;
width: 80%;
}
th, td {
padding: 0.25rem;
border: 1px solid #ccc;
}
.Estilo1 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body>
<center>
<p><img src="imagen/fondoaccin.png" width="591" height="226"></p>
<p> </p>
<p> </p>
<div align="center">
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<p> </p>
<p> </p>
<p><img src="imagen/fondos/contacto1.png" width="271" height="126"><br>
</p>
<div id="titulo">
<center><h1>Contactos</h1> </center>
</div><table id="registro">
<thead>
<tr class="centro">
<td>Nombre</td>
<td>Telefono</td>
<td>Ruc</td>
<td>Direccion</td>
</tr>
<tbody>
<?php while($row=$resultado->fetch_assoc()){ ?>
<tr>
<td><?php echo $row['Nombre'];?>
</td>
<td><?php echo $row['Telefono'];?>
</td>
<td><?php echo $row['Ruc'];?>
</td>
<td><?php echo $row['Direccion'];?>
</td>
</tr>
<?php }
</tbody>
</table>
</center>
</thead>
</body>
</html>
PRODUCTOS ADMINISTRADOR
<?php
require( 'conex.php' );
$query="SELECT * FROM productos";
$resultado=$mysqli->query($query);
?>
<title>Productos</title>
<style type="text/css">
<!--
body {
background-image: url(imgenes/fondos/fondo edit.jpg);
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.centro{
background: #484848;
color: white;
text-align: center;
fonbt-size: 21px;
}
#registro {
border-collapse:collapse;
width: 70%;
}
th, td {
padding: 0.25rem;
border: 1px solid #ccc;
}
.Estilo1 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}</style></head>
<body>
<center>
<p><img src="imagen/fondoaccin.png" width="647" height="222"></p>
<p> </p>
<p> </p>
<div align="center">
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<p> </p>
<p> </p>
<p><img src="imagen/fondos/articulos.png" width="347" height="214"><br>
</p>
<div id="titulo">
<center><h1>Productos</h1> </center>
</div>
<table width="66%" id="registro">
<thead>
<tr class="centro">
<td width="10%">Codigo</td>
<td width="32%">Nombre</td>
<td width="12%">Cantidad</td>
<td width="40%">Detalle</td>
</tr>
<tbody>
<?php while($row=$resultado->fetch_assoc()){ ?>
<tr>
<td align="center"><?php echo $row['id_pro'];?>
</td>
<td><?php echo $row['nombre'];?>
</td>
<td><?php echo $row['cantidad'];?>
</td>
<td><?php echo $row['detalle'];?>
</td>
</tr>
<?php }
</tbody>
</table>
</center>
</thead>
</body>
</html>
Manual de Usuario
DISEÑO DE UN SISTEMA WEB DE ACTUALIZACION Y REGISTROS DE
LOS PRODUCTOS EN GENERAL PARA LOS CLIENTES Y USUARIOS
DEL LOCAL COMERCIAL “ACCIN”.
• Computadora.
• Acceso a Internet.
b) Requerimientos de software
Los botones principales del sistema web se encuentran en la parte de arriba y son los
siguientes:
Inicio, se dirige a la página principal del aplicativo web
PANTALLA DE COTIZACIÓN
DE UN PRODUCTO
BOTONES Y VENTANA DE LA PANTALLA COTIZAR
En esta ventana solo tendrán Acceso los Trabajadores encargados de administrar los
registros de clientes y productos se tendrá que ingresar el usuario y clave para poder
entrar al sistema
En este botón se ingresara a una ventana con opciones para los registros de
clientes.
Este botón nos permitirá ingresar un nuevo usuario para acceder al sistema
administrador.
PANTALLA DE INGRESO A LA OPCIÓN AGREGAR NUEVOS REGISTROS
En esta ventana se puede ingresar nuevos registros insertando los datos pedidos en el
sistema
Para eliminar se debe volver a poner el número de cedula del cliente en la caja de texto
y presionar el botón enviar
Se recomienda lo siguiente:
1 2 3 4 5
Muy de De Indiferente En Muy en ALTERNATIVAS
acuerdo acuerdo desacuerdo desacuerdo
PREGUNTAS 1 2 3 4 5
3.- ¿Cree usted que este Sistema Web contribuirá en grandes beneficios
Negocio?
ANEXO # 2
CRONOGRAMA
ACTIVIDADES 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1.- Seminario
4.- Tutorías
5.- Desarrollo de la Tesis
ANEXO # 3
PRESUPUESTO
RUBRO TOTAL
PERSONAL INVESTIGATIVO:
1.- Tutoría de tesis $ 45
MATERIAL FUNGIBLE:
1.- Papelería (hojas A4) $ 15
2.- Fotocopias $ 15
EQUIPO:
1.- Dominio $ 80