Santa Cruz de la Sierra-Bolivia

Presentación del tema: "Santa Cruz de la Sierra-Bolivia"— Transcripción de la presentación:

1 Santa Cruz de la Sierra-Bolivia
Universidad Autónoma “Gabriel René moreno” Facultad de Ingeniería en Ciencias de la Computación y Telecomunicaciones Materia: Tecnología Web Grupo: 1 – SA Integrantes: Aguilera Cassal Diego Hinojosa José Carlos Morón Luis Fernando Docente: Ing. Evans Balcázar 29/05/2017 Santa Cruz de la Sierra-Bolivia

2 Introducción Varias tecnologías como ser JavaScript, Flash, AJAX, JSON, CSS pueden usarse para definir los elementos que componen una página web. Sin embargo, en el nivel más bajo, una página web se define usando HTML (HyperText Markup Language). Sin HTML, no habría páginas web.

3 Breve reseña histórica
El origen de HTML se remonta a 1980, cuando el físico Tim Bernens-Lee, propuso un nuevo sistema de "hipertexto” para compartir documentos. El primer documento formal con la descripción de HTML se publicó en bajo el nombre HTML Tags (Etiquetas HTML). La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF. En 1995, el organismo IETF publica, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.

4 A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. En el año 2004, las empresas Apple, Mozilla y Opera decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group). La actividad actual del WHATWG se centra en el estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008.

5

6

7

8

9

10 Marco Teórico

11 Las etiquetas multimedia para audio y video con soporte a distintos códec.
La etiqueta canvas para dibujar contenido en el navegador (2D y 3D). Las etiquetas datagrid, details, menu y command, que permiten manejar grandes conjuntos de datos. Formularios más inteligentes que nos permitirán hacer cosas como validación de llenado mediante el uso de atributos requeridos, a través de los nuevos tipos , number, url, datetime, etc. APIs que permiten Arrastrar y Soltar objetos como imágenes, trabajar Off- Line, utilizar Geoposicionamiento, Almacenamiento persistente con base de datos local, Websockets y más.

12

13

14

15 Novedades en HTML5 y ejemplos
Etiqueta DOCTYPE La etiqueta DOCTYPE queda en HTML5 reducida a su mínima expresión. Basta con poner:

16 Novedades en HTML5 y ejemplos
Etiquetas de estructura Las nuevas etiquetas de estructura sustituyen a las etiquetas “div” que dividen la página en apartados. Se pretende eliminar el abusa de la etiqueta <div> y de su atributo id.

17 Novedades en HTML5 y ejemplos
Formularios Las novedades de HTML5 en los formularios están en las etiquetas input las cuales incluyen nuevos atributos, así como nuevos valores para el atributo type. Ejemplo de nuevos atributos: Atributo placeholder, atributo autofocus, atributo required, atributo form.

18 Novedades en HTML5 y ejemplos
Multimedia En HTML5 se pretende que el contenido multimedia formen parte de la página y dejen de ser unos elementos incrustados. Las etiquetas de audio y video tienen los siguientes atributos para poder localizar y controlar el archivo multimedia: src=“ruta_del_archivo”, autplay, controls, loop, autobuffer, width=“numero”, heigth=“numero”.

19 Novedades en HTML5 y ejemplos
La etiqueta object HTML5 mantiene la etiqueta object para producir archivos multimedias, pero además tiene también otra función interesante, que es sustituir la etiqueta iframe para inscrustar una página o archivo dentro de otra.

20 Novedades en HTML5 y ejemplos
Drag and Drop HTML5 añade una nueva aplicación que permite arrastrar y soltar elementos de un área a otra de la página. La aplicación se hace por de Javascript en el cual se incorporan nuevos elementos. Para hacer posible la función de arrastrar y soltar se incorporan nuevos eventos del ratón: ondragstart, ondrag, ondragover, ondragenter, ondragleave, ondrop, ondragend.