Votre guide dans les plaines du far-web

Formation développeur web


« Donne un poisson à un homme, tu le nourris pour un jour. Apprends-lui à pêcher, tu le nourris pour toujours. » Lao Tseu

Modifier les propriétés CSS directement dans l'inspecteur

Mis à jour le

 (vidéo visible sur la plateforme de formation)inspecteur.mp4 ...

Fin de l'extrait

Sélecteurs, propriétés et valeurs

Mis à jour le

Créez un nouveau dossier css dans votre dossier exercices afin d'y placer tous les exercices concernant CSS. Téléchargez le fichier selecteur-propreites-valeurs.html fourni en pièces jointe de cet...

Fin de l'extrait

Arbre généalogique

Mis à jour le

Dans ce TP, vous allez découvrir les liens de parenté en CSS via une liste d'arbre généalogique familiale. Récupérez le fichier HTML fourni en pièce jointe en bas de l'exercice, puis déplacez ...

Fin de l'extrait

Pseudo-sélecteurs

Mis à jour le

Afin de pratiquer un peu les pseudos-sélecteurs, récupérez le fichier pseudo.html en pièce jointe, puis placez-le dans votre dossier css.Règles CSS à appliquer :quand on survole les liens avec l...

Fin de l'extrait

Boxoffice

Mis à jour le

Nous allons découvrir les propriétés CSS qui permettent de modifier les images et les espacements dans un document HTML.Récupérez les fichiers fournis en pièce jointe de l'exercice.Règles à ap...

Fin de l'extrait

Polices de caractères personnalisées

Mis à jour le

Pour cet exercice sur les fonts, commencez par télécharger le fichier en pièce jointe. Dans ce fichier, vous trouverez 4 paragraphes différents, voici les règles de style à appliquer :premier pa...

Fin de l'extrait

Article de presse

Mis à jour le

Téléchargez les fichiers en pièce jointe de l'exercice.Règles à appliquer :les images ayant la classe left doivent flotter à gaucheles images ayant la classe right doivent flotter à droitetoute...

Fin de l'extrait

Mode d'affichage

Mis à jour le

Téléchargez le fichier fourni en pièce jointe de l'exercice.Pour découvrir les modes d'affichages simple, vous allez devoir appliquer ces règles CSS aux différentes div qui se trouvent dans le f...

Fin de l'extrait

Positionnement

Mis à jour le

Téléchargez le fichier fourni en pièce jointe.Cet exercice - un peu plus compliqué que les autres - va vous permettre de tester les différents types de positionnement. Je vous averti, ça n'est p...

Fin de l'extrait

Flexbox

Mis à jour le

Téléchargez le fichier html en pièce jointe.Cet exercice un peu plus long que les précédents, va vous permettre de découvrir diverses possibilités des flexbox. On ne les verra pas toutes ici, v...

Fin de l'extrait

Retravailler le style de votre page d'accueil et de votre CV

Mis à jour le

Intégrez du CSS dans les exercices déjà réalisés, afin de leur donner un peu plus de style.Pages à améliorer :page d'accueilCVLibre à vous de choisir votre charte graphique, je ferai l'exercic...

Fin de l'extrait

Réaliser un template de blog

Mis à jour le

Reproduire ces maquettes en HTML / CSS en y intégrant des images, des fonts, des couleurs,.... de votre choix. Ce sont des pages typiques d'un blog. Choisissez le thème qui vous fait plaisir.Pa...

Fin de l'extrait

Réaliser un template e-commerce

Mis à jour le

IntroductionReproduire ces maquettes en HTML / CSS en y intégrant des images, des fonts, des couleurs,.... de votre choix. Je vous laisse libre de vendre ce que vous voulez sur votre e-commerce, j'ai...

Fin de l'extrait