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
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

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 et vidéos aux Editions ENI (HTML/CSS, RWD, WordPress, Drupal, Joomla…), il reste au fait des nouveautés concernant la conception des sites web en effectuant une veille technologique régulière. Il est également le créateur de la chaîne YouTube LaTeX et la plume.

En savoir plus

Découvrir tous ses livres

  • InDesign 2023 Les fondamentaux de la mise en page
  • HTML5 et CSS 3 Maîtrisez les standards de la création de sites web (3e édition)
  • Photoshop, Illustrator et InDesign 2023 Coffret de 3 livres : Maîtrisez la suite graphique Adobe
  • Photoshop, Illustrator et InDesign 2023 Les fondamentaux
  • InDesign 2023 Pour PC et Mac
  • WordPress Un CMS pour créer et gérer blogs et sites web (2e édition)
  • Bootstrap 5 Un framework pour concevoir vos sites web
  • 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
  • Drupal 9 Créer des sites structurés
  • 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
  • Affinity Photo Maîtrisez la retouche et le montage photos
  • WordPress et WooCommerce (2e édition) Créer votre boutique en ligne
  • 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)
  • Créez votre premier site web De la conception à la réalisation (3e é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
  • Illustrator CS6
  • InDesign CS6 Les fonctions PAO essentielles
  • Photoshop CS6 Les fonctions essentielles de retouche et montage photo
  • HTML5 et CSS 3 Exploiter les standards du Web (5e édition)

Nos nouveautés

voir plus