SlideShare una empresa de Scribd logo
1 de 13
Estudiante
Melissa Portocarrero Roman
Docente
Edison Herrera
Santiago De Cali Marzo 16 2018
WEB1.0
Era aquella que se caracteriza principalmente por ser unidireccional y
realizada sobre contenidos estáticos. La web 1.0 tenía un carácter
principalmente divulgativo, y empezaron a colgarse de internet
documentos e información principalmente cultural. Poco a poco las
empresas empezaron a tomar parte y las primeras webs de empresa
surgieron, con diseños muy pobres no había herramientas, ni tecnología,
ni conexión suficiente como para hacerlo mejor.
ELEMENTOS DE DISEÑO
◦ Algunos elementos de diseño típicos de un sitio Web 1.0 incluyen:
◦ Páginas estáticas en vez de dinámicas por el usuario que la visita3
◦ El uso de framesets o marcos.
◦ Extensiones propias del HTML como link y marque, etiquetas
introducidas durante la guerra de navegadores web.
◦ Libros de visitas en línea o guestbooks
◦ Botones GIF, casi siempre a una resolución típica de 88x31 pítoxeles en
tamaño promocionando navegadores web u otros productos.
EJEMPLO
◦ Esta pagina hace parte de la web 1.0 porque su contenido es estático,
hecho en código HTML y el usuario no puede interactuar en foros o en
chats. Es una página lineal donde el usuario se informa y listo. Aquí
todo el que visite tiene una acción pasiva.
WEB 2.0
◦ Sustentada bajo unas conexiones a internet evolucionadas (ya teníamos
ADSL), y mejores herramientas para desarrollar web, mejores servidores,
etc., la web 2.0, también denominada "la red social", llena Internet de
blogs, wikis, foros y finalmente, redes sociales. El objetivo de la web 2.0
es la compartición del conocimiento, es la web colaborativa y ha sido
uno de los atractivos principales para atraer a usuarios (basta ver los
usuarios de facebook que, hasta facebook, no tocaban un ordenador).
CARACTERISTICAS
◦ La web como plataforma global.
◦ Aprovechar la Inteligencia Colectiva.
◦ Gestión de Base de Datos como competencia básica.
◦ Fin del ciclo de actualizaciones de software.
◦ Modelos de programación ligera, fácil plantillado.
◦ Soft no limitado a un solo dispositivo.
◦ Experiencias enriquecedoras del usuario.
EJEMPLO
◦ Esta página es ejemplo de web 2.0 porque su contenido es hecho por
múltiples usuarios que están en constante interacción y están creando
contenidos para que otros se informen y creen sus propias opiniones.
Mi Sapce es una plataforma que crea conexiones directas (chatear) e
indirectas, donde se da un contenido y después el otra persona puede
verlo y opinar de el. Además es un lugar donde se pueden hacer
grupos sociales por un determinado tema o una canción.
WEB 2.0
◦ es la web semántica, la web de la nube, la web de las aplicaciones y la
web multidispositivo. Hoy en día ya no solamente utilizamos
ordenadores para conectarnos a Internet.
se presenta como una web inteligente (aunque creemos que para esto
aun falta bastante), y principalmente aprovecha la nube para prestar
servicios al usuario y eliminar su necesidad de disponer de sistemas
operativos.
Características
◦ Sin dudar la WEB 3.0 es la revolución de la tecnología informática ya
que es la evolución de la WEB 2.0
◦ Será totalmente personalizado.
◦ Pueden ser ejecutadas en cualquier dispositivo como las PC, teléfonos
móvil, entre otras.
◦ Serán mucho mas rápidas.
◦ Se podrán distribuir por medio de correo electrónico, redes sociales,
servicios de mensajerías, etc.
◦ Tendrán aspectos 3D en lo que son imágenes.
EJEMPLO
◦ Esta página es ejemplo de web 3.0 es “Buscador generalista que sugiere
en forma de nube de tags términos relacionados que pueden ayudar a
afinar tu búsqueda”. Es disponible para un dispositivo móvil y su
contenido es una constante interacción que personifica mis gustos y
me da la información que necesito.

Más contenido relacionado

La actualidad más candente

Web1.0 2.0 3.0 maya
Web1.0 2.0 3.0 mayaWeb1.0 2.0 3.0 maya
Web1.0 2.0 3.0 mayashesephsaaya
 
WEBs 1.0 - 2.0 - 3.0 - 4.0
WEBs 1.0 - 2.0 - 3.0 - 4.0WEBs 1.0 - 2.0 - 3.0 - 4.0
WEBs 1.0 - 2.0 - 3.0 - 4.0PabloFredes
 
Aplicación de la web pni b renda
Aplicación de la web   pni b rendaAplicación de la web   pni b renda
Aplicación de la web pni b rendaBrenda Reanda
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página webrociobetty
 
Pagina web, blog y microblog
Pagina web, blog y microblogPagina web, blog y microblog
Pagina web, blog y microblogLore Lorenita
 
Evolucion de la web desde 1.0 a la web 5.0
Evolucion de la web desde  1.0 a la web 5.0Evolucion de la web desde  1.0 a la web 5.0
Evolucion de la web desde 1.0 a la web 5.0silsillive
 
Diapositivas sobre la Web 1.0 y Web 2.0
Diapositivas sobre la Web 1.0 y Web 2.0 Diapositivas sobre la Web 1.0 y Web 2.0
Diapositivas sobre la Web 1.0 y Web 2.0 Gabi Luu
 
ventajas y desventajas de la web 1, 2,3,4
ventajas y desventajas de la web 1, 2,3,4ventajas y desventajas de la web 1, 2,3,4
ventajas y desventajas de la web 1, 2,3,4Alveiro's Castro
 
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y DesventajasWeb 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y DesventajasMaicolSalazar18
 

La actualidad más candente (17)

Obed 2397584-cuadro-comparativo
Obed 2397584-cuadro-comparativoObed 2397584-cuadro-comparativo
Obed 2397584-cuadro-comparativo
 
Web1.0 2.0 3.0 maya
Web1.0 2.0 3.0 mayaWeb1.0 2.0 3.0 maya
Web1.0 2.0 3.0 maya
 
Web 1
Web 1Web 1
Web 1
 
web 1.0, 2.0, y 3.0
web 1.0, 2.0, y 3.0web 1.0, 2.0, y 3.0
web 1.0, 2.0, y 3.0
 
WEBs 1.0 - 2.0 - 3.0 - 4.0
WEBs 1.0 - 2.0 - 3.0 - 4.0WEBs 1.0 - 2.0 - 3.0 - 4.0
WEBs 1.0 - 2.0 - 3.0 - 4.0
 
Aplicación de la web pni b renda
Aplicación de la web   pni b rendaAplicación de la web   pni b renda
Aplicación de la web pni b renda
 
La wed
La wedLa wed
La wed
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
 
Web 1
Web 1Web 1
Web 1
 
Pagina web, blog y microblog
Pagina web, blog y microblogPagina web, blog y microblog
Pagina web, blog y microblog
 
Evolucion de la web desde 1.0 a la web 5.0
Evolucion de la web desde  1.0 a la web 5.0Evolucion de la web desde  1.0 a la web 5.0
Evolucion de la web desde 1.0 a la web 5.0
 
Diapositivas sobre la Web 1.0 y Web 2.0
Diapositivas sobre la Web 1.0 y Web 2.0 Diapositivas sobre la Web 1.0 y Web 2.0
Diapositivas sobre la Web 1.0 y Web 2.0
 
ventajas y desventajas de la web 1, 2,3,4
ventajas y desventajas de la web 1, 2,3,4ventajas y desventajas de la web 1, 2,3,4
ventajas y desventajas de la web 1, 2,3,4
 
Webs 1.0-2.0-y-3.0
Webs 1.0-2.0-y-3.0Webs 1.0-2.0-y-3.0
Webs 1.0-2.0-y-3.0
 
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y DesventajasWeb 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
 
Diapositiva Web 1.0
Diapositiva Web 1.0Diapositiva Web 1.0
Diapositiva Web 1.0
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 

Similar a Melissa roman

Similar a Melissa roman (20)

Trabajo sobre las web nestor fabian torres cuero tecnica en sistemas
Trabajo sobre las web nestor fabian torres cuero tecnica en sistemasTrabajo sobre las web nestor fabian torres cuero tecnica en sistemas
Trabajo sobre las web nestor fabian torres cuero tecnica en sistemas
 
las web
las  web las  web
las web
 
Redes 1
Redes 1Redes 1
Redes 1
 
Redes 1
Redes 1Redes 1
Redes 1
 
Web
WebWeb
Web
 
Web
WebWeb
Web
 
principales caracteristicas de la web
principales caracteristicas de la web principales caracteristicas de la web
principales caracteristicas de la web
 
Web 1, 2,3,4,5.0 y deep web
Web 1, 2,3,4,5.0 y deep webWeb 1, 2,3,4,5.0 y deep web
Web 1, 2,3,4,5.0 y deep web
 
La web (1)
La web (1)La web (1)
La web (1)
 
Evolución de las web
Evolución de las webEvolución de las web
Evolución de las web
 
Trabajo sobre la evolucion de las Webs
Trabajo sobre la evolucion de las WebsTrabajo sobre la evolucion de las Webs
Trabajo sobre la evolucion de las Webs
 
Power Point sobre la evolución de la Web
Power Point sobre la evolución de la WebPower Point sobre la evolución de la Web
Power Point sobre la evolución de la Web
 
Evolución de la Web
Evolución de la WebEvolución de la Web
Evolución de la Web
 
cuadro comparativo sobre web 1.0, web 2.0, web 3.0
cuadro comparativo sobre web 1.0, web 2.0, web 3.0cuadro comparativo sobre web 1.0, web 2.0, web 3.0
cuadro comparativo sobre web 1.0, web 2.0, web 3.0
 
Web1.0 - Web 2.0 - Web 3.0
Web1.0 - Web 2.0 - Web 3.0Web1.0 - Web 2.0 - Web 3.0
Web1.0 - Web 2.0 - Web 3.0
 
IE San Juan Bautista de la Sallé
IE San Juan Bautista de la SalléIE San Juan Bautista de la Sallé
IE San Juan Bautista de la Sallé
 
La web 1.0 2.0 3.0
La web 1.0 2.0 3.0La web 1.0 2.0 3.0
La web 1.0 2.0 3.0
 
La web sena
La web senaLa web sena
La web sena
 
Web 1
Web 1Web 1
Web 1
 
Webs
WebsWebs
Webs
 

Último

NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMcespitiacardales
 

Último (10)

NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
 

Melissa roman

  • 1. Estudiante Melissa Portocarrero Roman Docente Edison Herrera Santiago De Cali Marzo 16 2018
  • 2. WEB1.0 Era aquella que se caracteriza principalmente por ser unidireccional y realizada sobre contenidos estáticos. La web 1.0 tenía un carácter principalmente divulgativo, y empezaron a colgarse de internet documentos e información principalmente cultural. Poco a poco las empresas empezaron a tomar parte y las primeras webs de empresa surgieron, con diseños muy pobres no había herramientas, ni tecnología, ni conexión suficiente como para hacerlo mejor.
  • 3. ELEMENTOS DE DISEÑO ◦ Algunos elementos de diseño típicos de un sitio Web 1.0 incluyen: ◦ Páginas estáticas en vez de dinámicas por el usuario que la visita3 ◦ El uso de framesets o marcos. ◦ Extensiones propias del HTML como link y marque, etiquetas introducidas durante la guerra de navegadores web. ◦ Libros de visitas en línea o guestbooks ◦ Botones GIF, casi siempre a una resolución típica de 88x31 pítoxeles en tamaño promocionando navegadores web u otros productos.
  • 5. ◦ Esta pagina hace parte de la web 1.0 porque su contenido es estático, hecho en código HTML y el usuario no puede interactuar en foros o en chats. Es una página lineal donde el usuario se informa y listo. Aquí todo el que visite tiene una acción pasiva.
  • 6. WEB 2.0 ◦ Sustentada bajo unas conexiones a internet evolucionadas (ya teníamos ADSL), y mejores herramientas para desarrollar web, mejores servidores, etc., la web 2.0, también denominada "la red social", llena Internet de blogs, wikis, foros y finalmente, redes sociales. El objetivo de la web 2.0 es la compartición del conocimiento, es la web colaborativa y ha sido uno de los atractivos principales para atraer a usuarios (basta ver los usuarios de facebook que, hasta facebook, no tocaban un ordenador).
  • 7. CARACTERISTICAS ◦ La web como plataforma global. ◦ Aprovechar la Inteligencia Colectiva. ◦ Gestión de Base de Datos como competencia básica. ◦ Fin del ciclo de actualizaciones de software. ◦ Modelos de programación ligera, fácil plantillado. ◦ Soft no limitado a un solo dispositivo. ◦ Experiencias enriquecedoras del usuario.
  • 9. ◦ Esta página es ejemplo de web 2.0 porque su contenido es hecho por múltiples usuarios que están en constante interacción y están creando contenidos para que otros se informen y creen sus propias opiniones. Mi Sapce es una plataforma que crea conexiones directas (chatear) e indirectas, donde se da un contenido y después el otra persona puede verlo y opinar de el. Además es un lugar donde se pueden hacer grupos sociales por un determinado tema o una canción.
  • 10. WEB 2.0 ◦ es la web semántica, la web de la nube, la web de las aplicaciones y la web multidispositivo. Hoy en día ya no solamente utilizamos ordenadores para conectarnos a Internet. se presenta como una web inteligente (aunque creemos que para esto aun falta bastante), y principalmente aprovecha la nube para prestar servicios al usuario y eliminar su necesidad de disponer de sistemas operativos.
  • 11. Características ◦ Sin dudar la WEB 3.0 es la revolución de la tecnología informática ya que es la evolución de la WEB 2.0 ◦ Será totalmente personalizado. ◦ Pueden ser ejecutadas en cualquier dispositivo como las PC, teléfonos móvil, entre otras. ◦ Serán mucho mas rápidas. ◦ Se podrán distribuir por medio de correo electrónico, redes sociales, servicios de mensajerías, etc. ◦ Tendrán aspectos 3D en lo que son imágenes.
  • 13. ◦ Esta página es ejemplo de web 3.0 es “Buscador generalista que sugiere en forma de nube de tags términos relacionados que pueden ayudar a afinar tu búsqueda”. Es disponible para un dispositivo móvil y su contenido es una constante interacción que personifica mis gustos y me da la información que necesito.