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

Produire du HTML fluide

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
En plus des fonctionnalités gérées par les feuilles de style CSS, vous devrez vous appliquer à écrire un code HTML propre et fluide.

Transcription

Bien que le HTML ne reçoive pas autant d'attention que les CSS lorsque l'on parle de conception de sites web responsives, la façon dont nous allons structurer notre HTML est tout aussi importante que la façon dont nous allons créer nos propres styles. Il y a donc une importance du codage du HTML qu' il faut prendre en compte. Bien entendu, lorsque nous allons travailler pour des tailles d'écrans différents et des périphériques qui vont se comporter différemment, il y a un besoin de style mais il y a également besoin d'une structure solide pour le code. Les bonnes pratiques sont dans un premier temps d'écrire du code propre sans balise qui soit exotique ou redondante et puis ensuite il va falloir utiliser le HTML 5 et pour pouvoir bien structurer ces documents, vous allez pouvoir vous intéresser aux microformats sur schema.org également sur le site du w3.org/TR/microdata. En utilisant les microformats du HTML 5 et bien entendu un code propre, vous allez produire des site responsives qui seront solides. Il faut également penser à utiliser des zones de contenus qui sont des zones de contenus standard : plus nous standardiserons ces zones de contenus, par exemple avec des balises comme article et puis nous allons devoir fragmenter notre code. Lorsque nous allons prévoir des mises en page pour différents périphériques, nous allons structurer notre code de façon différente en fonction des périphériques pour lesquels nous allons travailler. On va pouvoir également utiliser des scripts. Par exemple lorsque nous allons avoir un menu à afficher, nous allons pouvoir avec un script de type JavaScript modifier la présentation de ce menu ici avec le burger menu. L'utilisation de ces scripts n'est pas toujours forcément très facile et il va falloir que vous vous documentiez. Mais il existe de nombreuses librairies de script qui sont très utiles et qui sont très bien documentées. Vous pouvez vous intéresser notamment à la bibliothèque Southstreet de Filamentgroup qui va rassembler un certain nombre de propriétés qui vont détecter au niveau des périphériques des fonctionnalités et avec laquelle vous allez pouvoir également produire des contenus particulièrement bien adaptables. Vous voyez donc qu'il y a d'un côté bien entendu les CSS mais il y a également de l'autre côté la nécessité d'écrire un code HTML qui soit fluide et propre.

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
Votre/vos formateur(s) :
Date de parution :6 sept. 2017
Durée :2h02 (25 vidéos)

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 !