SlideShare une entreprise Scribd logo
1  sur  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>

Contenu connexe

Tendances

sapere aude
sapere audesapere aude
sapere audekiotoo94
 
Angie y jordan 9 f
Angie y jordan 9 fAngie y jordan 9 f
Angie y jordan 9 fangie013
 
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 PASOSJenny A
 
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 notasSandra Meza
 
Producto 3 FR
Producto 3 FRProducto 3 FR
Producto 3 FRrubibatiz
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina weblauraandrea1996
 
Html5 Básico
Html5 BásicoHtml5 Básico
Html5 BásicoFEDIMON
 
Diapositivas Power Point Rp
Diapositivas Power Point RpDiapositivas Power Point Rp
Diapositivas Power Point Rpguestffe5
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Juan Gutierrez
 
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 dreamweaverMijail65
 
Hacer una pagina web con HTML
Hacer una pagina web con HTMLHacer una pagina web con HTML
Hacer una pagina web con HTMLjimpansn
 

Tendances (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
 

En vedette

Como se fai un xornal
Como se fai un xornalComo se fai un xornal
Como se fai un xornalteixopp
 
Migración
Migración Migración
Migración sergei
 
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.0Juan Merodio
 
El Evangelio en la vida cotidiana
El Evangelio en la vida cotidianaEl Evangelio en la vida cotidiana
El Evangelio en la vida cotidianaOpus Dei
 
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 questioncvjgaby
 
Universidad de cuenca
Universidad de cuencaUniversidad de cuenca
Universidad de cuencadiana
 
Guin de podcast bien
Guin de podcast bienGuin de podcast bien
Guin de podcast bienAngel
 
Cambio Climatico
Cambio ClimaticoCambio Climatico
Cambio Climaticomazarito
 
Recorrido por ciria
Recorrido por ciriaRecorrido por ciria
Recorrido por ciriaCIRIA UDLAP
 
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 PortilloOpus Dei
 

En vedette (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
 

Similaire à 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
 

Plus de 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
 

Dernier

Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
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
 
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
 
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
 
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
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
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
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
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
 
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
 

Dernier (10)

Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
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
 
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
 
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
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
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
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
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
 
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
 

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>