Post on 31-May-2015
description
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
¡GRACIAS y Feliz Navidad!
E-mail: alain@gruposistemas.comTwitter: @alaings