Cómo probar páginas en el tablet

del curso: Publicaciones con HTML5 y CSS3 para tablets

Comprar

Información sobre este video

La programación HTML5, CSS y JavaScript la haremos desde un ordenador, pero los eventos interactivos se probarán en un navegador de un tablet. En este vídeo veremos varias opciones para poder reproducir el contenido de manera fidedigna.

Una lección de: Publicaciones con HTML5 y CSS3 para tablets

La tecnología HTML5 es la que tiene un presente y un futuro más claro en el mundo del desarrollo de contenidos para la web móvil y para los libros electrónicos para Tablets. Este curso video2brain te mostrará las técnicas más fundamentales para poder introducir vídeo, sonido y animaciones en tus contenidos HTML, y añadir interactividad Javascript enfocada a Tablets táctiles. De este modo podrás generar contenidos de vanguardia desde el primer día utilizando una programación simple, intuitiva y gratificante.

USD 28.80

03:15 horas

Comprar

Cursos similares

Presentación de la formación y del formador.

Presentación

01:16
Antes de empezar a programar, ¿qué hay que tener en cuenta cuando se desarrollan contenidos para tablets?

Aspectos Básicos
- Existen multitud de dispositivos con multitud de tamaños y resoluciones de pantalla. En este vídeo aprenderemos algunos conceptos claves a manejar.
  
  Resoluciones de pantallas
  
  06:19
- Mediante CSS3 es posible adaptar el formato de los contenidos a las necesidades de cada pantalla.
  
  Formatos condicionales con CSS Media Queries
  
  07:48
- Qué diferencias existen entre la maquetación fija y la maquetación fluida o relativa en CSS.
  
  Maquetación fluida versus maquetación fija
  
  06:15
- Al visualizar un contenido HTML en un navegador o en un visor web para tablets existe un ajuste por defecto de la escala de los contenidos.
  
  Viewport I
  
  04:02
- Demostración del Viewport en el emulador de iPad.
  
  Viewport II : audio
  
  01:28
Además del contenido web habitual, el HTML5 nos permite incorporar capacidades multimedia.

Multimedia con HTML5
- En este vídeo aprenderemos cómo incrustar vídeo dentro de documentos HTML5 para tablets.
  
  Añadir vídeo
  
  11:11
- En este vídeo aprenderemos cómo incrustar audio dentro de documentos HTML5 para tablets.
  
  Añadir audio
  
  07:41
- Cómo añadir gráficos dibujados con formato SVG.
  
  Añadir gráficos
  
  06:40
Los navegadores basados en webkit permiten geolocalización y almacenamiento local de datos.

Otras ventajas del HTML5
- Cómo obtener las coordenadas geográficas del tablet y utilizarlas.
  
  Geolocalización
  
  07:10
- En este vídeo aprenderemos a almacenar datos persistentes en la memoria del tablet.
  
  Almacenamiento local
  
  07:49
Los navegadores basados en webkit permiten una serie de efectos visuales y de animación muy interesantes basados en CSS3.

Diseño y animación con CSS
- Cómo dibujar gradientes, reflejos y esquinas redondeadas.
  
  Efectos gráficos estáticos
  
  09:37
- Con CSS de webkit es posible realizar una serie de transformaciones geométricas en 2D de los elementos.
  
  Transformaciones 2D
  
  09:41
- En este vídeo veremos cómo se puede cambiar de manera animada e interactiva el estilo de un elemento con transiciones CSS.
  
  Efectos animados: transiciones
  
  12:42
- También es posible combinar las transiciones animadas con transformaciones dentro de una perspectiva tridimensional.
  
  Transformaciones 3D
  
  11:55
- Las animaciones permiten movimiento en un documento HTML sin necesidad de interactividad y con movimientos más sofisticados.
  
  Animaciones
  
  11:33
- A la hora de hacer animaciones y transiciones se pueden introducir aceleraciones y efectos dinámicos interesantes.
  
  Efectos adicionales
  
  06:17
- En este vídeo se aplicará todo lo aprendido en este capítulo mediante un ejercicio que consiste en crear un reloj animado en CSS.
  
  Ejercicio
  
  07:41
Los tablets interactúan de manera distinta: con lo dedos en lugar del mouse. En este capítulo veremos cómo usar de manera sencilla el JavaScript para implementar este tipo de interactividad.

Interactividad en tablets
- La programación HTML5, CSS y JavaScript la haremos desde un ordenador, pero los eventos interactivos se probarán en un navegador de un tablet. En este vídeo veremos varias opciones para poder reproducir el contenido de manera fidedigna.
  
  Cómo probar páginas en el tablet
  
  02:08
- En este vídeo veremos cómo se traducirían los eventos de mouse en un ordenador a eventos de los dedos en un tablet que utiliza JavaScript.
  
  Equivalencia de eventos
  
  05:16
- Cómo se gestionan los gestos realizados con uno o varios dedos en toques separados.
  
  Toques individuales
  
  05:51
- Veamos en el emulador cómo se verán los toques individuales en un iPad.
  
  Demostración toques individuales
  
  00:54
- Cómo se gestionan los gestos realizados con dos dedos a la vez en el iPad.
  
  Gestos
  
  07:49
- Veamos en el emulador cómo se verán los gestos en un iPad.
  
  Gestos: demostración en emulador
  
  01:03
Se pueden adaptar los contenidos HTML5 y CSS3 para ser visualizados desde un navegador web en el tablet o adaptar esos contenidos de diversas maneras para transformarlos en una aplicación nativa.

Publicación de los contenidos
- Ejemplos ya existentes de publicación de contenidos en formato web.
  
  Ejemplos de webapps
  
  04:45
- Cómo pasar un contenido web online a una Web App en el caso del iPad de Apple.
  
  Cómo hacer un webapp
  
  04:46
- Veamos en el emulador de iPad cómo se verá la webapp que acabamos de maquetar.
  
  Demostración de webapp en emulador
  
  01:27
- Existen en el mercado multitud de frameworks que permiten vehicular fácilmente nuestros contenidos HTML5 en forma de apps nativas para tablets. En este vídeo analizaremos uno de ellos: el Baker Framework.
  
  Baker Framework
  
  06:41
- Adobe dispone de una solución integral de publicación de contenidos para tablets. Esta solución permite intercalar contenidos realizados en InDesign con contenidos realizados en HTML5.
  
  Adobe Digital Publishing DPS
  
  03:42
- Saber maquetar en HTML5 no solo nos servirá para crear aplicaciones para tablets. También podemos aprovechar estos conocimientos para maquetar eBooks para iBooks, libros digitales de Apple.
  
  eBooks en formato EPUB de maquetación fija para iBooks
  
  09:00
- Así se ve en el iPad el libro en formato EPUB de maquetación fija que hemos creado en este curso video2brain.
  
  Visualización en iPad
  
  02:51
- Despedida del formador y otros cursos relacionados.
  
  Despedida
  
  02:30