SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Downloaden Sie, um offline zu lesen
Curso de Desarrollo Web

                                ¡Bienvenidos!
                                 Noviembre, 2012
domingo, 9 de diciembre de 12
Acerca de mí



                                Juan Manuel Padilla Carmona
                                Ingeniero en sistemas Computacionales
                                UNIVAC
                                Maestro en Redes de Computadoras y
                                Tecnologías Web
                                UNINTER
                                Líder de Proyectos
                                ROC




            @mannuelpadillac    Manuel Padilla           /manuelpadillac

domingo, 9 de diciembre de 12
Curso de Desarrollo Web




domingo, 9 de diciembre de 12
Curso de Desarrollo Web




                                How To Meet Ladies


domingo, 9 de diciembre de 12
<h1>Agenda</h1>




       <ol class=”agendaHTML”>
           <li>Introducción</li>
           <li>El presente es HTML5</li>
           <li>Navegadores y Herramientas</li>
           <li>Elementos y Atributos</li>
           <li>Formularios</li>
           <li>Multimedia</li>
       </ol>




domingo, 9 de diciembre de 12
<h1>Introducción</h1>




       <h2>¿Qué             es HTML</h2>

       <p>HTML, siglas de HyperText Markup Language («lenguaje de
       marcado de hipertexto»), hace referencia al lenguaje de marcado
       predominante para la elaboración de páginas web que se utiliza para
       describir y traducir la estructura y la información en forma de texto...
       HTML se escribe en forma de «etiquetas», rodeadas por corchetes
       angulares (<,>)... puede incluir un script (por ejemplo JavaScript), el cual
       puede afectar el comportamiento de navegadores web y otros
       procesadores de HTML.</p>

                                 <span class=”fuenteDefinicion”> Wikipedia </span>


domingo, 9 de diciembre de 12
<h1>Introducción</h1>




       <h2>¿Qué             me ofrece HTML5?</h2>

       <ul class=”HTML5Oferta”>
           <li>Una mejor plataforma de desarrollo web.</li>
           <li>Más demarcado descriptivo.</li>
           <li>Multimedia con menos Plug-ins.</li>
           <li>Mejores Aplicaciones.</li>
           <li>Mejores interfaces.</li>
           <li>Mejores formularios.</li>
           <li>Almacenamiento del lado del cliente.</li>
           <li>Accesibilidad Mejorada</li>
           <li>Y muchas otras cosas buenas más</li>
       </ul>

domingo, 9 de diciembre de 12
<h1>Introducción</h1>


       <h2>La Tecnología</h2>




domingo, 9 de diciembre de 12
<h1>El   presente es HTML5</h1>



       <h2>HTML5</h2>

       <p>Las grandes empresas, las mejores páginas y aplicaciones web hoy
       en día son desarrolladas en HTML5; algunos ejemplos de ello son</p>

       <ul class=”ejemplosHTML5”>
           <li>www.brandongenerator.com/</li>
           <li>www.astrid.com/</li>
           <li>www.twitter.com/</li>
           <li>www.decoracionpdi.com/</li>
           <li>www.woodlandsrealtypros.com/</li>
       </ul>


domingo, 9 de diciembre de 12
<h1>Navegadores y
                                          Herramientas</h1>


       <h2>Navegadores</h2>




          Maxthon               Chrome              Opera




              Safari            Firefox        Internet Esplorer
domingo, 9 de diciembre de 12
<h1>Navegadores y
                                                 Herramientas</h1>


       <h2>Herramientas</h2>

       <ul class=”herramientasDesarrollo”>
           <li>Editor de Código</li>
           <li>Editor de Imágenes</li>
           <li>Navegadores Web</li>
           <li>Extensiones de Navegadores</li>
       </ul>




domingo, 9 de diciembre de 12
<h1>Elementos   y Atributos</h1>



       <h2>Etiquetas            Descontinuadas</h2>
       <ul class=”etiquetasDescontinudas”>
           <li>basefont</li>
           <li>big</li>
           <li>center</li>
           <li>font</li>
           <li>s</li>
           <li>strike</li>
           <li>u</li>
           <li>y muchas otras más</li>
       </ul>



domingo, 9 de diciembre de 12
<h1>Elementos    y Atributos</h1>



       <h2>Todo             comienza con un DOCTYPE</h2>
       Antes de HTML5

       <!DOCTYPE html PUBLIC “-//W3C//DTD 1.0 Transitional//EN” “http://
       www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>


       En HTML5

                                <!DOCTYPE html>

domingo, 9 de diciembre de 12
<h1>Elementos   y Atributos</h1>


       <h2>Nuevas               etiquetas estructurales</h2>
       <header>
       Define una cabecera en una página o sección.

       <footer>
       Define un pie de pagina o sección..

       <nav>
       Define una región de navegación en una pagina o sección.

       <section>
       Define una región lógica para agrupar contenido.

       <article>
       Define un articulo o una pieza completa de contenido.

domingo, 9 de diciembre de 12
Let´s play a game
domingo, 9 de diciembre de 12

Weitere ähnliche Inhalte

Andere mochten auch

HTML5, CSS3, Responsive Design
HTML5, CSS3, Responsive DesignHTML5, CSS3, Responsive Design
HTML5, CSS3, Responsive DesignManuel Padilla
 
Historia de la Computadora
Historia de la ComputadoraHistoria de la Computadora
Historia de la ComputadoraManuel Padilla
 
Responsive Design, Introducción
Responsive Design, IntroducciónResponsive Design, Introducción
Responsive Design, IntroducciónManuel Padilla
 
E-commerce - Elementos básicos de una tienda en línea
E-commerce - Elementos básicos de una tienda en líneaE-commerce - Elementos básicos de una tienda en línea
E-commerce - Elementos básicos de una tienda en líneaManuel Padilla
 

Andere mochten auch (6)

HTML5, CSS3, Responsive Design
HTML5, CSS3, Responsive DesignHTML5, CSS3, Responsive Design
HTML5, CSS3, Responsive Design
 
Historia de la Computadora
Historia de la ComputadoraHistoria de la Computadora
Historia de la Computadora
 
Software hardware
Software hardwareSoftware hardware
Software hardware
 
CSS, Introducción
CSS, IntroducciónCSS, Introducción
CSS, Introducción
 
Responsive Design, Introducción
Responsive Design, IntroducciónResponsive Design, Introducción
Responsive Design, Introducción
 
E-commerce - Elementos básicos de una tienda en línea
E-commerce - Elementos básicos de una tienda en líneaE-commerce - Elementos básicos de una tienda en línea
E-commerce - Elementos básicos de una tienda en línea
 

Ähnlich wie HTML5, Introducción

Taller de drupal7
Taller de drupal7Taller de drupal7
Taller de drupal7Rojomorgan
 
Open Source en los municipios
Open Source en los municipiosOpen Source en los municipios
Open Source en los municipiosDaniel Vak
 
Drupal in a day - SeeD
Drupal in a day - SeeDDrupal in a day - SeeD
Drupal in a day - SeeDseedcolombia
 
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)wandelsonwww
 
Curso Drupal 7 SiteBuilding parte 2
Curso Drupal 7 SiteBuilding parte 2Curso Drupal 7 SiteBuilding parte 2
Curso Drupal 7 SiteBuilding parte 2Alessandro Mascherpa
 
Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Joaquin Lara Sierra
 
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Efraim Martinez
 
Trabajo no. 3 herramientas telematicas
Trabajo no. 3 herramientas telematicasTrabajo no. 3 herramientas telematicas
Trabajo no. 3 herramientas telematicas100867
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j queryPablo Viteri
 
Desarrollo Web: HTML + Bootstrap
Desarrollo Web: HTML + BootstrapDesarrollo Web: HTML + Bootstrap
Desarrollo Web: HTML + BootstrapWorkshop Digital
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyParadigma Digital
 

Ähnlich wie HTML5, Introducción (20)

Taller de drupal7
Taller de drupal7Taller de drupal7
Taller de drupal7
 
Taller de drupal7
Taller de drupal7Taller de drupal7
Taller de drupal7
 
Open Source en los municipios
Open Source en los municipiosOpen Source en los municipios
Open Source en los municipios
 
Aplicacionesweb1
Aplicacionesweb1Aplicacionesweb1
Aplicacionesweb1
 
Drupal in a day - SeeD
Drupal in a day - SeeDDrupal in a day - SeeD
Drupal in a day - SeeD
 
Taller de Drupal 1
Taller de Drupal 1Taller de Drupal 1
Taller de Drupal 1
 
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
 
Curso Drupal 7 SiteBuilding parte 2
Curso Drupal 7 SiteBuilding parte 2Curso Drupal 7 SiteBuilding parte 2
Curso Drupal 7 SiteBuilding parte 2
 
Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5
 
Drupal Sitebuilding 101
Drupal Sitebuilding 101Drupal Sitebuilding 101
Drupal Sitebuilding 101
 
Maquetación web con html5
Maquetación web con html5Maquetación web con html5
Maquetación web con html5
 
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
 
Html5
Html5Html5
Html5
 
Trabajo no. 3 herramientas telematicas
Trabajo no. 3 herramientas telematicasTrabajo no. 3 herramientas telematicas
Trabajo no. 3 herramientas telematicas
 
Paredes r
Paredes rParedes r
Paredes r
 
avanttic - webinar: WebCenter Content (07-06-2017)
avanttic - webinar: WebCenter Content (07-06-2017)avanttic - webinar: WebCenter Content (07-06-2017)
avanttic - webinar: WebCenter Content (07-06-2017)
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j query
 
Desarrollo Web: HTML + Bootstrap
Desarrollo Web: HTML + BootstrapDesarrollo Web: HTML + Bootstrap
Desarrollo Web: HTML + Bootstrap
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoy
 
DRUPAL - caracteristicas
DRUPAL - caracteristicasDRUPAL - caracteristicas
DRUPAL - caracteristicas
 

Kürzlich hochgeladen

Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfymiranda2
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...OLGAMILENAMONTAEZNIO
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosLCristinaForchue
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.marianarodriguezc797
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....Aaron Betancourt
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSLincangoKevin
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfodalistar77
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2montoyagabriela340
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfangelinebocanegra1
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfOBr.global
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfJoseAlejandroPerezBa
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx Emialexsolar
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfalejandrogomezescoto
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...RaymondCode
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETGermán Küber
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfcastrodanna185
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxPaolaCarolinaCarvaja
 

Kürzlich hochgeladen (20)

Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdf
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2
 
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura SilvaBEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdf
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx E
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdf
 
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier FolchBEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docx
 

HTML5, Introducción

  • 1. Curso de Desarrollo Web ¡Bienvenidos! Noviembre, 2012 domingo, 9 de diciembre de 12
  • 2. Acerca de mí Juan Manuel Padilla Carmona Ingeniero en sistemas Computacionales UNIVAC Maestro en Redes de Computadoras y Tecnologías Web UNINTER Líder de Proyectos ROC @mannuelpadillac Manuel Padilla /manuelpadillac domingo, 9 de diciembre de 12
  • 3. Curso de Desarrollo Web domingo, 9 de diciembre de 12
  • 4. Curso de Desarrollo Web How To Meet Ladies domingo, 9 de diciembre de 12
  • 5. <h1>Agenda</h1> <ol class=”agendaHTML”> <li>Introducción</li> <li>El presente es HTML5</li> <li>Navegadores y Herramientas</li> <li>Elementos y Atributos</li> <li>Formularios</li> <li>Multimedia</li> </ol> domingo, 9 de diciembre de 12
  • 6. <h1>Introducción</h1> <h2>¿Qué es HTML</h2> <p>HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto... HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>)... puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.</p> <span class=”fuenteDefinicion”> Wikipedia </span> domingo, 9 de diciembre de 12
  • 7. <h1>Introducción</h1> <h2>¿Qué me ofrece HTML5?</h2> <ul class=”HTML5Oferta”> <li>Una mejor plataforma de desarrollo web.</li> <li>Más demarcado descriptivo.</li> <li>Multimedia con menos Plug-ins.</li> <li>Mejores Aplicaciones.</li> <li>Mejores interfaces.</li> <li>Mejores formularios.</li> <li>Almacenamiento del lado del cliente.</li> <li>Accesibilidad Mejorada</li> <li>Y muchas otras cosas buenas más</li> </ul> domingo, 9 de diciembre de 12
  • 8. <h1>Introducción</h1> <h2>La Tecnología</h2> domingo, 9 de diciembre de 12
  • 9. <h1>El presente es HTML5</h1> <h2>HTML5</h2> <p>Las grandes empresas, las mejores páginas y aplicaciones web hoy en día son desarrolladas en HTML5; algunos ejemplos de ello son</p> <ul class=”ejemplosHTML5”> <li>www.brandongenerator.com/</li> <li>www.astrid.com/</li> <li>www.twitter.com/</li> <li>www.decoracionpdi.com/</li> <li>www.woodlandsrealtypros.com/</li> </ul> domingo, 9 de diciembre de 12
  • 10. <h1>Navegadores y Herramientas</h1> <h2>Navegadores</h2> Maxthon Chrome Opera Safari Firefox Internet Esplorer domingo, 9 de diciembre de 12
  • 11. <h1>Navegadores y Herramientas</h1> <h2>Herramientas</h2> <ul class=”herramientasDesarrollo”> <li>Editor de Código</li> <li>Editor de Imágenes</li> <li>Navegadores Web</li> <li>Extensiones de Navegadores</li> </ul> domingo, 9 de diciembre de 12
  • 12. <h1>Elementos y Atributos</h1> <h2>Etiquetas Descontinuadas</h2> <ul class=”etiquetasDescontinudas”> <li>basefont</li> <li>big</li> <li>center</li> <li>font</li> <li>s</li> <li>strike</li> <li>u</li> <li>y muchas otras más</li> </ul> domingo, 9 de diciembre de 12
  • 13. <h1>Elementos y Atributos</h1> <h2>Todo comienza con un DOCTYPE</h2> Antes de HTML5 <!DOCTYPE html PUBLIC “-//W3C//DTD 1.0 Transitional//EN” “http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> En HTML5 <!DOCTYPE html> domingo, 9 de diciembre de 12
  • 14. <h1>Elementos y Atributos</h1> <h2>Nuevas etiquetas estructurales</h2> <header> Define una cabecera en una página o sección. <footer> Define un pie de pagina o sección.. <nav> Define una región de navegación en una pagina o sección. <section> Define una región lógica para agrupar contenido. <article> Define un articulo o una pieza completa de contenido. domingo, 9 de diciembre de 12
  • 15. Let´s play a game domingo, 9 de diciembre de 12