TUTO // À la découverte du Responsive Design

Les sites Web sont aujourd’hui de plus en plus consultés depuis un téléphone mobile. Il est donc devenu important pour chaque site, d’adapter son contenu et sa disposition en fonction de l’écran qui l’affiche ; c’est ce que l’on appelle le Responsive Web Design.

À qui s’adresse ce tutoriel

Ce tuto CSS et HTML réalisé par Steven Sil s’adresse principalement aux personnes disposant d’un site web, aussi bien vitrine que e-commerce. Il est recommandé de maîtriser les bases des deux langages pour suivre ce cours dans de parfaites conditions.

Maîtriser les fondamentaux du Responsive Web Design

Durant près de 3h de cours, les différents aspects du Responsive Design seront abordés avec au programme :

  • L’utilisation des media queries pour modifier la disposition des éléments en fonction de la taille de l’écran du visiteur ;
  • La découverte et l’utilisation des unités relatives ;
  • L’adaptation des textes ;
  • La modification des sources des images ;
  • Les médias flexibles ;
  • La découverte du Mobile First.

Pour terminer cette formation, vous réaliserez une landing page entièrement responsive.

Comme la plupart des cours proposés par Tuto.com, en achetant celui-ci vous bénéficierez des fichiers sources pour ainsi vous entraîner sur les mêmes exemples que ceux vus dans le cours en vidéo.

Le responsive design

Avant toute chose, il est important de bien comprendre en quoi consiste le Responsive Design et ses différentes composantes. C’est l’objet de ce tutoriel offert par Tuto.com et tiré de cette formation complète.

Vous souhaitez aller plus loin ? Retrouvez A la découverte du Responsive Design sur Tuto.com.