html5-img
1 / 49

“ Herramientas para construcción y prueba de sitios Web ”

“ Herramientas para construcción y prueba de sitios Web ”. Rogelio Ferreira Escutia. Control de Versiones. 3. “GitHub", https://github.com/, noviembre 2013. 4. “Kenai", https://kenai.com/, noviembre 2013. Diseño de tipografía. 6. “TypeWonder", http://typewonder.com/show, noviembre 2013.

pules
Download Presentation

“ Herramientas para construcción y prueba de sitios Web ”

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. “Herramientas para construcción y prueba de sitios Web” Rogelio Ferreira Escutia

  2. Control de Versiones

  3. 3 “GitHub", https://github.com/, noviembre 2013

  4. 4 “Kenai", https://kenai.com/, noviembre 2013

  5. Diseño de tipografía

  6. 6 “TypeWonder", http://typewonder.com/show, noviembre 2013

  7. 7 “FontFonter", http://typewonder.com/show, noviembre 2013

  8. 8 “Webtype Font Swapper", http://www.webtype.com/tools/swapper/, noviembre 2013

  9. 9 “Web Fonts Preview", http://www.webfontspreview.com//, noviembre 2013

  10. Análisis de Código

  11. 11 Validar código HTML5 • El validador de la W3C nos permite evaluar si un sitio Web cumple con los estándares de HTML. “The W3C Markup Validation Service", http://validator.w3.org/, noviembre 2013 - .

  12. 12 “The W3C Markup Validation Service", http://validator.w3.org/, noviembre 2013 - .

  13. 13 Validar CSS3 • El validador de la W3C nos permite evaluar si un sitio Web cumple con los estándares de CSS3. “El servicio de validación de CSS del W3C", http://jigsaw.w3.org/css-validator/, noviembre 2013 - .

  14. 14 “El servicio de validación de CSS del W3C", http://jigsaw.w3.org/css-validator/, noviembre 2013 - .

  15. 15 “infohound", http://infohound.net/tidy/, noviembre 2013

  16. 16 “Firebug", https://addons.mozilla.org/es/firefox/addon/firebug/, noviembre 2013

  17. 17 “Firebug", https://addons.mozilla.org/es/firefox/addon/firebug/, noviembre 2013

  18. Análisis de Navegadores

  19. 19 Soporte de HMTL5 de un navegador • Con “html5test.com” podemos verificar el grado de soporte del navegador con respecto al estándar HTML5. “HTML5test", http://html5test.com/, noviembre 2013 - .

  20. 20 Soporte de HMTL5 (Chrome 31) “HTML5test", http://html5test.com/, noviembre 2013 - .

  21. 21 Previsualizar en diferentes navegadores “Browsershots", http://browsershots.org/, noviembre 2013

  22. 22 “Fishbowl", http://ie.microsoft.com/testdrive/Performance/FishBowl/, noviembre 2013

  23. 23 Soporte de WebGL • Por medio de esta página web podemos verificar si nuestro navegador soporta el estándar de WebGL. “Your browser supports WebGL", http://get.webgl.org/, noviembre 2013 - .

  24. 24 Soporte de WebGL “Your browser supports WebGL", http://get.webgl.org/, noviembre 2013 - .

  25. Análisis de Accesibilidad

  26. 26 Validar Accesibilidad • El validador nos permite evaluar si un sitio cumple con los estándares de Accesibilidad. “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013 - .

  27. 27 Validar Accesibilidad “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013 - .

  28. 28 Validar Accesibilidad “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013 - .

  29. Análisis de Navegabilidad

  30. 30 Análisis de Navegabilidad • Por medio de Lynx, se puede navegador en modo texto, sin CSS, ni fotos, ni videos, verificando la facilidad de navegación. “Lynx", http://lynx.browser.org/, noviembre 2013 - .

  31. 31 Análisis de Navegabilidad (Lynxlet) “Lynxlet", http://habilis.net/lynxlet/, noviembre 2013 - .

  32. Análisis de RWD

  33. 33 “RWD", http://jhanno.net/RWD/ejercicio002/c/, noviembre 2013

  34. 34 “Layoouit!", http://www.layoutit.com/build, noviembre 2013

  35. Análisis de Dispositivos Móviles

  36. 36 Validar Accesibilidad Móvil • El validador nos permite evaluar si un sitio cumple con los estándares de Accesibilidad. “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013 - .

  37. 37 Validar Accesibilidad Móvil “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013 - .

  38. 38 Validar Accesibilidad Móvil “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013 - .

  39. 39 “Screenfly", http://quirktools.com/screenfly/, noviembre 2013

  40. Análisis de Velocidad de carga/descarga

  41. 41 “Speedtest", http://www.speedtest.net/, noviembre 2013

  42. 42 “pingdom", http://tools.pingdom.com/fpt/, noviembre 2013

  43. 43 “Web Page Analyzer", http://websiteoptimization.com/services/analyze/, noviembre 2013

  44. Análisis de Ranking

  45. 45 “Alexa", http://www.alexa.com/siteinfo/xumarhu.net, noviembre 2013

  46. 46 “Load Impact", http://loadimpact.com/, noviembre 2013

  47. 47 “woorank", http://www.woorank.com/es/, noviembre 2013

  48. 48 “Google Analytics", http://www.google.com/analytics/features/index.html, noviembre 2013

  49. Rogelio Ferreira Escutia Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: rogeplus@gmail.com rogelio@itmorelia.edu.mx Página Web: http://antares.itmorelia.edu.mx/~kaos/ http://www.xumarhu.net/ Twitter: http://twitter.com/rogeplus Facebook: http://www.facebook.com/groups/xumarhu.net/

More Related