Pagina web revisaviae ltda.
Páginas: 25 (6123 palabras)
Publicado: 25 de enero de 2012
CONTENIDO
Pág.
INTRODUCCIÓN 6
1. JUSTIFICACIÓN 8
2. PLANTEAMIENTO DEL PROBLEMA 9
3. OBJETIVOS 10
3.1. GENERAL 10
3.2. ESPECIFICOS 10
4. MARCO TEÓRICO 11
4.1. REDES DE COMPUTADORAS 11
4.2. INTERNET 12
4.2.1. Sitios, dominios y páginas web12
4.2.2. Los vínculos 13
4.2.3. Las direcciones en internet 13
4.3. TIPOS DE SITIOS WEB 14
4.3.1. Páginas personales 14
4.3.2. Sitios web informativos 14
4.3.3. Sitios web empresariales 14
4.3.4. Sitios web políticos 15
4.3.5. Sitios web comerciales 15
4.4. WEB 2.015
4.5. MOTORES DE BUSQUEDA 15
4.6. LENGUAJES DE PROGRAMACIÓN WEB 16
4.6.1. HyperText Markup Language (HTML) 16
4.6.2. Cascading Style Sheets (CSS) 16
4.6.3. ActionScript 17
4.6.4. JavaScript 17
4.6.5. Hypertext Preprocessor (PHP) 17
4.7. FILE TRANSFER PROTOCOL (FTP) 17
5.MARCO METODOLÓGICO 18
5.1 PREPACIÓN Y PLANIFICACIÓN 20
5.1.1. Preparación de campo 20
5.2. MAPA DE NAVEGACIÓN 23
5.3. WIREFRAME 24
5.4. DESARROLLO Y PROGRAMACIÓN 31
5.4.1. Index.html 31
5.4.2. Css_revi.css 33
5.4.3. Revisa.html 35
5.4.4. Revisa.css 375.4.5. Novedades.html 38
5.4.6. Novedades.css 40
5.4.7. Servicios.html 41
5.4.8. Servicios.css 43
5.4.9. Talleres.html 45
5.4.10. Talleres.css 47
5.4.11. Galeria.html 49
5.4.12. Galeria.css 50
5.4.13. Contacto.html 52
5.4.14. Conctacto.css 555.4.15. Send.php 57
6. CONCLUSIÓN 58
7. BIBLIOGRAFÍA 59
8. GRÁFICOS ANEXOS 60
GRÁFICOS
Pág.
Figura 1. Ejemplo sitio web de Abduzeedo 13
Figura 2. Esquema de transferencia de archivos 17
Figura 3. Modelo de desarrollo concurrente 19
Figura 4. Estructura de navegación en árbol20
Figura 5. Ejemplo de sitio web www.unipapel.es 20
Figura 6. Ejemplo de sitio web www.iberdrola.es 21
Figura 7. Ejemplo de sitio web www.acerinox.es 22
Figura 8. Mapa de navegación del sitio web 24
Figura 9. Wireframe Home Revisaviae Ltda. 24
Figura 10. Wireframe Inicio 25
Figura 11. Wireframe Novedades26
Figura 12. Wireframe Servicios 27
Figura 13. Wireframe Talleres 28
Figura 14. Wireframe Galería 29
Figura 15. Wireframe Contacto 30
GRÁFICOS ANEXOS
Pág.
Figura 16. Buscador Google Revisaviae Ltda. 60
Figura 17. Cliente FTP Filezilla 60
Figura 18. Archivos fuente Revisaviae Ltda. 61Figura 19. Propuesta grafica Revisaviae Ltda. 61
Figura 20. Propuesta grafica definitiva Revisaviae Ltda. 62
INTRODUCCIÓN
La inclusión de nuevas tecnologías en la mayoría de los procesos y productos de los mercados del mundo, ha venido marcando la diferencia en el desarrollo social, cultural y económico de cada país. Por tal razón, a medida que transcurre el tiempo, lamayoría de investigadores e ingenieros, entre otros, se concientizan de la necesidad de incorporar mecanismos o herramientas de trabajo que no solo innoven, sino que ofrezcan al mercado productos de mejor calidad.
Ahora bien, uno de los productos que se alimenta con el uso de las nuevas tecnologías, es la producción de aplicaciones web. En efecto, cada día son más las aplicaciones web que...
Pág.
INTRODUCCIÓN 6
1. JUSTIFICACIÓN 8
2. PLANTEAMIENTO DEL PROBLEMA 9
3. OBJETIVOS 10
3.1. GENERAL 10
3.2. ESPECIFICOS 10
4. MARCO TEÓRICO 11
4.1. REDES DE COMPUTADORAS 11
4.2. INTERNET 12
4.2.1. Sitios, dominios y páginas web12
4.2.2. Los vínculos 13
4.2.3. Las direcciones en internet 13
4.3. TIPOS DE SITIOS WEB 14
4.3.1. Páginas personales 14
4.3.2. Sitios web informativos 14
4.3.3. Sitios web empresariales 14
4.3.4. Sitios web políticos 15
4.3.5. Sitios web comerciales 15
4.4. WEB 2.015
4.5. MOTORES DE BUSQUEDA 15
4.6. LENGUAJES DE PROGRAMACIÓN WEB 16
4.6.1. HyperText Markup Language (HTML) 16
4.6.2. Cascading Style Sheets (CSS) 16
4.6.3. ActionScript 17
4.6.4. JavaScript 17
4.6.5. Hypertext Preprocessor (PHP) 17
4.7. FILE TRANSFER PROTOCOL (FTP) 17
5.MARCO METODOLÓGICO 18
5.1 PREPACIÓN Y PLANIFICACIÓN 20
5.1.1. Preparación de campo 20
5.2. MAPA DE NAVEGACIÓN 23
5.3. WIREFRAME 24
5.4. DESARROLLO Y PROGRAMACIÓN 31
5.4.1. Index.html 31
5.4.2. Css_revi.css 33
5.4.3. Revisa.html 35
5.4.4. Revisa.css 375.4.5. Novedades.html 38
5.4.6. Novedades.css 40
5.4.7. Servicios.html 41
5.4.8. Servicios.css 43
5.4.9. Talleres.html 45
5.4.10. Talleres.css 47
5.4.11. Galeria.html 49
5.4.12. Galeria.css 50
5.4.13. Contacto.html 52
5.4.14. Conctacto.css 555.4.15. Send.php 57
6. CONCLUSIÓN 58
7. BIBLIOGRAFÍA 59
8. GRÁFICOS ANEXOS 60
GRÁFICOS
Pág.
Figura 1. Ejemplo sitio web de Abduzeedo 13
Figura 2. Esquema de transferencia de archivos 17
Figura 3. Modelo de desarrollo concurrente 19
Figura 4. Estructura de navegación en árbol20
Figura 5. Ejemplo de sitio web www.unipapel.es 20
Figura 6. Ejemplo de sitio web www.iberdrola.es 21
Figura 7. Ejemplo de sitio web www.acerinox.es 22
Figura 8. Mapa de navegación del sitio web 24
Figura 9. Wireframe Home Revisaviae Ltda. 24
Figura 10. Wireframe Inicio 25
Figura 11. Wireframe Novedades26
Figura 12. Wireframe Servicios 27
Figura 13. Wireframe Talleres 28
Figura 14. Wireframe Galería 29
Figura 15. Wireframe Contacto 30
GRÁFICOS ANEXOS
Pág.
Figura 16. Buscador Google Revisaviae Ltda. 60
Figura 17. Cliente FTP Filezilla 60
Figura 18. Archivos fuente Revisaviae Ltda. 61Figura 19. Propuesta grafica Revisaviae Ltda. 61
Figura 20. Propuesta grafica definitiva Revisaviae Ltda. 62
INTRODUCCIÓN
La inclusión de nuevas tecnologías en la mayoría de los procesos y productos de los mercados del mundo, ha venido marcando la diferencia en el desarrollo social, cultural y económico de cada país. Por tal razón, a medida que transcurre el tiempo, lamayoría de investigadores e ingenieros, entre otros, se concientizan de la necesidad de incorporar mecanismos o herramientas de trabajo que no solo innoven, sino que ofrezcan al mercado productos de mejor calidad.
Ahora bien, uno de los productos que se alimenta con el uso de las nuevas tecnologías, es la producción de aplicaciones web. En efecto, cada día son más las aplicaciones web que...
Leer documento completo
Regístrate para leer el documento completo.