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

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Kürzlich hochgeladen (10)

EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
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
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
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
 

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>