Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
 
 
 
<ul><li>Bases técnicas </li></ul><ul><li>Cómo se mide </li></ul><ul><li>Cómo se crea </li></ul><ul><li>Tecnologías </li></...
<ul><li>Qué es una página web </li></ul><ul><li>¿Qué es una extensión? </li></ul>
<ul><li>Qué es una página web </li></ul><ul><li>¿Qué es una extensión? </li></ul><ul><li>Dónde se guarda </li></ul><ul><li...
<ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript,  DHTML </li></ul><ul><li>AJAX </li></ul>Ejemplo Javascript http:/...
<ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript,  DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><...
<ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript,  DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><...
<ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript,  DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><...
<ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript,  DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><...
<ul><li>Gráficos: JPG, GIF </li></ul><ul><li>Gráficos vectoriales </li></ul><ul><li>Rich Media: mp3, Flash, Real Media, WM...
<ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>
<ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>
<ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>
<ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>
 
<ul><li>Portal </li></ul><ul><li>Sitio </li></ul><ul><li>Página web </li></ul><ul><li>Blog </li></ul><ul><li>Wiki </li></ul>
<ul><li>Portal </li></ul><ul><li>Sitio </li></ul><ul><li>Página web </li></ul><ul><li>Blog </li></ul><ul><li>Wiki </li></ul>
 
<ul><li>Pages View </li></ul><ul><li>Sesiones </li></ul><ul><li>Tiempo de permanencia </li></ul><ul><li>Herramientas para ...
 
<ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>
<ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>
<ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul><ul><li>Saludos  a  www.usando.info   (Gracias Juan Carlos Ca...
<ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>
<ul><li>Áreas profesionales </li></ul><ul><li>Perfiles </li></ul><ul><ul><li>Diseño </li></ul></ul><ul><ul><li>Informática...
 
<ul><li>“ Análisis, organización, disposición y estructuración de la información en espacios de información”  </li></ul>
<ul><li>“ Análisis, organización, disposición y estructuración de la información en espacios de información”  </li></ul>“ ...
<ul><li>“ Análisis, organización, disposición y estructuración de la información en espacios de información”  </li></ul>
 
<ul><li>WYSIWYG: Nvu, Kompozer, Dreamweaver </li></ul><ul><li>RIA: Flash, Ajax </li></ul><ul><li>Optimización: Fireworks, ...
<ul><li>La importancia del Browser correcto </li></ul><ul><li>Internet Explorar v/s Mozilla Firefox (los estándares) </li>...
<ul><li>CMS:  Content Management System </li></ul><ul><li>Joomla </li></ul><ul><li>Zope </li></ul><ul><li>Vignette </li></...
<ul><li>Qué necesito para usar un CMS </li></ul><ul><li>¿Dónde los obtengo? </li></ul><ul><li>¿Cuánto valen? </li></ul><ul...
 
<ul><li>¿Para qué lo quiero? </li></ul><ul><li>Contenido </li></ul><ul><li>Funcionalidades </li></ul><ul><li>Usabilidad </...
<ul><li>¿Para qué lo quiero? </li></ul><ul><li>Contenido </li></ul><ul><li>Funcionalidades </li></ul><ul><li>Usabilidad </...
<ul><li>Percepción </li></ul><ul><li>Peso y tiempo de descarga </li></ul><ul><li>&quot;La ceguera de los banners&quot; </l...
 
<ul><li>Web 2.0 </li></ul><ul><li>Web Social </li></ul><ul><li>Redes Sociales </li></ul><ul><li>Contenido Colaborativo </l...
<ul><li>Web 1.0 - Web 2.0 </li></ul><ul><li>Doble click  -   Google AdSense   </li></ul><ul><li>Kodak Gallery  -  Flickr <...
<ul><li>Web 1.0 - Web 2.0 </li></ul><ul><li>Doble click  -   Google AdSense   </li></ul><ul><li>Kodak Gallery  -  Flickr <...
<ul><li>Google (y Google Ranks) </li></ul><ul><li>Gmail </li></ul><ul><li>Blogs </li></ul><ul><li>Wikipedia </li></ul><ul>...
<ul><li>Google (y Google Ranks) </li></ul><ul><li>Gmail </li></ul><ul><li>Blogs </li></ul><ul><li>Wikipedia </li></ul><ul>...
<ul><li>Fotolog </li></ul><ul><li>Del.icio.us </li></ul><ul><li>Technorati </li></ul><ul><li>Podcaster </li></ul><ul><li>Y...
<ul><li>Acceso usuario + Gratuidad + Facilidad de uso + Mashup + API >> Madurez </li></ul><ul><li>Parrilla de medios 2.0 <...
<ul><li>Acceso usuario + Gratuidad + Facilidad de uso + Mashup + API >> Madurez </li></ul><ul><li>Parrilla de medios 2.0 <...
<ul><li>Estandarización </li></ul><ul><li>Inteligencia Colectiva </li></ul><ul><li>Beta constante </li></ul><ul><li>Segmen...
<ul><li>Página Web </li></ul><ul><li>Páginas dinámicas </li></ul><ul><li>Equipos de Trabajo </li></ul><ul><li>Arquitectura...
<ul><li>Para Chile está asignado el .cl </li></ul><ul><li>Si por alguna razón requiere usar el .com, .org o similares, sól...
<ul><li>Gracias </li></ul><ul><li>Consultas a </li></ul><ul><li>[email_address] </li></ul><ul><li>;- ) </li></ul>
Upcoming SlideShare
Loading in …5
×

El mundo de los sitios web

945 views

Published on

Internet, red 2.0, usabilidad, Arquitectura de la Información, estructura de un sitio web

Published in: Technology
  • Be the first to comment

El mundo de los sitios web

  1. 4. <ul><li>Bases técnicas </li></ul><ul><li>Cómo se mide </li></ul><ul><li>Cómo se crea </li></ul><ul><li>Tecnologías </li></ul><ul><li>Evaluaciones </li></ul><ul><li>Nuevas tendencias </li></ul>
  2. 5. <ul><li>Qué es una página web </li></ul><ul><li>¿Qué es una extensión? </li></ul>
  3. 6. <ul><li>Qué es una página web </li></ul><ul><li>¿Qué es una extensión? </li></ul><ul><li>Dónde se guarda </li></ul><ul><li>Cómo obtiene su propio sitio web </li></ul>
  4. 7. <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul>Ejemplo Javascript http://www.efectosjavascript.com/ Ejemplo CSS http://www.csszengarden.com Ejemplo Ajax http://www.gmail.com http://www.openstudio.fr/jquery-virtual-tour/
  5. 8. <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><ul><li>Ajax v/s Flash </li></ul>www.latercera.cl www.youtube.com
  6. 9. <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><ul><li>Ajax v/s Flash </li></ul>Ejemplo sin Ajax: http://www.subtel.cl/prontus_subtel/site/artic/20070212/pags/20070212182348.html
  7. 10. <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><ul><li>Ajax v/s Flash </li></ul><ul><li>RSS </li></ul>
  8. 11. <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><ul><li>Ajax v/s Flash </li></ul><ul><li>RSS </li></ul>
  9. 12. <ul><li>Gráficos: JPG, GIF </li></ul><ul><li>Gráficos vectoriales </li></ul><ul><li>Rich Media: mp3, Flash, Real Media, WMV </li></ul><ul><li>Un millón de conexiones “banda ancha” en Chile según Subtel </li></ul>
  10. 13. <ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>
  11. 14. <ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>
  12. 15. <ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>
  13. 16. <ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>
  14. 18. <ul><li>Portal </li></ul><ul><li>Sitio </li></ul><ul><li>Página web </li></ul><ul><li>Blog </li></ul><ul><li>Wiki </li></ul>
  15. 19. <ul><li>Portal </li></ul><ul><li>Sitio </li></ul><ul><li>Página web </li></ul><ul><li>Blog </li></ul><ul><li>Wiki </li></ul>
  16. 21. <ul><li>Pages View </li></ul><ul><li>Sesiones </li></ul><ul><li>Tiempo de permanencia </li></ul><ul><li>Herramientas para medir: Google Analytics </li></ul>
  17. 23. <ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>
  18. 24. <ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>
  19. 25. <ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul><ul><li>Saludos a www.usando.info (Gracias Juan Carlos Camus por su generosidad de siempre) </li></ul>
  20. 26. <ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>
  21. 27. <ul><li>Áreas profesionales </li></ul><ul><li>Perfiles </li></ul><ul><ul><li>Diseño </li></ul></ul><ul><ul><li>Informática </li></ul></ul><ul><ul><li>Contenido </li></ul></ul><ul><ul><li>Publicista </li></ul></ul>
  22. 29. <ul><li>“ Análisis, organización, disposición y estructuración de la información en espacios de información” </li></ul>
  23. 30. <ul><li>“ Análisis, organización, disposición y estructuración de la información en espacios de información” </li></ul>“ La Arquitectura de Información es la cola que mueve al perro”
  24. 31. <ul><li>“ Análisis, organización, disposición y estructuración de la información en espacios de información” </li></ul>
  25. 33. <ul><li>WYSIWYG: Nvu, Kompozer, Dreamweaver </li></ul><ul><li>RIA: Flash, Ajax </li></ul><ul><li>Optimización: Fireworks, Gimp, Photoshop </li></ul><ul><li>Bloc de notas </li></ul>
  26. 34. <ul><li>La importancia del Browser correcto </li></ul><ul><li>Internet Explorar v/s Mozilla Firefox (los estándares) </li></ul><ul><li>¿Cuál es la resolución correcta? </li></ul>
  27. 35. <ul><li>CMS: Content Management System </li></ul><ul><li>Joomla </li></ul><ul><li>Zope </li></ul><ul><li>Vignette </li></ul><ul><li>Php - Nuke </li></ul>
  28. 36. <ul><li>Qué necesito para usar un CMS </li></ul><ul><li>¿Dónde los obtengo? </li></ul><ul><li>¿Cuánto valen? </li></ul><ul><li>¿Tienen valor comercial? </li></ul><ul><li>Concepto de Open Source </li></ul>
  29. 38. <ul><li>¿Para qué lo quiero? </li></ul><ul><li>Contenido </li></ul><ul><li>Funcionalidades </li></ul><ul><li>Usabilidad </li></ul><ul><li>Testeo </li></ul>
  30. 39. <ul><li>¿Para qué lo quiero? </li></ul><ul><li>Contenido </li></ul><ul><li>Funcionalidades </li></ul><ul><li>Usabilidad </li></ul><ul><li>Testeo </li></ul>
  31. 40. <ul><li>Percepción </li></ul><ul><li>Peso y tiempo de descarga </li></ul><ul><li>&quot;La ceguera de los banners&quot; </li></ul>
  32. 42. <ul><li>Web 2.0 </li></ul><ul><li>Web Social </li></ul><ul><li>Redes Sociales </li></ul><ul><li>Contenido Colaborativo </li></ul><ul><li>Creative Commons </li></ul><ul><li>Long Tail </li></ul>
  33. 43. <ul><li>Web 1.0 - Web 2.0 </li></ul><ul><li>Doble click -  Google AdSense </li></ul><ul><li>Kodak Gallery - Flickr </li></ul><ul><li>Britannica Online – Wikipedia </li></ul><ul><li>Tags - Folksonomía </li></ul><ul><li>Especulación de nombres - SEO </li></ul>
  34. 44. <ul><li>Web 1.0 - Web 2.0 </li></ul><ul><li>Doble click -  Google AdSense </li></ul><ul><li>Kodak Gallery - Flickr </li></ul><ul><li>Britannica Online – Wikipedia </li></ul><ul><li>Tags - Folksonomía </li></ul><ul><li>Especulación de nombres - SEO </li></ul>
  35. 45. <ul><li>Google (y Google Ranks) </li></ul><ul><li>Gmail </li></ul><ul><li>Blogs </li></ul><ul><li>Wikipedia </li></ul><ul><li>Facebook </li></ul><ul><li>Twitter </li></ul><ul><li>Fotolog </li></ul><ul><li>Youtube </li></ul><ul><li>MySpace </li></ul>
  36. 46. <ul><li>Google (y Google Ranks) </li></ul><ul><li>Gmail </li></ul><ul><li>Blogs </li></ul><ul><li>Wikipedia </li></ul><ul><li>Facebook </li></ul><ul><li>Twitter </li></ul><ul><li>Fotolog </li></ul><ul><li>Youtube </li></ul><ul><li>MySpace </li></ul>
  37. 47. <ul><li>Fotolog </li></ul><ul><li>Del.icio.us </li></ul><ul><li>Technorati </li></ul><ul><li>Podcaster </li></ul><ul><li>Yahoo! Answers </li></ul><ul><li>Meebo </li></ul><ul><li>Facebook </li></ul>
  38. 48. <ul><li>Acceso usuario + Gratuidad + Facilidad de uso + Mashup + API >> Madurez </li></ul><ul><li>Parrilla de medios 2.0 </li></ul><ul><li>Democratización de la información </li></ul><ul><li>De consumidores a Productores </li></ul><ul><li>Boca a Boca: el poder de la comunidad </li></ul>
  39. 49. <ul><li>Acceso usuario + Gratuidad + Facilidad de uso + Mashup + API >> Madurez </li></ul><ul><li>Parrilla de medios 2.0 </li></ul><ul><li>Democratización de la información </li></ul><ul><li>De consumidores a Productores </li></ul><ul><li>Boca a Boca: el poder de la comunidad </li></ul><ul><li>Cuando Dell suprimió sus foros a clientes </li></ul>
  40. 50. <ul><li>Estandarización </li></ul><ul><li>Inteligencia Colectiva </li></ul><ul><li>Beta constante </li></ul><ul><li>Segmentación </li></ul><ul><li>Cambio de Poder </li></ul><ul><li>Long Tail </li></ul>
  41. 51. <ul><li>Página Web </li></ul><ul><li>Páginas dinámicas </li></ul><ul><li>Equipos de Trabajo </li></ul><ul><li>Arquitectura de la Información </li></ul><ul><li>Usabilidad </li></ul><ul><li>Web 2.0 e Inteligencia Colectiva </li></ul><ul><li>Cambio de Poder </li></ul>
  42. 52. <ul><li>Para Chile está asignado el .cl </li></ul><ul><li>Si por alguna razón requiere usar el .com, .org o similares, sólo tiene que acceder a sitios como Internic.com o Whois.com </li></ul>
  43. 53. <ul><li>Gracias </li></ul><ul><li>Consultas a </li></ul><ul><li>[email_address] </li></ul><ul><li>;- ) </li></ul>

×