Curso Diseño web responsive - Imágenes adaptables

CURS-52

Adapta tus imágenes Web a un entorno de Diseño web responsive. Aprende a incorporar imágenes al diseño web responsive

Descripcion


Información de: Diseño web responsive: Imágenes
Adapta tus imágenes Web a un entorno de Diseño web responsive. Aprende a incorporar imágenes al diseño web responsive

El mundo del diseño web responsive o adaptativo también afecta a las imágenes de nuestros sitios web. Aprende con este curso los conceptos básicos sobre la creación y el uso de imágenes en un entorno digital responsive, donde lo que importa verdaderamente es el usuario y el contexto en el que consume los contenidos. Descubre cómo preparar las imágenes para que se adapten a este contexto.

Imágenes e imágenes responsive: una introducción

    En este primer capítulo daremos los primeros pasos en el entendimiento y uso de las imágenes responsive, viendo ejemplos y aprendiendo nueva terminología y conceptos que aplicar para saber cómo funcionan, tipos y requisitos necesarios.


    Bienvenida y objetivos del curso Responsive images   01:01
    Cómo funcionan las imágenes en la web   04:28
    Tipos de formatos de imagen actuales   07:45
    Qué es la compresión en imágenes   06:28
    Cómo funcionan las imágenes responsive   03:20
    Conceptos nuevos y terminología responsive   04:28


Uso de Picturefill con imágenes responsive


El segundo capítulo lo dedicaremos por completo a Picturefill, un polyfill que nos servirá para poder emplear imágenes responsive en situaciones en las que los navegadores aún no soporten las características necesarias.

    Qué es Picturefill y para qué sirve   03:43
    Usando Picturefill en nuestro proyecto web   06:24
    Testeo y validación del uso de Picturefill   06:18


Aplicación de imágenes responsive en nuestro diseño


El tercer capítulo lo dedicaremos de manera completa a continuar profundizando en el trabajo con imágenes responsive, sabiendo cuándo han de usarse, qué posibilidades tenemos para poder aplicarlas y cómo optimizarlas.

    Cuándo y cómo usar etiquetado responsive   02:35
    Preparando imágenes para su uso en entornos responsive   07:02
    Opciones de exportación y optimización de archivos SVG   05:07
    Exportación y optimización de archivos PNG y GIF   06:32
    Más opciones de optimización   03:51
    Uso de srcset y w   05:31
    Uso de sizes   06:45
    Ejemplo de layouts avanzados usando srcset y sizes   06:21
    Detectando densidad de pixels por pulgada usando x   04:44


Dirección de arte en imágenes responsive

El último capítulo lo emplearemos para aprender a usar de manera completa el elemento pictures, que nos aporta una nueva forma de incluir imágenes responsive en nuestros documentos html, permitiéndonos mayor control aún.

    Introducción al elemento picture   04:33
    Cómo usar picture   06:32
    Optimización de imágenes para el atributo picture   02:48
    Uso de elementos SVG   03:42
    Problemas de la dirección de arte en un entorno responsive   02:00
    Despedida del curso Responsive images   02:23

Datos técnicos:

    Formato: .MP4
    Resolución: 1280x720p
    Tamaño: 331 MB
    Idioma: Español
    Formadores: Armando Sotoca
    Contenido: 24 Videos
    Duración: 1:54 horas
    Archivos Base: Si Incluye

Ver Intro



 Totalmente libre de virus y software malicioso, así que no esperes más en descargartelo ahora.

No olvides darnos una opinion acerca del programa, para mejorar el contenido.

Zona de descargas



Contraseña/Password: www.intarcesoft.com.ve

Archivo Base


Web del Autor


Pagina Principal

Si te gusta o te ayuda este artículo. Apoya a los desarrolladores comprando este material.

OS Windows XP o superior
RAM 256 MB
License Freeware
Language Only Spanish
File Size 331 MB
Developer Video2Brain
Grado 
28/03/2017

Excelente

Muchas gracias por el material

Escribe tu comentario

Escribe tu opinión

Curso Diseño web responsive - Imágenes adaptables

Curso Diseño web responsive - Imágenes adaptables

Adapta tus imágenes Web a un entorno de Diseño web responsive. Aprende a incorporar imágenes al diseño web responsive

Haz una pregunta

No se requiere registro

Si luego de leer nuestro articulo aun tiene dudas, puede hacer su pregunta utilizando el siguiente formulario.

(Opcional)
*(Requerido para ser notificado cuando la respuesta este disponible)

Si el enlace de descarga redirige a otro producto que no es el descrito en el artículo o está roto, reportarlo usando nuestro formulario de reporte

MásArtículos