Desarrollo Web - Conocimiento Básico
-
Upload
lideratuscom -
Category
Internet
-
view
308 -
download
4
description
Transcript of Desarrollo Web - Conocimiento Básico
![Page 1: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/1.jpg)
Desarrollo web Conocimiento básicopor Tony López http://lopezpagan.com
![Page 2: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/2.jpg)
Ciclo de Vida del Desarrollo Web
![Page 3: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/3.jpg)
Convertir PSD a HTML
• Crear la estructura física de los documentos
• Crear la estructura en HTML de cada una de las páginas
• Exportar las imágenes • Montar todo dentro de la
estructura de HTML
![Page 4: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/4.jpg)
Darle estilo al HTML • Colores, tipografía, tamaños,
etc. • Crear botones, menús y
módulos según el UI provisto.
![Page 5: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/5.jpg)
Darle funcionalidad • Javascript, jQuery, etc. • Validación, formularios,
fechas, calculadoras, etc. • Hacer llamadas a distintos
API • Mensajes de respuesta
(alerta, error, etc.)
![Page 6: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/6.jpg)
Manejo de mensajes de respuesta
• Mensajes de error • Mensajes de alerta • Mensajes de estatus
![Page 7: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/7.jpg)
Conectarlo con su API
• Aplicaciones de Facebook • Tabs de Facebook • Facebook Connect • Cualquier plataforma de red
social (Twitter, Instagram, LinkedIn, Google+, etc.)
![Page 8: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/8.jpg)
Responsive Website • 4 versiones distintas
(mobile, tablet, Laptop 13” y pantalla grande)
• Necesita un proceso de adaptación
• El proceso anterior es para cada una de las plataformas y tamaños.
• Toda la programación corre en un mismo lugar.
![Page 9: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/9.jpg)
Lenguaje de Servidor • Es un lenguaje dinámico • Tiene la capacidad de
conectar y manipular la base de datos.
• Crear funciones de procesamiento de data.
• Crea y manejar objetos. • Capacidad de crear
imágenes. • Capacidad de enviar emails.
![Page 10: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/10.jpg)
Proceso de Pueba “Testing”
• Verficar con los distintos navegadores y equipos móbiles • IE 8-, IE 9+, Firefox, Chrome,
Safari • iPhone 4, iPhone 5, iPad
Mini, iPad, Android Phone y Tablet, etc.
• Verificar diseño y funcionalidad
• Verificar como se guarda la data
• Entre otras
![Page 11: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/11.jpg)
Integración de Analíticos
• Integrar el código • Etiquetar cada enlace • Cada sitio tiene un # distinto • Existen otros más
![Page 12: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/12.jpg)
Presentación
• Presentación interna • Presentación al cliente • Usuarios de prueba
![Page 13: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/13.jpg)
Optimización y Mejoras
• SEO • Posicionamiento • Keywords • Titulares y descripciones
![Page 14: Desarrollo Web - Conocimiento Básico](https://reader033.fdocuments.mx/reader033/viewer/2022052904/557b5840d8b42a78238b492e/html5/thumbnails/14.jpg)
¿PREGUNTAS?