Découverte
  • Qu'est-ce que vous apprendrez dans cette formation ?
  • Quel projet allons-nous réaliser tout au long de cette formation ?
  • Quel contenu regarder selon mon niveau ?
  • Qu'est-ce que le HTML ?
  • Qu'est-ce que le CSS ?
  • Testons nos connaissances !
Installons notre environnement
  • Choisissons notre éditeur de code
  • Liens : choisissez votre éditeur de code
  • Choisissons notre navigateur
  • Liens : choisissez votre navigateur
  • Comment poser mes questions ?
  • Testons nos connaissances !
  • Recevez gratuitement chaque mois un email sur les tendances du mois !
Plongeons dans le HTML
  • Comment commencer un projet ?
  • Qu'est-ce qu'une balise ?
  • Qu'est-ce qu'un attribut ?
  • Structure de base d'une page HTML
  • Mettre des commentaires pour ne pas se perdre
  • Les textes et les paragraphes
  • Ajouter des titres
  • Mettre en valeur certains éléments
  • Créer des listes
  • Rejoignez la Communauté des Etudiants
  • Testons nos connaissances !
Créer une vrai structure de plusieurs pages
  • Exercice : Créez une nouvelle page HTML
  • Organiser proprement notre site
  • Récapitulatif des balises de structure
  • Relier les pages entre-elles
  • Les attributs spécifiques aux liens
  • Un lien pour envoyer un email et télécharger des documents
  • Testons nos connaissances
Ajouter des images
  • Les différents types d'images
  • Mettre une image
  • Les attributs spécifiques aux images
  • Les figures
  • Testons nos connaissances !
Ajouter du style avec CSS
  • Où écrire notre code CSS ?
  • Les commentaires en CSS
  • Les types de sélecteurs : classes et ID
  • Les sélecteurs avancés
  • Récapitulatif des sélecteurs
  • Changer la taille du texte
  • Modifier la police du texte
  • Récapitulatif des polices de base
  • Ajouter une police personnalisée
  • Mettre en italique, gras et souligné
  • Aligner proprement son texte
  • Les flottants
  • Modifier le fond d'un élément
  • Récapitulatif des couleurs
  • Jouer avec la transparence
  • Ajouter des bordures
  • Récapitulatif des bordures
  • Testons nos connaissances !
Les nouveautés avec CSS3
  • Les bordures arrondies
  • Mettre des ombres sur nos éléments
  • Astuce pour générer rapidement nos codes
  • Testons nos connaissances !
Les apparences dynamiques
  • Au survol de la souris
  • Au clic de la souris
  • À la sélection d'un élément ou quand il a déjà été visité
  • Exercice : Remettons de l'ordre dans notre portfolio
La mise en page de notre site internet
  • Les balises dit "inline" et "block"
  • Les dimensions
  • Les marges internes et externes
  • Relatif Vs. Absolu Vs. Fixe
  • Opérations sur les textes
  • Exercice : Modifions notre portfolio
La mise en page nouvelle génération avec Flexbox
  • Qu'est-ce que Flexbox ?
  • Le principe de base : conteneur et éléments
  • Flexons !
  • Définir les éléments prioritaires
  • Choisir la taille des éléments
  • Testons nos connaissances !
Techniques avancées
  • Les tableaux simples et complexes
  • Fusionner les cellules
  • Mettre des vidéos
  • Mettre des musiques
  • Récapitulatif des attributs pour la vidéo et l'audio
  • Mettre un dégradé
  • Mettre un dégradé qui recouvre tout le fond automatiquement
  • Rendre son site accessible sur tous les appareils
  • Récapitulatif des balises pour les medias queries
  • Testons nos connaissances !
Les variables et :root
  • L'incroyable sélecteur :root
  • Qu'est-ce qu'une variable ?
  • Notre première variable
  • Récapitulatif sur les variables