HTML 5

Unidad 5. Landing y web de productos.

door Fundación Didáctica XXI

REDES DIGITALES, INTERNET Y SUS SERVICIOS

door Mariana Arce

HIPERMEDIA

door WANDNER MOSQUERA

Codigo HTML

door Max Power

API OFFLINE

Comentarios

Catergorías

Manifiesto

Trabajo con la caché

Tienda de Mascotas

ESTRUCTURAS BÁSICA DE UN DOCUMENTO HTML

Una vez que escriba su código,guarde susdocumentos con la extensión

TIPOS DE DOCUMENTO HTML

XHTML 1.0

HTML 4.01

Declaciones comunes

Declación

VERSIONES HTML

XHTML 5

2013

2012

HTML 1.0

2000

HTML 4.01

1999

HTML 3.2

1997

HTML 2.0

1995

HTML +

1993

HTML

1991

DIRECTIVAS O TAGS

HTML utiliza comandos sencillos denominados etiquetas o directivas para definir diferentes partes de las páginas

EDITORES HTML

Dreamwearver

Notepad ++

Jedit

CARACTERÍSTICAS

ESTILOS CSS3

Animaciones

Mejores bordes

Nuevos diseños de fondo

ACESSO AL DISPOSITIVOS

Detección de orientación

Geolacalización

Eventos táctiles

Api de cámara

GRÁFICOS CON CANVAS

SVG

WebGL

Contenedor con canvas

Multimedia

Api de la cámara

Audio y vídeo

SIN CONEXIÓN Y ALMACENAMIENTOS

IndexedDB

Almacenamiento dom

Eventos con sin conexión

CONECTIVIDAD

WebRTC

Eventos de Servidor

Web Sockests

SEMÁNTICAS

Nuevos elementos

Formularios HTML 5

Contenidos HTML 5

¿QUE ES?

HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML

Nueva versión HTML

Tecnología mas amplia

QUE ES

HTML5 nos ha traído varias mejoras en lo que respecta al lenguaje HTML. Una de ellas es lo que llamamos la semántica del código.

COMPONENTES BÁSICOS DE DOCUMENTO TECNOLOGÍA

Footer

Aside

Article

Section

Nav

Header

Head

Tittle

ESTRUCTURA DE DOCUMENTO HTML

Estructura del cuerpo

Dentro del cuerpo

Estructura de cabecera

Etiquetas básicas de estructuras

CSS Y HTML

CSS3

Transiciones

Transformaciones

Subtopic

Las nuevas reglas

Aplicar CSS a documentos HTML

Tipos de estilos y estructura

Tipos de selectores

Componentes principales

EJEMPLOS

JavaScript

API HISTORY (HISTORIA)

Url erróneas o falsas

Nuevos métodos de navegación

API WEB WORKER

Detección de errores

Los trabajadores web

API COMUNICACIÓN (API COMMUNICATION)

Web sockets

Cross document

Ajax

API MANEJO DE ARCHIVOS

El disco

Copiar, cortar y pegar

Eliminación de archivos

Creación de archivos

Propiedades de archivos

Sistemas de archivos

API BASE DE DATOS (INDEXEDDB)

Búsquedas de datos

Abrir BBDD, agregar y eliminar objetos

BBDD, índices y transacciones

ALMACENAMIENTO WEB (WEB STORAGE)

Tipos de almacenamientos

Crear, leer y eliminar datos

GEOLOCALIZACIÓN

Métodos y objetos

Trabajo con google maps

Métodos para dectectar localización de vista

API DRAG AND DROP (ARRASTRAR Y SOLTAR)

Propiedades

Métodos

Eventos nuevos

API CANVAS

El lienzo

Vídeo en el lienzo

Animaciones el lienzo

Imágenes en el lienzo

Dibujos básicos

FORMULARIOS Y SU API

Formularios web

Nuevos elementos de formulario

Tipos de datos

Elementos

Topic principal

AUDIO EN HTML

Progamando

AUDIO Y VÍDEO

Vídeo en HTML

Atributos

Formato

Programación de reproductor

JAVASCRIPT Y HTML

Librerías externos

Apis

Eventos

Selectores

Sintaxis

JavaScript y su importancia en la web