Tous les tutoriels
page 26
TP Restaurant : Bloc présentation
Dans cette partie nous allons commencer à attaquer le corps de la page.
TP Restaurant : L'en-tête
Dans cette partie nous allons voir comment intégrer la partie haute du site
TP Restaurant : Ouvrir la maquette
L'objectif de ce TP est d'offrir un cas pratique au plus proche d'un cas réel. Nous allons partir ici d'une maquette .sketch fournie...
TP : Réseau social
Nous allons maintenant pratiquer les nouvelles choses que l'on a vu en construisant le CSS d'un réseau social. On fera en sorte de...
Media query et le "responsive"
Aujourd'hui les gens consomment internet sur une multitude de périphériques différents : PC, tablette et téléphone. Ces périphériques...
Animation & Transition
Le CSS permet d'animer certains éléments en appliquant une transition entre 2 états ou en déclarant une animation. Il est possible...
Transform
La propriété transform permet d'appliquer une transformation à un élément (rotation, translation, échelle...).
Pseudo-éléments
Un pseudo élément permet de mettre en forme certaines parties de l'élément ciblé par un sélecteur.
Polices personnalisées
Dans ce chapitre je vous propose de découvrir comment importer et utiliser des polices personnalisées pour votre page web. Nous allons...
La compatibilité des navigateurs
Il existe aujourd'hui une multitude de navigateurs pour naviguer sur internet et même si les standards sont unique on va très rapidement...
La spécificité des sélecteurs
Dans ce chapitre nous allons parler de la notion de spécificité des sélecteurs CSS. En effet, un élément peut être affecté par...
TP : Création d'un blog
Avant de continuer à découvrir de nouvelles choses, je vous propose de faire un peu de travaux pratiques en créant une page en conformément...
Le box-sizing
Le box-sizing permet de modifier le modèle de boîte CSS qui est utilisé pour calculer la largeur et la hauteur d'un élément. Il...
La propriété background
Dans ce chapitre nous allons nous attarder sur une propriété très utile pour mettre en page notre site : la propriété background....
Les éléments flottants : float
Par défaut la pluspart des éléments (ceux en display: block) vont s'empiler les uns sous les autres. C'est un comportement que l'on...
Le positionnement
Nous allons voir dans ce chapitre comment positionner nos éléments au sein de notre page web.
Les unités de mesures
Comme avec les couleurs, il est possible de définir les dimensions de nos éléments de plusieurs manières. En plus des unités classiques...
Les formats de couleurs
Comme nous l'avons vu dans le chapitre précédent, il est possible de définir la couleur de certains éléments mais nous n'avons...
Police & textes
Nous allons maintenant voir les différentes propriétées qui ont attrait à la personnalisations des textes au niveau de notre page...
Le modèle de boîte
Avant de nous lancer dans l'exploration des différentes propriétées il est important de comprendre comment fonctionne le modèle...
Les sélecteurs
Les sélecteurs vont permettre de cibler les éléments que l'on souhaite mettre en forme dans notre page web. Ils peuvent être plus...
Présentation
Maintenant que nous avons vu l'HTML je vous propose de découvrir le CSS. Ce langage va permettre de mettre en forme les éléments...
TP : Créer ses premières pages
Maintenant que l'on a fait un petit tour des éléments HTML et du fonctionnement général de ce langage, je vous propose d'essayer...
Les formulaires
Même si on ne sera pas en mesure de totalement les exploiter aujourd'hui je vous propose de faire un tour d'horizon des éléments...
Qu'est ce que le W3C ?
Le W3C, pour World Wide Web Consortium, est un organisme chargé de la standardisation de nombreuses technologies liées au web (HTML5,...