CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre le Responsive Design - en HTML5 et CSS3

Vidéo non disponible ! Réessayez plus tard

DescriptionProgrammeAvis

4h 28min

35 leçons

Apprendre le Responsive Design - en HTML5 et CSS3

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Pré-requis

Une bonne maîtrise du webdesign

Objectifs

Apprendre à réaliser un site Responsive

Description

Programme détaillé

Accueil de la formation

Module 1 - Introduction video

Teaser de la formation avec Thierry Audoux 01:01

Module 2 - Principes généraux

Qu'est ce que le Responsive Web Design ? 01:33

Les principes généraux du Responsive Web Design 04:45

Déterminer les points de ruptures 04:45

Les medias queries avec Apprendre le Responsive Design 07:27

Les médias queries appliqués au Responsive Web Design 10:50

Réaliser une maquette html pour smartphones 06:10

Réaliser une maquette html pour tablettes 06:29

Réaliser une maquette html pour écran 05:29

Module 3 - Réaliser une maquette en responsive Design

Réaliser la maquette dans Photoshop 07:16

La boite de dialogue "enregistrer pour le web et les périphériques" de Photoshop 04:29

Découper les images 05:46

Module 4 - Maitriser l'intégration en Responsive Design

La balise méta pour les Smartphones et tablettes 08:44

Media queries portrait et landscape 05:22

La propriété background-size 07:50

Travailler avec des arrière-plans en pourcentages 07:10

Travailler avec des images en pourcentages 05:03

Concevoir des pages en pourcentages 13:23

Bloquer la taille maximale de la page 03:40

Module 5 - Le travail des textes

Comprendre l'unité em 04:16

Travailler avec des polices en unité em 04:16

L'unité em comme unité décimale 03:23

Module 6 - Intégrer des images optimisées

Réaliser des images en svg 05:36

Insérer des images en svg dans le code HTML 10:13

Travailler avec des images data URIs 04:38

Conception et réalisation d'une image sprite 08:05

Intégrer une image sprite 07:29

Module 7 - Une réalisation complète

Réaliser une page en responsive web design - les smartphones 19:56

Réaliser une page en responsive web design - les tablettes 21:16

Réaliser une page en responsive web design - les écrans 14:34

Module 8 - Connaissances complémentaires

Les formulaires et le responsive Web Design 19:00

Réaliser l'intégration plein écran d'une vidéo 14:50

Dreamweaver CS6 – les media queries 04:46

Internet explorer et le responsive Web Design 07:15

Module 9 - Conclusion

Récapitulatif de la formation avec Apprendre le Responsive Design 01:53