Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir le design responsive

Connaître les bases d'un site responsive

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Le design responsive repose sur un certain nombre de technologies. Pour cela, vous devrez maîtriser les langages HTML5, CSS et JavaScript.

Transcription

Commençons par voir ensemble quelles vont être les techniques de base sur lesquelles va reposer la conception de sites responsive. Comme toutes les questions relatives à la conception de sites web, la conception responsive va commencer par le HTML. Un code HTML qui va être propre et bien structuré va aider à créer du contenu qui soit significatif et plus facile à manipuler en fonction du contexte. De même, le soin apporté par le concepteur à la planification de la sémantique du site, par exemple dans les utilisations des identifiants et des attributs de classe, va contribuer grandement à rendre le site plus réactif. Des rôles clairs pour les éléments et une structure cohérente vont faciliter la façon dont le site va s'afficher en s'adaptant à des contextes spécifiques. Le HTML5 comprend également quelques fonctionnalités qui vont permettre au site d'être plus fonctionnel sur plusieurs périphériques, en particulier mobiles. Les nouveaux éléments de formulaires, par exemple, vont permettre aux concepteurs de créer des formulaires qui vont profiter des interfaces des périphériques mobiles et qui vont permettre l'envoi d'appels téléphoniques et de textes par SMS sans nécessité de balisage supplémentaire, ou d'écrire des scripts. Et puis, comme vous l'imaginez, les CSS vont jouer un rôle majeur dans la création d'un design responsive. Les requêtes multimedia vont nous permettre d'appliquer différents ensembles de styles en fonction des facteurs Cela va nous permettre de modifier la disposition et la typographie d'un design qui soit plus adapté au contexte dans lequel il est visualisé. Les mise en page responsive sont généralement de nature fluide afin qu'elles puissent s'adapter à l'écran sur lequel on les verra. Et puis il y a des fonctionnalités CSS plus récentes, telles que les transitions et les transformations qui vont permettre aux concepteurs de modifier la manière dont le contenu s'affiche et interagir avec l'utilisateur sans nécessité d'écrire des scripts supplémentaires. Les images basées sur les CSS peuvent également aider à réduire la quantité de ressources demandées par la page en remplaçant des icônes ou d'autres images. Et puis enfin Le JavaScript est également utilisé à des degrés divers par différentes conceptions responsive. Il est principalement utilisé pour contrôler le chargement des ressources, pour fournir des images et des supports appropriés en fonction des besoins des différents appareils. Et puis ajouter des fonctionnalités spécifiques aux périphériques, comme par exemple la géolocalisation et des événements tactiles. Essentiellement avec ces trois technologies, HTML, CSS et JavaScript, nous allons avoir une épine dorsale pour des conceptions qui vont être beaucoup plus réactives. Nous allons, plus loin, bien entendu, explorer quelques-unes de ces techniques dans le détail. Pour le moment, n'oubliez pas que c'est le concept et les objectifs d'un design responsive qu'il est important de comprendre. Il existe de multiples techniques pour aider le contenu à s'adapter et dans tous les cas, les techniques et les stratégies qui portent sur le design responsive sont destinées à évoluer. Cela signifie que vous, en tant que concepteur, vous allez devoir explorer plusieurs techniques, et puis forger la vôtre en réfléchissant à la façon dont le design responsive va correspondre le mieux à votre stratégie globale pour votre site. tels que la taille de l'écran, l'orientation ou la résolution.

Découvrir le design responsive

Abordez les principes du design responsive. Comprenez la problématique des écrans haute densité, analysez les grilles fluides, explorez les outils de prototypage, etc.

Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Date de parution :6 sept. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !