Blog ENI : Toute la veille numérique !
Accès illimité 24h/24 à tous nos livres & vidéos ! Découvrez la Bibliothèque Numérique ENI. Cliquez ici
  1. Livres et vidéos
  2. Responsive Web Design - Les techniques modernes de mise en page

Responsive Web Design Les techniques modernes de mise en page

Responsive Web Design - Les techniques modernes de mise en page

Informations

  • Consultable en ligne immédiatement après validation du paiement et pour une durée de 10 ans.
Vidéos enregistrées dans notre studio nantais

Caractéristiques

  • Vidéo en ligne
  • Ref. ENI : VOWRWD
L'objectif du Responsive Web Design est de créer des sites web dont la mise en page s'adapte automatiquement pour un affichage optimal quel que soit le type d'écran sur lequel il est affiché : écran d'ordinateur, de tablette ou de smartphone. Dans cette vidéo de formation, nous allons commencer par découvrir ce qu'est le Responsive Web Design à travers l'utilisation des requêtes de média, (Media Queries en anglais) qui permettent...
  • Niveau Débutant à Initié
  • Durée 2h14
  • Parution août 2015
L'objectif du Responsive Web Design est de créer des sites web dont la mise en page s'adapte automatiquement pour un affichage optimal quel que soit le type d'écran sur lequel il est affiché : écran d'ordinateur, de tablette ou de smartphone.

Dans cette vidéo de formation, nous allons commencer par découvrir ce qu'est le Responsive Web Design à travers l'utilisation des requêtes de média, (Media Queries en anglais) qui permettent de créer des feuilles de styles CSS parfaitement adaptées à chaque largeur d'écran souhaitée.

Nous allons ensuite utiliser des grilles de mise en page afin de créer des pages qui soient immédiatement responsives. Pour ce faire, nous utiliserons trois systèmes de grille différentes.

Ensuite, nous apprendrons à passer d'une mise en page aux dimensions fixes à une mise en page fluide dont les dimensions vont s'adapter à la largeur de l'écran de diffusion.

Puis, à l'aide de JavaScript, nous insèrerons dans nos pages web des images également responsives.

Pour travailler plus rapidement, vous pourrez, en utilisant des frameworks CSS responsives, exploiter des librairies de styles CSS prêts à l'emploi et personnalisables pour concevoir vos mises en page responsives ; nous découvrirons trois de ces frameworks : Ulkit, Kube et Pure.

Pour terminer, nous mettrons en pratique toutes ces notions en créant une page d'accueil d'un site responsive avec le framework CSS UIkit.
Auteur : Christophe AUBRY

Christophe AUBRY

Responsable pédagogique dans un centre de formation et formateur sur les technologies Web et les Arts graphiques pendant plus de quinze ans, Christophe AUBRY est aujourd’hui dirigeant de la société netPlume spécialisée dans la rédaction pédagogique et la création de sites internet. Auteur de nombreux livres aux Editions ENI notamment sur Dreamweaver, WordPress, Drupal, HTML et CSS, il reste au fait des nouveautés concernant la conception des sites web, en effectuant une veille technologique régulière et en intervenant dans de nombreux forums.
Christophe AUBRY est le créateur de la chaîne YouTube " LaTeX et la plume ".
En savoir plus

Découvrir tous ses livres

  • LaTeX Concevez vos premiers documents élaborés et structurés
  • Bootstrap 5 pour l'intégrateur web Concevez des sites au design moderne
  • WordPress Créer et gérer blogs et sites web
  • Photoshop, Illustrator et InDesign 2021 Les fondamentaux
  • WordPress Livre avec complément vidéo : Création et mise en valeur des contenus
  • HTML5, CSS3 et JavaScript Coffret de 2 livres : Apprenez à développer votre interface Front End (2e édition)
  • InDesign 2021 Les fondamentaux de la mise en page
  • Drupal 9 Créer des sites structurés
  • InDesign 2021 Livre avec complément vidéo : Les blocs dans une composition
  • Photoshop, Illustrator et InDesign 2021 Coffret de 3 livres : Maîtrisez la suite graphique Adobe
  • WordPress Un CMS pour créer et gérer blogs et sites web
  • LaTeX Conception de documents élaborés et structurés
  • InDesign 2021 Pour PC/Mac
  • LaTeX Concevez des documents élaborés et structurés
  • Développement Fullstack Coffret de 3 livres : HTML5, CSS3, C#8 et ASP.Net Core - Version en ligne
  • HTML5 et CSS3 Maîtrisez les standards de la création de sites web (2e édition)
  • Affinity Photo Maîtrisez la retouche et le montage photos
  • HTML5, CSS3 et Bootstrap 4 Coffret 2 livres
  • WordPress et WooCommerce (2e édition) Créer votre boutique en ligne
  • WordPress Conception et personnalisation des thèmes (4e édition)
  • WordPress 5 Complément vidéo : Création et mise en valeur des contenus - Version en ligne
  • Flexbox et Grid Créer des sites modernes et responsives
  • InDesign CC pour PC/Mac (édition 2019) Les fonctions essentielles
  • HTML5 et CSS3 Faites évoluer le design de vos sites web (4e édition)
  • JavaScript pour l'intégrateur web Créer des sites web dynamiques et interactifs
  • Dreamweaver CC pour PC/Mac (édition 2018) Concevoir des sites interactifs et attractifs
  • Créez votre premier site web De la conception à la réalisation (3e édition)
  • Responsive Web Design, mises en page et grilles Les techniques modernes de conception web (2e édition)
  • jQuery Le framework JavaScript pour des sites dynamiques et interactifs (4e édition)
  • Créez votre premier site web De la conception à la réalisation
  • HTML5 et CSS3 Découvrez les nouveaux standards du web
  • Réseaux sociaux Comprendre et maîtriser Facebook, Twitter, LinkedIn et Viadeo
  • Illustrator CS6
  • InDesign CS6 Les fonctions PAO essentielles
  • Photoshop CS6 Les fonctions essentielles de retouche et montage photo
  • Bootstrap 5 Un framework pour concevoir vos sites web

Nos nouveautés

voir plus