Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

CSS : Positionnement et mise en page

Découvrir cette formation

Testez gratuitement nos 1334 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Tout d'abord, passez en revue avec votre formateur les différents points qui vont être abordés au cours de cette formation.
04:04

Transcription

Bonjour et bienvenue dans cette formation sur le positionnement et la mise en page au travers des CSS. Je vous propose que nous fassions ensemble le tour du sommaire et que nous voyions un peu les divers chapitres que nous allons aborder. Nous allons commencer par une large introduction qui va nous permettre de pouvoir bien définir qu'est-ce qu'on entend par positionnement, et surtout qu'est-ce que la mise en page au travers de pages responsives par exemple et de voir toutes les notions qui peuvent être employées derrière l'aspect responsive. On prendra aussi en compte la notion des mises en page en tableau, de voir qu'est-ce que c'était et pourquoi les mises en page en tableau sont-elles devenues obsolètes. Et nous ferons également un tour sur la structuration HTML avec une bonne définition que le HTML est là pour structurer le contenu et non pas pour le mettre en place. Nous verrons ensuite un large chapitre qui nous permettra de faire le tour des grilles : à quoi elles nous servent ? est-ce que c'est bien ? est-ce que c'est pas bien ? est-on pour ou contre ? On verra comment elles s'utilisent et puis il existe des frameworks. C'est-à-dire des ensembles qui vont beaucoup plus loin que la grille tout en l'intégrant. Et puis le standard CME avec le W3C et le grid layout, et puis on verra également qu'on peut utiliser un pré-processeur pour mettre en place ces grilles Soit, simplement visuellement, soit, pour s'y appuyer dessus. Je vous propose ensuite qu'on fasse un grand retour sur le modèle de boîte. On ira directement dans le vif du sujet en voyant comment on peut centrer les éléments, que ceux-ci soient inline ou de type bloc. On ira un peu plus loin sur le travail des fusions de marges pour mieux comprendre comment on peut les contrôler, comment on travaille une colonne dans des blocs, et puis surtout dès qu'on va travailler sur des blocs et des colonnes, comment on va pouvoir assurer le suivi des bordures. On reviendra largement sur la flotaison et sur la manière dont on peut l'utiliser avec surtout l'encapsulation dans un parent en gérant sa hauteur. On verra comment on peut contrôler, et surtout, arrêter donc cette flotaison on verra qu'on peut faire des mises en page avec de la floataison d’ailleurs, c'est ce qui a été fait pendant des années. Mais on abordera également certaines alternatives comme le mode d'affichage display inline. On verra qu'on peut utiliser, par exemple, toujours les mêmes hauteurs d'éléments et quel va être l'un ou l'autre. Alors justement, plus en détails sur la fonctionnalité d'affichage display. On verra que l'on a la possibilité de respecter des mises en page qui vont s'appuyer sur cette fonction là, mais qu'elle peut introduire parfois quelques pixels de marge, et comment on va pouvoir les contrôler et les contourner et d’où ils proviennent surtout. On verra qu'on peut également garder les hauteurs identiques pour l'ensemble des éléments et on finira la propriété display; en voyant qu'on peut aller beaucoup plus loin en s'appuyant, toujours pareil, sur le W3C. On approchera également la propriété position. On verra comment on l'utilise plus dans des cas particuliers avec la position relative ou absolue et qu'on peut rester toujours sur un travail en position fixe. On reviendra largement sur les flex box, en étudiant qu'on peut mettre en place un certain nombre d'éléments de contenu, comme par exemple les menus, on peut réorganiser l'ensemble des éléments, on peut se répartir sur un damier, on peut créer des graphiques et qu'on peut faire bien plus que ça. On verra que donc on peut travailler avec les flex jusqu’à les embriquer. Enfin, on ouvrira un large chapitre sur les CSS à venir, on verra comment on peut les explorer, comment on peut suivre les travaux du W3C et on explorera des fonctionnalités comme les régions, les exclusions, ou les shapes. Bien entendu, tout ça reste quelque chose de très avant-gardiste et quelque part beaucoup de navigateurs ne les prennent pas en compte, il faut utiliser des polyfill. Et on verra donc qu'il faut s'entourer de certains outils pour pouvoir travailler et explorer ces fonctionnalités là, qui vont venir, qui vont peupler nos navigateurs et on verra que, bien entendu, on peut participer au travail avec le W3C. Voila, donc, je vous invite sans plus tarder maintenant à passer au premier chapitre et à regarder déjà cette large introduction sur le positionnement et la mise en page.

CSS : Positionnement et mise en page

Exploitez le positionnement en CSS et tirez parti des techniques pour mettre en forme votre site. Utilisez la flottaison des éléments, les propriétés de positionnement, etc.

5h01 (55 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :31 août 2016

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 !