Mon panier 0
Nos rubriques
Nos meilleures ventes Nos nouveautés Prochaines parutions Devenez auteur

Responsive Web Design Les techniques modernes de mise en page

Responsive Web Design - Les techniques modernes de mise en page, RWD , CSS , HTML , design adaptatif , grille , media queries , media query , framework CSS , HTML 5 , CSS 3
Inclus dans l'abonnement
Business

Auteur : Christophe AUBRY

  • Vidéo en ligne
39,98Bientôt disponible !
Ajouter au panier
Tous les livres et vidéos ENI
en illimité !
À partir de 29€ / moissans engagement

Présentation

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.

Table des matières

Caractéristiques

Vidéo en ligne
  • Vidéo en ligne
  • Durée totale de la formation : 02h14
  • Niveau : Débutant à initié
  • Ref. ENI : VOWRWD
  • Accessible immédiatement

Pour aller plus loin

Rechercher sur des thématiques associées

Restons connectés !
livre numérique
Macromedia - site web - html - feuille de style - css - SSI - Quick Tag Editor - Design Notes - Extension Manager - Actifs - Formulaire - Homesite - Dream - livre numérique - livres numériques - e-book - ebook - livre électronique - livres électroniques - dreamwever Dreamweaver CS6 pour PC/Mac