SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Facilitador: Marco Antonio Andrade

EL FUTURO DEL DESARROLLO
WEB.
RUTA DE APRENDIZAJE



                                 Nuevas
Antecedentes       Novedades     etiquetas




                    Videos sin   Nuevas
Formularios         Plugin       tecnologías
ANTECEDENTES

LENGUAJE DE MARCO DE HIPERTEXTO.
Es el lenguaje de la Web.
Creado para compartir texto científicos.
Describe semánticamente el texto.
Victima de la guerra de navegadores.
Ha sido retro- especificado muchas
  veces.
ANTECEDENTES

EL FUTURO PROMETIDO.

Mucho mas estricto.
Basado en XML.
Mucho mas dificil.
Demasiado bueno…
ANTECEDENTES

«La web como plataforma»
Aplicaciones web.
Cloud Computing.
Ajax.
Web Movil.
Browser Wars II
ANTECEDENTES

«El futuro, ahora si»
Web Applications 1.0
WHATWG.
   Web Hypertext Application Techonology
    Working Group.
   Apple, Mozilla, Opera.
   Lan Hickson (Google)
Retro- Especificacion.
NOVEDADES

Nuevas etiquetas semánticas.
Depreciación de las etiquetas viejas.
Soporte nativo multimedia.
Sintaxis mas simple.
Formularios mejorados.
Nuevas tecnologías.
ESTRUCTURA BÁSICA
              <!DOCTYPE HTML>
              <html lang=‘’es-ES’’>
                 <head>
                 <meta charset="utf-8">
                 <title>Documento sin título</title>
                 </head>

                 <body>
                     <!- - El contenido va aquí - ->

                 </body>
              </html>
Doctype
          <!DOCTYPE HTML>
          <html lang=‘’es-ES’’>
             <head>
             <meta charset="utf-8">
             <title>Documento sin título</title>
             </head>

             <body>
                 <!- - El contenido va aquí - ->

             </body>
          </html>

Weitere ähnliche Inhalte

Was ist angesagt?

sapere aude
sapere audesapere aude
sapere aude
kiotoo94
 
Angie y jordan 9 f
Angie y jordan 9 fAngie y jordan 9 f
Angie y jordan 9 f
angie013
 
Html5 Básico
Html5 BásicoHtml5 Básico
Html5 Básico
FEDIMON
 
Diapositivas Power Point Rp
Diapositivas Power Point RpDiapositivas Power Point Rp
Diapositivas Power Point Rp
guestffe5
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
Juan Gutierrez
 

Was ist angesagt? (19)

HTML
HTMLHTML
HTML
 
sapere aude
sapere audesapere aude
sapere aude
 
Angie y jordan 9 f
Angie y jordan 9 fAngie y jordan 9 f
Angie y jordan 9 f
 
Mongo Mapper
Mongo MapperMongo Mapper
Mongo Mapper
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Producto 3 FR
Producto 3 FRProducto 3 FR
Producto 3 FR
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
Html5 Básico
Html5 BásicoHtml5 Básico
Html5 Básico
 
Diapositivas Power Point Rp
Diapositivas Power Point RpDiapositivas Power Point Rp
Diapositivas Power Point Rp
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Actividad 2
Actividad 2Actividad 2
Actividad 2
 
Paginafgwwfgwegf
PaginafgwwfgwegfPaginafgwwfgwegf
Paginafgwwfgwegf
 
XHTML
XHTMLXHTML
XHTML
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 
Fundamentos de html
Fundamentos de htmlFundamentos de html
Fundamentos de html
 
Hipervínculos, videos y marcos en dreamweaver
Hipervínculos, videos y marcos en dreamweaverHipervínculos, videos y marcos en dreamweaver
Hipervínculos, videos y marcos en dreamweaver
 
Hacer una pagina web con HTML
Hacer una pagina web con HTMLHacer una pagina web con HTML
Hacer una pagina web con HTML
 

Andere mochten auch

Como se fai un xornal
Como se fai un xornalComo se fai un xornal
Como se fai un xornal
teixopp
 
Universidad de cuenca
Universidad de cuencaUniversidad de cuenca
Universidad de cuenca
diana
 
Guin de podcast bien
Guin de podcast bienGuin de podcast bien
Guin de podcast bien
Angel
 
Cambio Climatico
Cambio ClimaticoCambio Climatico
Cambio Climatico
mazarito
 

Andere mochten auch (20)

FIGURAS LITERARIAS
FIGURAS LITERARIASFIGURAS LITERARIAS
FIGURAS LITERARIAS
 
Como se fai un xornal
Como se fai un xornalComo se fai un xornal
Como se fai un xornal
 
Magosto
MagostoMagosto
Magosto
 
Grupo a
Grupo aGrupo a
Grupo a
 
Migración
Migración Migración
Migración
 
Ideas de Marketing 2.011 - Recopilación de post de Marketing 2.0
Ideas de Marketing 2.011 - Recopilación de post de Marketing 2.0Ideas de Marketing 2.011 - Recopilación de post de Marketing 2.0
Ideas de Marketing 2.011 - Recopilación de post de Marketing 2.0
 
El Evangelio en la vida cotidiana
El Evangelio en la vida cotidianaEl Evangelio en la vida cotidiana
El Evangelio en la vida cotidiana
 
Andreita
AndreitaAndreita
Andreita
 
Web o no_web,_esa_es_la questionc
Web o no_web,_esa_es_la questioncWeb o no_web,_esa_es_la questionc
Web o no_web,_esa_es_la questionc
 
Módulo 4. melina
Módulo 4. melinaMódulo 4. melina
Módulo 4. melina
 
Universidad de cuenca
Universidad de cuencaUniversidad de cuenca
Universidad de cuenca
 
Gardner
GardnerGardner
Gardner
 
Vicky form
Vicky formVicky form
Vicky form
 
Guin de podcast bien
Guin de podcast bienGuin de podcast bien
Guin de podcast bien
 
Cambio Climatico
Cambio ClimaticoCambio Climatico
Cambio Climatico
 
Recorrido por ciria
Recorrido por ciriaRecorrido por ciria
Recorrido por ciria
 
Ampliaciones
AmpliacionesAmpliaciones
Ampliaciones
 
Utilidad publica gestiones
Utilidad publica gestionesUtilidad publica gestiones
Utilidad publica gestiones
 
Libro fotográfico de la beatificación de Álvaro del Portillo
Libro fotográfico de la beatificación de Álvaro del PortilloLibro fotográfico de la beatificación de Álvaro del Portillo
Libro fotográfico de la beatificación de Álvaro del Portillo
 
Curso acompañamiento
Curso acompañamientoCurso acompañamiento
Curso acompañamiento
 

Ähnlich wie Html5

Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5
joycesita
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
Mariscalino2012
 

Ähnlich wie Html5 (20)

1.6.2. Lenguajes de Programación - Unidad 2
1.6.2. Lenguajes de Programación - Unidad 21.6.2. Lenguajes de Programación - Unidad 2
1.6.2. Lenguajes de Programación - Unidad 2
 
HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?
 
html5
html5html5
html5
 
Conceptos Básicos HTML
Conceptos Básicos HTMLConceptos Básicos HTML
Conceptos Básicos HTML
 
HTML 5 para SEO
HTML 5 para SEOHTML 5 para SEO
HTML 5 para SEO
 
Semana 2 Arquitectura web y HTML 5
Semana 2   Arquitectura web y HTML 5Semana 2   Arquitectura web y HTML 5
Semana 2 Arquitectura web y HTML 5
 
HTML
HTMLHTML
HTML
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5
 
HTML5 en Acción
HTML5 en AcciónHTML5 en Acción
HTML5 en Acción
 
Informe 1
Informe 1Informe 1
Informe 1
 
Las Ventajas de usar HTML5 Y CSS3
Las Ventajas de usar HTML5 Y CSS3Las Ventajas de usar HTML5 Y CSS3
Las Ventajas de usar HTML5 Y CSS3
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
 
MANUAL HTML BASICO.
MANUAL HTML BASICO.MANUAL HTML BASICO.
MANUAL HTML BASICO.
 
Manual de html
Manual de htmlManual de html
Manual de html
 
HTML5
HTML5HTML5
HTML5
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
 
Sesion 2 Profundización
Sesion 2 ProfundizaciónSesion 2 Profundización
Sesion 2 Profundización
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
Lenguajes de marcado
Lenguajes de marcadoLenguajes de marcado
Lenguajes de marcado
 

Mehr von futurodelweb.com (11)

Aplicaciones móviles con Jquery Mobile, PHP y MySQL
Aplicaciones móviles con Jquery Mobile, PHP y MySQLAplicaciones móviles con Jquery Mobile, PHP y MySQL
Aplicaciones móviles con Jquery Mobile, PHP y MySQL
 
Guia7
Guia7Guia7
Guia7
 
Kodu
KoduKodu
Kodu
 
Programación básica de kodu
Programación básica de koduProgramación básica de kodu
Programación básica de kodu
 
Sesion 3
Sesion 3Sesion 3
Sesion 3
 
Sesion 2
Sesion 2Sesion 2
Sesion 2
 
Sesion 4
Sesion 4Sesion 4
Sesion 4
 
Sesion 1
Sesion 1Sesion 1
Sesion 1
 
Sesion 5
Sesion 5Sesion 5
Sesion 5
 
Animación con css3 y html5
Animación con css3 y html5Animación con css3 y html5
Animación con css3 y html5
 
Presentación del curso de html5
Presentación del curso de html5Presentación del curso de html5
Presentación del curso de html5
 

Kürzlich hochgeladen

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
FagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Kürzlich hochgeladen (15)

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
 
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
 
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
 
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
 
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
 
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 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
 
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
 
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
 
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
 
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
 
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
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 

Html5

  • 1. Facilitador: Marco Antonio Andrade EL FUTURO DEL DESARROLLO WEB.
  • 2. RUTA DE APRENDIZAJE Nuevas Antecedentes Novedades etiquetas Videos sin Nuevas Formularios Plugin tecnologías
  • 3. ANTECEDENTES LENGUAJE DE MARCO DE HIPERTEXTO. Es el lenguaje de la Web. Creado para compartir texto científicos. Describe semánticamente el texto. Victima de la guerra de navegadores. Ha sido retro- especificado muchas veces.
  • 4. ANTECEDENTES EL FUTURO PROMETIDO. Mucho mas estricto. Basado en XML. Mucho mas dificil. Demasiado bueno…
  • 5. ANTECEDENTES «La web como plataforma» Aplicaciones web. Cloud Computing. Ajax. Web Movil. Browser Wars II
  • 6. ANTECEDENTES «El futuro, ahora si» Web Applications 1.0 WHATWG. Web Hypertext Application Techonology Working Group. Apple, Mozilla, Opera. Lan Hickson (Google) Retro- Especificacion.
  • 7. NOVEDADES Nuevas etiquetas semánticas. Depreciación de las etiquetas viejas. Soporte nativo multimedia. Sintaxis mas simple. Formularios mejorados. Nuevas tecnologías.
  • 8. ESTRUCTURA BÁSICA <!DOCTYPE HTML> <html lang=‘’es-ES’’> <head> <meta charset="utf-8"> <title>Documento sin título</title> </head> <body> <!- - El contenido va aquí - -> </body> </html>
  • 9. Doctype <!DOCTYPE HTML> <html lang=‘’es-ES’’> <head> <meta charset="utf-8"> <title>Documento sin título</title> </head> <body> <!- - El contenido va aquí - -> </body> </html>