Buenas prácticas para el desarrollo Web
14
Alain Alejo Huarachi Puno, 19 de diciembre del 2009 Buenas prácticas para Buenas prácticas para el Desarrollo Web el Desarrollo Web
-
Upload
gueste60889d -
Category
Technology
-
view
3.872 -
download
4
description
Slides de la desconferencia "buenas prácticas para el desarrollo Web" presentada en el II Barcamp Puno Perú
Transcript of Buenas prácticas para el desarrollo Web
Alain Alejo Huarachi
Puno, 19 de diciembre del 2009
Buenas prácticas para Buenas prácticas para el Desarrollo Webel Desarrollo Web
ResumenResumen
• Introducción• Diseño• Maquetación• MVC• AJAX• JS no obstructivo• SEO• Herramientas de soporte
IntroducciónIntroducción
<html>
DiseñoDiseño
DiseñoDiseño
• Diseños para inspirarse• Wireframes, Mockups• Recursos
– Iconos– Fotos– Dibujos– Patrones– Colores / Degrades
• Plantillas o Templates– PSD– HTML/CSS– Para CMS
MaquetaciónMaquetación
MaquetaciónMaquetación
• Formato de imágenes (JPG, GIF ó PNG)
• CSS Sprites• Estándar HTML• Navegadores• Cheat Sheets
Modelo Vista Controlador Modelo Vista Controlador (MVC)(MVC)
• Uso de Frameworks– Ruby on Rails– CodeIgniter– Kohana
AJAXAJAX
Javascript no obstructivoJavascript no obstructivo
• JQuery• Mootools
Search Engine Optimization Search Engine Optimization (SEO)(SEO)
• Título y descripción de la página• HTML semántico
– h1, h2, h3, em, strong, a, img
• Ojo con Javascript y Flash• URLs amigables
– sitioweb.com/articulo/tecnicas-seo/– sitioweb.com/?articulo_id=1542 x
• Sitemaps
Herramientas de soporteHerramientas de soporte
• Google Analytics• Google Webmaster Tools
ReferenciasReferencias
• www.maestrosdelweb.com• www.smashingmagazine.com• El blog para webmasters
