SlideShare una empresa de Scribd logo
1 de 53
 
 
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],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/
[object Object],[object Object],[object Object],[object Object],[object Object],www.latercera.cl www.youtube.com
[object Object],[object Object],[object Object],[object Object],[object Object],Ejemplo sin Ajax:  http://www.subtel.cl/prontus_subtel/site/artic/20070212/pags/20070212182348.html
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object]
[object Object],“ La Arquitectura de Información es  la cola que mueve  al perro”
[object Object]
 
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

Similar a El mundo de los sitios web

Introduccion a la Web 20
Introduccion a la Web 20Introduccion a la Web 20
Introduccion a la Web 20Rolando Romero
 
Posicionamiento Low Cost
Posicionamiento Low CostPosicionamiento Low Cost
Posicionamiento Low CostDaniel Bustos
 
Analisis seo
Analisis seoAnalisis seo
Analisis seodaysi
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007guest976d083
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front endDavid Hurtado
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007guestd24c393
 
Las diez estrategias para mejorar la presencia Online de tu negocio
Las diez estrategias para mejorar la presencia Online de tu negocioLas diez estrategias para mejorar la presencia Online de tu negocio
Las diez estrategias para mejorar la presencia Online de tu negocioSiteGround España
 
1ra Semana e-fiis: Google
1ra Semana e-fiis: Google1ra Semana e-fiis: Google
1ra Semana e-fiis: Googleisraelito1985
 
Apis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu webApis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu webDaniel Julià
 
¿Que es la Web 2.0?
¿Que es la Web 2.0?¿Que es la Web 2.0?
¿Que es la Web 2.0?infocorpgroup
 
Aplicaciones Web 2.0 con SL - 2008
Aplicaciones Web 2.0 con SL - 2008Aplicaciones Web 2.0 con SL - 2008
Aplicaciones Web 2.0 con SL - 2008Juan Carbajal
 
Web 2.0, W3C y Software Social
Web 2.0, W3C y Software SocialWeb 2.0, W3C y Software Social
Web 2.0, W3C y Software SocialJuan Quemada
 
Analisis seo.ppt2
Analisis seo.ppt2Analisis seo.ppt2
Analisis seo.ppt2Maribel_kar
 

Similar a El mundo de los sitios web (20)

Introduccion a la Web 20
Introduccion a la Web 20Introduccion a la Web 20
Introduccion a la Web 20
 
Posicionamiento Low Cost
Posicionamiento Low CostPosicionamiento Low Cost
Posicionamiento Low Cost
 
web 2.0
web 2.0web 2.0
web 2.0
 
Analisis seo
Analisis seoAnalisis seo
Analisis seo
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Drupal Workshop
Drupal WorkshopDrupal Workshop
Drupal Workshop
 
Las diez estrategias para mejorar la presencia Online de tu negocio
Las diez estrategias para mejorar la presencia Online de tu negocioLas diez estrategias para mejorar la presencia Online de tu negocio
Las diez estrategias para mejorar la presencia Online de tu negocio
 
Joomla Cms
Joomla CmsJoomla Cms
Joomla Cms
 
Diseño web
Diseño webDiseño web
Diseño web
 
1ra Semana e-fiis: Google
1ra Semana e-fiis: Google1ra Semana e-fiis: Google
1ra Semana e-fiis: Google
 
Apis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu webApis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Analisis seo
Analisis seoAnalisis seo
Analisis seo
 
¿Que es la Web 2.0?
¿Que es la Web 2.0?¿Que es la Web 2.0?
¿Que es la Web 2.0?
 
Qe Es Web 2.0
Qe Es Web 2.0Qe Es Web 2.0
Qe Es Web 2.0
 
Aplicaciones Web 2.0 con SL - 2008
Aplicaciones Web 2.0 con SL - 2008Aplicaciones Web 2.0 con SL - 2008
Aplicaciones Web 2.0 con SL - 2008
 
Web 2.0, W3C y Software Social
Web 2.0, W3C y Software SocialWeb 2.0, W3C y Software Social
Web 2.0, W3C y Software Social
 
Analisis seo.ppt2
Analisis seo.ppt2Analisis seo.ppt2
Analisis seo.ppt2
 

Último

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxlosdiosesmanzaneros
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilJuanGallardo438714
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 

Último (15)

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 

El mundo de los sitios web

  • 1.  
  • 2.  
  • 3.  
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.  
  • 18.
  • 19.
  • 20.  
  • 21.
  • 22.  
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.  
  • 29.
  • 30.
  • 31.
  • 32.  
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.  
  • 38.
  • 39.
  • 40.
  • 41.  
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.

Notas del editor

  1. El presente curso tiene que ver con la necesidad de que ustedes como empresa posean los elementos para actuar de interlocutor y facilitador entre un cliente que necesite un web site y la empresa que los construya. Cliente >> Ustedes << Diseñadores, ingeniería, etc…
  2. También de la web 2.0 y de qué es y qué no es
  3. www.babyway.cl
  4. Html Xhtml Qué son los estándares: World Wide Web Consortium www.w3.org/ Extensiones: cfm Php Asp Cfc (coldfusion) Jsp Nombre: Nic.cl Nic.com Whois Diseño: Power Point, Word, Bloc de notas, flash, Dreamweaver, Fireworks, Photoshop Subida: ftp Actulización ¿Evaluación?
  5. XM es una forma de guardar datos en un estándar.. No es una base de datos… Extensible Markup Language («lenguaje de marcas extensible») http://www.csszengarden.com/ AJAX , acrónimo de A synchronous J avaScript A nd X ML ( JavaScript asíncrono y XML ), http://www.openstudio.fr/jquery-virtual-tour/ Ojo: Javascript tiene muchas variantes y depende del navegador… por eso hay que ahcer pruebas en los principales: Internet Explorer 6 y 7, Firefox,
  6. Ajax ofrece muchas cosas interesantes, en primer lugar que no requiere descargar un programa... Oficialmente, al cumplir los estándares, es posible de asegurarse de que funcione en casi cualquier navegador… pero tiene dos peros: Los estándares no son tan estándares: implica que lo que funciona en un navegador en otro no funciona, o lo hace de manera diferente El desarrollo de muchas cosas son mucho más rápidas en Flash… Ejemplo de Ver Flash
  7. RSS permite es un estándar para compartir información Mostrarlo desde explorar, y ver cómo funciona en un lector RSS de google Y ver cómo funciona en facebook Y ver Facebook usa AJAX para, por ejemplo, cambiar la ubicación de las aplicaciones en el menú del lado izquierdo
  8. Este es un ejemplo del lector rss del Gmail
  9. Flash usa gráficos vectoriales Rich media es básicamente contenido web con Web pages que usen elementos multimediales… la presencia de banda ancha es cada vez más común… www.subtel.cl
  10. http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php
  11. http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php
  12. http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php
  13. http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php
  14. Don't Make Me Think: A Common Sense Approach to Web Usability (Steve Krug ) http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php Kim, el Project Manager Bob, el desarrollador
  15. Mostrar un ejemplo de una página hecha en Firewoks…
  16. http://vanus01.net/web/tal-vez-es-tiempo-de-pensar-en-1024/ Ver por ejemplo que aplicaciones como facebook reclaman si uno no tiene un Browser actualizado… El poder de manejar un estándar es que si tú eres el más poderoso, impones tu navegador… si lo impones puedes facilitar el mostrar cierta información y el acceso a cierto tipo de recursos…
  17. http://images.google.cl/imgres?imgurl=http://www.wikilearning.com/imagescc/10112/arquitectura.gif&imgrefurl=http://www.wikilearning.com/curso_gratis/una_web_es_mas_que_codigo-que_es_la_arquitectura_de_la_informacion/10112-8&h=302&w=301&sz=12&hl=es&start=2&um=1&tbnid=8dftPO3vEuTi4M:&tbnh=116&tbnw=116&prev=/images%3Fq%3Darquitectura%2Bde%2Bla%2Binformacion%26um%3D1%26hl%3Des%26client%3Dfirefox-a%26rls%3Dorg.mozilla:es-AR:official%26sa%3DX
  18. http://www.poynterextra.org/EYETRACK2004/index.htm http://www.poynterextra.org/EYETRACK2004/hp7.htm
  19. http://www.ainda.info/ceguera_banners.html
  20. Teoría de los dos pasos… Lazasfeld
  21. http://www.healthmap.org/es Mashup que mezcla google maps con información de salud OMS
  22. http://www.daemonquest.com/es/research_and_insight/2005/09/11/dell_suprime_sus_foros_de_clientes http://www.businessweek.com/technology/content/aug2005/tc20050825_2021.htm Del suprimió sus foros a clientes
  23. http://es.wikipedia.org/wiki/Larga_Cola Larga Cola De Wikipedia, la enciclopedia libre Saltar a navegación , búsqueda La frase La Larga Cola (como nombre propio escrito con mayúscula) fue acuñada por Chris Anderson en un artículo de la revista Wired de Octubre de 2004 para describir determinados tipos de negocios y modelos económicos tales como Amazon.com o Netflix . Lo hizo a partir de un texto publicado por Clay Shirky, uno de sus redactores. El término Larga Cola se utiliza normalmente en estadística en relación con distribuciones de riqueza o con el uso del vocabulario.