HTML5
Upcoming SlideShare
Loading in...5
×
 

HTML5

on

  • 906 views

Exposicion sobre HTML5.

Exposicion sobre HTML5.

Statistics

Views

Total Views
906
Views on SlideShare
904
Embed Views
2

Actions

Likes
0
Downloads
27
Comments
0

2 Embeds 2

http://a0.twimg.com 1
http://paper.li 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    HTML5 HTML5 Presentation Transcript

    • Instituto Tecnológico de Tehuacán Ing. En Sistemas ComputacionalesProgramación Web Alumnos: Gómez Huerta Irais Vivian; Osorio Castillo Rosario; Sánchez Gil Juan Isaac.
    • HTML5ContenidoO HistoriaO DefiniciónO Objetivo PrincipalO Qué es ?O Qué NO es?O Novedades en HTML, CSS, JavaScript.O Soporte Actual de HTML5O EjemplosO Breve Conclusión
    • HTML5 es un lenguaje para estructurar ypresentar el contenido de la World Wide Web , y es una tecnología central del Internet propuesto originalmente por Opera Software .
    • Mejorar el lenguaje con el soporte para las últimas multimedia mientras continua fácilmente legible por humanos y siempreentendido por los ordenadores y dispositivos ( navegadores web , programas de análisis ,etc.) HTML5 pretende subsumir no sólo HTML 4 , pero XHTML 1 y DOM2HTML (particularmente JavaScript ) también.
    • TimedCanvas 2D Web Media Api Storage Playback MIME and Protocol Document Microdata Handler EditingRegistration Cross – Browser Drag & Document History Drop Messaging
    • Web SQLGeolocation File API DatabaseThe IndexedDatabase API Web GL SVG CSS3 Web Workers Web Sockets
    • HTML5 HTML CSS3 JS APIs
    • O ANTES:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">O CON HTML5:O <!DOCTYPE HTML>
    • <TIME>O Hoy es <TIME>2011-11-16</TIME>O <TIME DATETIME=¨2011-11-18¨>Hoy</TIME> expondremos HTML5.
    • <SUB>O f(<var>x</var>, <var>n</var>) = log<sub>4</sub><var>x</var><sup><var>n</ var></sup>
    • <PROGRESS>O <progress value ="15324602" max="4603807">10%</progress>
    • <AUDIO>O <audio src= "mio.mp3" autoplay loop="3" controls preload />O <video id="video" src="movie.webm" autoplay controls></video>
    • SECTION EDITABLE y FIGURE<section id="editable"contenteditable="true"> <h2>Titulo[Editable]</h2> <figure> <img src= "figura.png"title="comiendo nubes" /> <figcaption> Figure 1.Overall scores. </figcaption> </figure></section>
    • CANVAS Y JAVASCRIPT<canvas id="logotipo" width="120px" height="120px"style="border:1px solid black">Tu navegador no soporta canvas</canvas> <script type="text/javascript"> var c=document.getElementById("logotipo"); var ctx=c.getContext("2d"); ctx.fillStyle="red"; ctx.beginPath();*…+
    • CANVAS Y JAVASCRIPT<canvas id="gradiente" width="200px" height="200px"style="border:1px solid black"></canvas> <script type="text/javascript"> var c=document.getElementById("gradiente"); var cxt=c.getContext("2d"); var grd=cxt.createLinearGradient(0,0,300,0); grd.addColorStop(0,"yellow"); grd.addColorStop(0.33,"orange"); grd.addColorStop(0.66,"red"); cxt.fillStyle=grd; cxt.fillRect(0,0,400,400); </script>
    • FORMULARIOSO Search box <input type="search" required autofocus placeholder="Type here.." />O Spinbox <input type="number" required autofocus placeholder="Type here.." />O Slider<input type="range" required autofocus placeholder="Type here.." />O Fecha: <input type="date" name="start_date« id="start_date" value="2010-12- 01" >
    • CSS3O text-shadow:O background: -webkit-gradient();O border-radius: -webkit-box-reflect(linear, left top, left bottom, from(transparent), to(rgba()));
    • O -webkit-transform:rotate();O -webkit-box-shadow:O -webkit-box-orient: horizontal;
    • Referencias:O http://destilandobytes.blogspot.com/2011_08_01_arch ive.htmlO http://slides.html5rocks.com/#landing-slideO http://www.slideshare.net/juaneladio/html-5-presente- y-futuro-de-la-webO http://disneydigitalbooks.go.com/tron/#O http://ie.microsoft.com/testdrive/O http://www.slideshare.net/txipi/introduccion-a-html5O http://www.programacion.com/articulo/crear_una_apa riencia_de_notas_adhesivas_con_css_y_html_5_489