Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Vous avez envie de créer votre site Internet ? Vous ne savez pas par où commencer ? Vous avez peur que cela soit trop compliqué ?
Je viens de réaliser cette formation complète sur l'apprentissage simple et rapide des langages HTML5 et CSS3 !
Cette formation s'adresse aux débutants, à celles et ceux qui souhaitent apprendre à réaliser un site Internet.
Cette formation est très complète et elle est extrêmement abordable pour qui n'a jamais touché au HTML ou au CSS.
Au programme de cette formation HTML5 & CSS3 complète :
- Plus de 10h de formation en vidéo avec des cours structurés qui vont vous permettre d'évoluer à votre rythme.
- Un TP que nous réaliserons ensemble. Nous verrons comment l'aborder de manière professionnelle. Nous réaliserons un site Internet 100% responsive (notre site pourra s'afficher aussi bien sur un écran d'ordinateur, que sur une tablette ou un téléphone).
- Les fichiers sources du TP sont téléchargeables.
- Un QCM complet pour valider vos compétences.
Je reste disponible pour répondre à vos questions dans le salon d'entraide du cours.
Le programme complet de cette formation est disponible sur la table des matières, juste en bas !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Mes premiers pas en HTML et en CSS
Mes premiers pas en HTML et en CSS
Chapitre 2
Mes premiers codes en HTML
Mes premiers codes en HTML
Chapitre 3
Le HTML avancé
Le HTML avancé
Chapitre 4
Mes premiers codes en CSS
Mes premiers codes en CSS
Chapitre 5
Le HTML et le CSS avancés
Le HTML et le CSS avancés
Chapitre 6
Les boîtes
Les boîtes
Chapitre 7
Les couleurs
Les couleurs
Plan détaillé du cours
Chapitre 1 : Mes premiers pas en HTML et en CSS
41m34
Leçon 1Introduction au HTML et au CSS
Leçon 2Ecrire et interpréter du HTML et du CSS
Leçon 3Un peu de vocabulaire
Leçon 4Structure de base d'une page HTML
Leçon 5L'imbrication des balises
Leçon 6Enregistrer et ouvrir un fichier HTML
Chapitre 2 : Mes premiers codes en HTML
1h13
Leçon 1Les balises de titre
Leçon 2Les balises de paragraphe
Leçon 3Les caractères accentués
Leçon 4Les commentaires
Leçon 5Faisons une petite pause !
Leçon 6Après la pause, faisons un break !
Leçon 7Créer un espace insécable
Leçon 8Saut de ligne et espace en une fois
Leçon 9Le formatage en HTML
Leçon 10Les listes ordonnées et non ordonnées
Leçon 11Un petit exercice avec les listes
Leçon 12Les listes imbriquées
Leçon 13Quelques balises en +
Chapitre 3 : Le HTML avancé
58m30
Leçon 1La première page
Leçon 2Les liens internes
Leçon 3Les liens externes
Leçon 4Les ancres nommées
Leçon 5Les autres types de lien
Leçon 6Les images
Leçon 7Faisons une petite pause !
Chapitre 4 : Mes premiers codes en CSS
36m14
Leçon 1Introduction au CSS
Leçon 2Les commentaires
Leçon 3Le sélecteur élément
Leçon 4Le sélecteur class
Leçon 5Le sélecteur id
Leçon 6Faisons une petite pause !
Leçon 7L'héritage
Leçon 8L'ordre de priorité des styles
Chapitre 5 : Le HTML et le CSS avancés
15m11
Leçon 1Introduction
Leçon 2Block et inline
Leçon 3La balise DIV
Leçon 4La balise SPAN
Chapitre 6 : Les boîtes
1h48
Leçon 1Introduction
Leçon 2La largeur
Leçon 3La hauteur
Leçon 4Les bordures
Leçon 5Les marges intérieures
Leçon 6Les marges extérieures
Leçon 7Faisons une petite pause !
Leçon 8Les ombres
Leçon 9Le positionnement : static
Leçon 10Le positionnement : relative
Leçon 11Le positionnement : fixed
Leçon 12Le positionnement : absolute
Leçon 13L'ordre d'affichage des éléments
Leçon 14La propriété : float
Leçon 15La propriété : clear
Leçon 16La propriété : overflow
Chapitre 7 : Les couleurs
17m46
Leçon 1Le RGB et le RGBa
Leçon 2Le mode hexadécimal
Leçon 3Les dégradés
Chapitre 8 : Image de fond d'écran
14m42
Leçon 1Déclarer une image de fond
Leçon 2Taille et répétition de l'image
Leçon 3Gérer la position de l'image
Leçon 4Plusieurs images de fond
Chapitre 9 : Les tableaux
29m03
Leçon 1Tableau simple
Leçon 2Un peu de style à notre tableau
Leçon 3Entête et légende
Leçon 4Un peu plus de style
Leçon 5Définir des zones
Leçon 6Encore un peu plus de style
Leçon 7Fusion des cellules
Chapitre 10 : Les textes
39m51
Leçon 1La police
Leçon 2@import de police
Leçon 3La taille
Leçon 4Ecrire en italique
Leçon 5Définir l'épaisseur
Leçon 6Définir la couleur
Leçon 7Alignement du texte
Leçon 8Majuscule, minuscule
Leçon 9Un peu de déco !
Leçon 10Indenter du texte
Leçon 11Les ombres
Leçon 12Modifier l'espace entre les lignes
Leçon 13Modifier l'espace entre les lettres
Leçon 14Modifier l'espace entre les mots
Chapitre 11 : Les formulaires
54m43
Leçon 1Introduction
Leçon 2Les bases
Leçon 3Les différents input
Leçon 4Les boutons radio
Leçon 5Les cases à cocher
Leçon 6Le menu déroulant
Leçon 7Une valeur dans le input
Leçon 8Rendre un champ obligatoire
Leçon 9Définir des zones
Chapitre 12 : Le CSS expert
46m31
Leçon 1Le sélecteur universel
Leçon 2Même style pour plusieurs sélecteurs
Leçon 3Cibler un sélecteur
Leçon 4Le sélecteur suivant
Leçon 5Le sélecteur enfant
Leçon 6Cibler un attribut
Leçon 7Les pseudo classes
Leçon 8Les pseudo éléments
Leçon 9Les transitions
Leçon 10Les animations
Leçon 11Le display
Chapitre 13 : Les médias
27m36
Leçon 1L'image
Leçon 2L'audio
Leçon 3La vidéo
Leçon 4La balise FIGURE
Chapitre 14 : Les metas
07m39
Leçon 1Introduction
Leçon 2Description
Leçon 3Mots clés
Chapitre 15 : Le final
35m57
Leçon 1Les balises structurantes
Leçon 2Zoom sur les balises structurantes
Leçon 3Le meta viewport
Leçon 4Présentation des media queries
Leçon 5Exemple d'utilisation des media queries
Chapitre 16 : Annexe
11m20
Leçon 1Les navigateurs
Leçon 2Le nom de domaine
Leçon 3L'hébergeur
Leçon 4Le client FTP
Chapitre 17 : Travaux Pratique : le TP
2h50
Leçon 1Présentation du TP
Leçon 2Elaboration du plan
Leçon 3Mise en place du fichier HTML
Leçon 4Mise en place du fichier CSS
Leçon 5Création du Header (1/2)
Leçon 6Création du Header (2/2)
Leçon 7Création de la navigation (1/3)
Leçon 8Création de la navigation (2/3)
Leçon 9Création de la navigation (3/3)
Leçon 10Création du footer
Leçon 11Création de la section 1 (1/2)
Leçon 12Création de la section 1 (2/2)
Leçon 13Section et transition
Leçon 14Création de la section 2 (1/3)
Leçon 15Création de la section 2 (2/3)
Leçon 16Création de la section 2 (3/3)
Leçon 17Création de la section 3
Leçon 18On finalise et c'est terminé !
Leçon 19Pour conclure cette formation
Aperçus
Avis des apprenants