SlideShare una empresa de Scribd logo
1 de 18
Nombre de la materia
Internet I: la red como espacio de comunicación.
Nombre de la Licenciatura
Comunicación Digital.
Nombre del alumno
Juanny Juliana Fernández Peralta.
Matrícula
000014975
Nombre de la Tarea
Presentación de WEB 2.0 y HTML5.
Unidad # 3 y 4
Arquitectura de la información para un sitio Web
. Lenguajes: HTML 5, CSS 3 e introducción a Javascript
Nombre del Profesor
Francisco Gutiérrez Rosales
Fecha
Lunes 3 de octubre de 2016.
La WEB 2.0 es una plataforma que permite interactuar con usuarios a través de sus
herramientas de comunicación como son las redes sociales, el cual gracias al internet tiene
aplicaciones y programas para realizar trabajos profesionales, editar música, crear foros de
debate sobre un tema por medio de la creación de un foro de discusión, conocido como
Blogs, gracias a estas herramientas los usuarios interactúan con otros usuarios.
El HTML5 es una herramienta que ha venido a revolucionar el internet ya que sus funciones se
basan en la creación de multimedia, es decir, en videos, audios, imágenes y fotografías ya que
por medio de diversas aplicaciones se pueden manipular para ser una pagina mas
revolucionaria para los usuarios.
WEB 2.0 son servicios de Internet que se sustentan en una base de datos, la cual puede
ser modificada por los usuarios del servicio, ya sea en su contenido añadiendo,
cambiando o borrando información o asociando datos a la información existente, la web
está orientado a la interacción y redes sociales, que pueden servir contenido creando
webs interactivas y visuales.
• Compartir información
• Subir archivos a la red
• Escribir (colaborar en la producción de
contenidos por medio de wikis, blogs y
otras herramientas).
• Reescribir la información (editar).
• Escuchar y hablar (participar en video o
teleconferencias por medio de
herramientas como: Skype, YouTube
entre otras).
• Ofimática
• Publicación de Fotografía
• Vídeo bajo demanda
Marcado Social
• Escritorios virtuales
• Envió de archivos
• Edición de vídeos
• Edición de imagen
• Enciclopedias
• Creación de álbumes
• Diagramas
• Blogs.
• Wikis.
• Gestores CMS
• Plataforma de elearning.
• Podcasts.
• Google Maps.
• Presentaciones.
• Marcadores sociales.
• La ofimática 2.0 es el servicio online
que permite editar un texto, una hoja
de cálculo o una presentación, sus son
la edición compartida de documentos,
la publicación abierta de documentos
en Internet y una robusta integración
con el correo electrónico.
• Plataformas para almacenar, publicar,
compartir y editar fotografías digitales.
Las más común es: Photoshop, Flickr
y picasa
• Recurso que permite subir videos para
hacerlos públicos, servicios de edición,
organización y búsqueda de materiales
multimedia (audio y video), recursos
para compartir y distribuir sus videos
en otras aplicaciones de Internet.
• Es un sitio Web que recopila
cronológicamente textos o artículos de
uno o varios autores, apareciendo
primero el más reciente, donde el
autor conserva siempre la libertad de
dejar publicado lo que crea pertinente.
• Un Wiki es una página Web o un
conjunto de páginas Web que
cualquier persona a quién se le permita
el acceso puede editar fácilmente
desde cualquier lugar.
• Un Podcast es una grabadora digital
de voz, un archivo de Audio en
formato MP3 que se pueda reproducir
tanto en un PC como en una amplia
gama de aparatos portátiles que
acepten este formato (iPod, teléfonos
celulares, equipos de sonido,
memorias USB, etc).
• Estas herramientas ayudan a
simplificar la elaboración, publicación y
distribución de las presentaciones
estilo Power Point o SlideShare.. Son
fáciles de usar y en su gran mayoría
gratuitas. Se convierten en un recurso
de gran utilidad para el entorno
educativo y laboral.
• Son administradores de favoritos
creados para almacenar, etiquetar,
organizar y compartir, colectivamente,
los links de la Red sitios web, blogs,
documentos, música, libros, imágenes,
podcasts, videos.
• HTML5 es un lenguaje markup (de hecho, las siglas de HTML significan Hyper Text
Markup Language) usado para estructurar y presentar el contenido para la web. Es
uno de los aspectos fundamentales para el funcionamiento de los sitios.
• Una de las más importantes novedades está relacionada con la inserción de
multimedia en los sitios web, que ahora contarán con etiquetas HTML especiales
para poder ser incluidos. Por otro lado, algunos aspectos de diseño también son
incluidos en el lenguaje, así como también algunos detalles de navegación. Veremos
todo esto en algunas líneas.
• Canvas permite realizar gráficos de
todo tipo, desde una línea recta hasta
juegos interactivos, también permite
manipular imágenes para cambiarles
el tono, buscar bordes, aplicaciones
de visión artificial.
• Muchos videos de YouTube se
reproducen con HTML5 en
navegadores compatibles. Puedes
solicitar usar el reproductor HTML5 si
tu navegador no lo usa de manera
predeterminada.
REPRODUCTOR DE AUDIO
• El reproductor de música html
responsivo de Cincopa con opción de
lista de reproducción asegura que su
audiencia cuente con dos beneficios
significativos; los visitantes pueden
escuchar los archivos de audio desde
cualquier dispositivo o pantalla en uso
y tendrán la capacidad de navegar
entre múltiples pistas para elegir
cuáles desplegar.
NUEVA DOCTYPE
• Olvídese del viejo tipo de documento
complejo. Nueva DOCTYPE
declaración en HTML5 es simple, fácil
de recordar. Los navegadores que no
entienden este tipo de documento
simplemente hacen que muestre el
contenido en el modo estándar
• Todos los elementos del estandar HTML5 están listados aquí, descritos por su
etiqueta de apertura y agrupados por su función. Contrariamente al indice de
elementos HTML el cual lista todas las posibles etiquetas, estandar, no-estandar,
válidas, obsoletas o aquellas en desuso, esta lista solamente los elementos válidos
de HTML5. Solamente aquellos elementos listados aquí son los que deberían ser
usados en nuevos sitios Web.
• Elemento raíz
• Metadatos del documento
• Scripting
• Secciones
• Agrupación de Contenido
• Semántica a nivel de Texto
• Ediciones
• Contenido incrustado
• Datos tabulares
• Formularios
• Elementos interactivos
COCLUSIÓN.
La WEB 2.0 y el HTML5 son de las nuevas tecnologías que permiten interactuar con
otras personas por medio de sus aplicaciones como son las redes sociales y en como
gracias al internet podemos diseñar, crear, editar y elaborar paginas web, redes sociales e
inclusive elaborar un blog para comunicarnos con mas personas que se encuentran en
otras partes del país.
También podemos crear podcats sobre temas que queremos compartir con mas usuarios,
así como escuchar música y videos de nuestros artistas favoritas gracias alas nuevas
tecnologías de comunicación.
BIBLIOGRAFÎA.
Lloret & Canet. (2008). Nuevos escenarios, nuevas formas de expresión narrativa: La Web 2.0 y el lenguaje audiovisual. 2016, de
Hipertext,net Sitio web: https://www.upf.edu/hipertextnet/numero-6/lenguaje-audiovisual.html
Perramientas sociales, herramientas comunicativas (Marquina, 2011). En las diapositivas 6-189 encontrarás información de todos los
tipos de herramientas de comunicación en la Web 2.0.
Video
El rol docente conversatorio (Universidad EAFIT, 2010). Video que muestra en qué consiste la comunicación sincrónica y
asincrónica.
Internet de las cosas (IBM España, 2010). Video que muestra cómo el Internet se ha ido mezclando con nuestras vidas a tal manera
que dependemos de él para poder estar actualizados y comunicados.

Más contenido relacionado

La actualidad más candente

Web 2.0: Blogs, Wikis y Podcasts
Web 2.0: Blogs, Wikis y PodcastsWeb 2.0: Blogs, Wikis y Podcasts
Web 2.0: Blogs, Wikis y PodcastsJoan-Tomas Pujola
 
Redes sociales A1 U3
Redes sociales A1 U3Redes sociales A1 U3
Redes sociales A1 U3beto jimenez
 
Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos UFT
 
II encuentro nacional de pastoral juvenil vocacional
II encuentro nacional de pastoral juvenil vocacionalII encuentro nacional de pastoral juvenil vocacional
II encuentro nacional de pastoral juvenil vocacionalOblatos Provincia Bogotá
 
Términos relacionados con la Comunicación Interactiva
 Términos relacionados con la Comunicación Interactiva Términos relacionados con la Comunicación Interactiva
Términos relacionados con la Comunicación InteractivaabrahamArturo8
 
Diapositivas comunicacion interactiva final
Diapositivas comunicacion interactiva finalDiapositivas comunicacion interactiva final
Diapositivas comunicacion interactiva finalellenesperanza
 
Internet, Web y Firefox el navegador para todos
Internet, Web y Firefox el navegador para todosInternet, Web y Firefox el navegador para todos
Internet, Web y Firefox el navegador para todosJuan Eladio Sánchez Rosas
 

La actualidad más candente (16)

JOSELUIS MORENO
JOSELUIS MORENO JOSELUIS MORENO
JOSELUIS MORENO
 
Web 2.0: Blogs, Wikis y Podcasts
Web 2.0: Blogs, Wikis y PodcastsWeb 2.0: Blogs, Wikis y Podcasts
Web 2.0: Blogs, Wikis y Podcasts
 
Tec
TecTec
Tec
 
Redes sociales A1 U3
Redes sociales A1 U3Redes sociales A1 U3
Redes sociales A1 U3
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informatica
 
Las nuevas tecnologias de la informacion
Las nuevas tecnologias de la informacionLas nuevas tecnologias de la informacion
Las nuevas tecnologias de la informacion
 
Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos
 
II encuentro nacional de pastoral juvenil vocacional
II encuentro nacional de pastoral juvenil vocacionalII encuentro nacional de pastoral juvenil vocacional
II encuentro nacional de pastoral juvenil vocacional
 
Web 3.0
Web 3.0Web 3.0
Web 3.0
 
Entornos digitales de enseñanza
Entornos digitales de enseñanza Entornos digitales de enseñanza
Entornos digitales de enseñanza
 
Términos relacionados con la Comunicación Interactiva
 Términos relacionados con la Comunicación Interactiva Términos relacionados con la Comunicación Interactiva
Términos relacionados con la Comunicación Interactiva
 
tp 5
tp 5tp 5
tp 5
 
Diapositivas comunicacion interactiva final
Diapositivas comunicacion interactiva finalDiapositivas comunicacion interactiva final
Diapositivas comunicacion interactiva final
 
Internet, Web y Firefox el navegador para todos
Internet, Web y Firefox el navegador para todosInternet, Web y Firefox el navegador para todos
Internet, Web y Firefox el navegador para todos
 
Web 2 y nube
Web 2 y nube Web 2 y nube
Web 2 y nube
 
La Web 2.0 y nube
La Web 2.0 y nubeLa Web 2.0 y nube
La Web 2.0 y nube
 

Destacado

Destacado (12)

sistemas administrativos ing. luis mexia
sistemas administrativos ing. luis mexiasistemas administrativos ing. luis mexia
sistemas administrativos ing. luis mexia
 
El conflicto
El conflictoEl conflicto
El conflicto
 
Diferencia entre pedagogía y andragogía1
Diferencia entre pedagogía y andragogía1Diferencia entre pedagogía y andragogía1
Diferencia entre pedagogía y andragogía1
 
Social media calovich
Social media calovichSocial media calovich
Social media calovich
 
CV - IGG
CV - IGGCV - IGG
CV - IGG
 
GQStreamGIF
GQStreamGIFGQStreamGIF
GQStreamGIF
 
RAVI
RAVIRAVI
RAVI
 
Trab projeto hidraulico
Trab projeto hidraulicoTrab projeto hidraulico
Trab projeto hidraulico
 
Social media Smith
Social media SmithSocial media Smith
Social media Smith
 
Social media ivy
Social media ivySocial media ivy
Social media ivy
 
Instrumen fix
Instrumen fixInstrumen fix
Instrumen fix
 
Plataforma educativa innovacion blackboard Fundacion Universitaria Los Libert...
Plataforma educativa innovacion blackboard Fundacion Universitaria Los Libert...Plataforma educativa innovacion blackboard Fundacion Universitaria Los Libert...
Plataforma educativa innovacion blackboard Fundacion Universitaria Los Libert...
 

Similar a Presentación Web 2.0 y HTML5

Herramientas web1.0 y 2.0 (DENNIS GARCES)
Herramientas web1.0 y 2.0 (DENNIS GARCES)Herramientas web1.0 y 2.0 (DENNIS GARCES)
Herramientas web1.0 y 2.0 (DENNIS GARCES)Dennis Garcés
 
La web 2.0 bonacina.s tuma guillermina
La web 2.0 bonacina.s tuma guillerminaLa web 2.0 bonacina.s tuma guillermina
La web 2.0 bonacina.s tuma guillerminagomlib
 
Presentación la Web 2.0 (UCLA)
Presentación la Web 2.0 (UCLA)Presentación la Web 2.0 (UCLA)
Presentación la Web 2.0 (UCLA)AntonioParadas
 
Web 2.0 jhean carlos piedrahita cabezas
Web 2.0 jhean carlos piedrahita cabezasWeb 2.0 jhean carlos piedrahita cabezas
Web 2.0 jhean carlos piedrahita cabezaspiedrahita12
 
Trabajo final informatica
Trabajo final informaticaTrabajo final informatica
Trabajo final informaticajosetjitt
 
Herramientas web 2.0.
Herramientas web 2.0.Herramientas web 2.0.
Herramientas web 2.0.GINNAPAOLA18
 
Ejemplos de uso de herramientas de la web social en bibliotecas
Ejemplos de uso de herramientas de la web social en bibliotecasEjemplos de uso de herramientas de la web social en bibliotecas
Ejemplos de uso de herramientas de la web social en bibliotecasNieves Gonzalez
 
Web y sus derivadas
Web y sus derivadasWeb y sus derivadas
Web y sus derivadasajd1989
 
Web y sus derivadas
Web  y sus derivadasWeb  y sus derivadas
Web y sus derivadasajd1989
 

Similar a Presentación Web 2.0 y HTML5 (20)

Herramientas web1.0 y 2.0 (DENNIS GARCES)
Herramientas web1.0 y 2.0 (DENNIS GARCES)Herramientas web1.0 y 2.0 (DENNIS GARCES)
Herramientas web1.0 y 2.0 (DENNIS GARCES)
 
Web 2.0pptx
Web 2.0pptxWeb 2.0pptx
Web 2.0pptx
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Slidshare
SlidshareSlidshare
Slidshare
 
La web 2.0 bonacina.s tuma guillermina
La web 2.0 bonacina.s tuma guillerminaLa web 2.0 bonacina.s tuma guillermina
La web 2.0 bonacina.s tuma guillermina
 
Web2.0
Web2.0Web2.0
Web2.0
 
Presentacion web 2
Presentacion web 2Presentacion web 2
Presentacion web 2
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Presentación la Web 2.0 (UCLA)
Presentación la Web 2.0 (UCLA)Presentación la Web 2.0 (UCLA)
Presentación la Web 2.0 (UCLA)
 
Web 2.0 jhean carlos piedrahita cabezas
Web 2.0 jhean carlos piedrahita cabezasWeb 2.0 jhean carlos piedrahita cabezas
Web 2.0 jhean carlos piedrahita cabezas
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Trabajo final informatica
Trabajo final informaticaTrabajo final informatica
Trabajo final informatica
 
Wed 2.0
Wed 2.0Wed 2.0
Wed 2.0
 
La web 2.0
La web 2.0La web 2.0
La web 2.0
 
Herramientas web 2.0.
Herramientas web 2.0.Herramientas web 2.0.
Herramientas web 2.0.
 
tipos de web
tipos de webtipos de web
tipos de web
 
Ejemplos de uso de herramientas de la web social en bibliotecas
Ejemplos de uso de herramientas de la web social en bibliotecasEjemplos de uso de herramientas de la web social en bibliotecas
Ejemplos de uso de herramientas de la web social en bibliotecas
 
Web y sus derivadas
Web y sus derivadasWeb y sus derivadas
Web y sus derivadas
 
Web y sus derivadas
Web  y sus derivadasWeb  y sus derivadas
Web y sus derivadas
 
Ingrid Rodriguez
Ingrid RodriguezIngrid Rodriguez
Ingrid Rodriguez
 

Último

FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Baker Publishing Company
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 

Último (20)

FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 

Presentación Web 2.0 y HTML5

  • 1. Nombre de la materia Internet I: la red como espacio de comunicación. Nombre de la Licenciatura Comunicación Digital. Nombre del alumno Juanny Juliana Fernández Peralta. Matrícula 000014975 Nombre de la Tarea Presentación de WEB 2.0 y HTML5. Unidad # 3 y 4 Arquitectura de la información para un sitio Web . Lenguajes: HTML 5, CSS 3 e introducción a Javascript Nombre del Profesor Francisco Gutiérrez Rosales Fecha Lunes 3 de octubre de 2016.
  • 2. La WEB 2.0 es una plataforma que permite interactuar con usuarios a través de sus herramientas de comunicación como son las redes sociales, el cual gracias al internet tiene aplicaciones y programas para realizar trabajos profesionales, editar música, crear foros de debate sobre un tema por medio de la creación de un foro de discusión, conocido como Blogs, gracias a estas herramientas los usuarios interactúan con otros usuarios. El HTML5 es una herramienta que ha venido a revolucionar el internet ya que sus funciones se basan en la creación de multimedia, es decir, en videos, audios, imágenes y fotografías ya que por medio de diversas aplicaciones se pueden manipular para ser una pagina mas revolucionaria para los usuarios.
  • 3.
  • 4. WEB 2.0 son servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido añadiendo, cambiando o borrando información o asociando datos a la información existente, la web está orientado a la interacción y redes sociales, que pueden servir contenido creando webs interactivas y visuales.
  • 5. • Compartir información • Subir archivos a la red • Escribir (colaborar en la producción de contenidos por medio de wikis, blogs y otras herramientas). • Reescribir la información (editar). • Escuchar y hablar (participar en video o teleconferencias por medio de herramientas como: Skype, YouTube entre otras).
  • 6. • Ofimática • Publicación de Fotografía • Vídeo bajo demanda Marcado Social • Escritorios virtuales • Envió de archivos • Edición de vídeos • Edición de imagen • Enciclopedias • Creación de álbumes • Diagramas • Blogs.
  • 7. • Wikis. • Gestores CMS • Plataforma de elearning. • Podcasts. • Google Maps. • Presentaciones. • Marcadores sociales.
  • 8. • La ofimática 2.0 es el servicio online que permite editar un texto, una hoja de cálculo o una presentación, sus son la edición compartida de documentos, la publicación abierta de documentos en Internet y una robusta integración con el correo electrónico. • Plataformas para almacenar, publicar, compartir y editar fotografías digitales. Las más común es: Photoshop, Flickr y picasa
  • 9. • Recurso que permite subir videos para hacerlos públicos, servicios de edición, organización y búsqueda de materiales multimedia (audio y video), recursos para compartir y distribuir sus videos en otras aplicaciones de Internet. • Es un sitio Web que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente.
  • 10. • Un Wiki es una página Web o un conjunto de páginas Web que cualquier persona a quién se le permita el acceso puede editar fácilmente desde cualquier lugar. • Un Podcast es una grabadora digital de voz, un archivo de Audio en formato MP3 que se pueda reproducir tanto en un PC como en una amplia gama de aparatos portátiles que acepten este formato (iPod, teléfonos celulares, equipos de sonido, memorias USB, etc).
  • 11. • Estas herramientas ayudan a simplificar la elaboración, publicación y distribución de las presentaciones estilo Power Point o SlideShare.. Son fáciles de usar y en su gran mayoría gratuitas. Se convierten en un recurso de gran utilidad para el entorno educativo y laboral. • Son administradores de favoritos creados para almacenar, etiquetar, organizar y compartir, colectivamente, los links de la Red sitios web, blogs, documentos, música, libros, imágenes, podcasts, videos.
  • 12.
  • 13. • HTML5 es un lenguaje markup (de hecho, las siglas de HTML significan Hyper Text Markup Language) usado para estructurar y presentar el contenido para la web. Es uno de los aspectos fundamentales para el funcionamiento de los sitios. • Una de las más importantes novedades está relacionada con la inserción de multimedia en los sitios web, que ahora contarán con etiquetas HTML especiales para poder ser incluidos. Por otro lado, algunos aspectos de diseño también son incluidos en el lenguaje, así como también algunos detalles de navegación. Veremos todo esto en algunas líneas.
  • 14. • Canvas permite realizar gráficos de todo tipo, desde una línea recta hasta juegos interactivos, también permite manipular imágenes para cambiarles el tono, buscar bordes, aplicaciones de visión artificial. • Muchos videos de YouTube se reproducen con HTML5 en navegadores compatibles. Puedes solicitar usar el reproductor HTML5 si tu navegador no lo usa de manera predeterminada.
  • 15. REPRODUCTOR DE AUDIO • El reproductor de música html responsivo de Cincopa con opción de lista de reproducción asegura que su audiencia cuente con dos beneficios significativos; los visitantes pueden escuchar los archivos de audio desde cualquier dispositivo o pantalla en uso y tendrán la capacidad de navegar entre múltiples pistas para elegir cuáles desplegar. NUEVA DOCTYPE • Olvídese del viejo tipo de documento complejo. Nueva DOCTYPE declaración en HTML5 es simple, fácil de recordar. Los navegadores que no entienden este tipo de documento simplemente hacen que muestre el contenido en el modo estándar
  • 16. • Todos los elementos del estandar HTML5 están listados aquí, descritos por su etiqueta de apertura y agrupados por su función. Contrariamente al indice de elementos HTML el cual lista todas las posibles etiquetas, estandar, no-estandar, válidas, obsoletas o aquellas en desuso, esta lista solamente los elementos válidos de HTML5. Solamente aquellos elementos listados aquí son los que deberían ser usados en nuevos sitios Web. • Elemento raíz • Metadatos del documento • Scripting • Secciones • Agrupación de Contenido • Semántica a nivel de Texto • Ediciones • Contenido incrustado • Datos tabulares • Formularios • Elementos interactivos
  • 17. COCLUSIÓN. La WEB 2.0 y el HTML5 son de las nuevas tecnologías que permiten interactuar con otras personas por medio de sus aplicaciones como son las redes sociales y en como gracias al internet podemos diseñar, crear, editar y elaborar paginas web, redes sociales e inclusive elaborar un blog para comunicarnos con mas personas que se encuentran en otras partes del país. También podemos crear podcats sobre temas que queremos compartir con mas usuarios, así como escuchar música y videos de nuestros artistas favoritas gracias alas nuevas tecnologías de comunicación.
  • 18. BIBLIOGRAFÎA. Lloret & Canet. (2008). Nuevos escenarios, nuevas formas de expresión narrativa: La Web 2.0 y el lenguaje audiovisual. 2016, de Hipertext,net Sitio web: https://www.upf.edu/hipertextnet/numero-6/lenguaje-audiovisual.html Perramientas sociales, herramientas comunicativas (Marquina, 2011). En las diapositivas 6-189 encontrarás información de todos los tipos de herramientas de comunicación en la Web 2.0. Video El rol docente conversatorio (Universidad EAFIT, 2010). Video que muestra en qué consiste la comunicación sincrónica y asincrónica. Internet de las cosas (IBM España, 2010). Video que muestra cómo el Internet se ha ido mezclando con nuestras vidas a tal manera que dependemos de él para poder estar actualizados y comunicados.