Apprendre le HTML 5 et CSS 3 | Débutant à Expert
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Apprendre le HTML 5 et CSS 3 | Débutant à Expert

Jean Philippe Parein
38,99€
3 paiements de 12,67€ avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Pourquoi vous devez apprendre le HTML et le CSS ?

Que vous vouliez créer un site web, ou utiliser un CMS comme WordPress ou développer des applications web, vous aurez besoin obligatoirement de passer par ces langages ! En effet le HTML et le CSS sont exclusifs et n'ont pas de concurrent. Vous allez donc obligatoirement devoir passer par eux pour effectuer certaines opérations.

Le HTML et le CSS sont deux véritables standards en informatique.

De plus, les langages HTML et CSS vont se trouver à la base de tout projet web, car ils ont un rôle qui les rend incontournables : les navigateurs sont des programmes qui ont été construits pour pouvoir lire du code HTML au départ et qui ne peuvent aujourd’hui lire que du code HTML, CSS et nous allons donc nous appuyer sur ces langages (et sur le HTML en particulier) pour pouvoir afficher nos pages.

En conclusion quelque soit votre projet web (blog, site e-commerce, application mobile, etc.), vous devrez forcément utiliser du HTML et du CSS.

Au programme de cette formation Apprendre le HTLM et le CSS

Dans un premier temps, vous apprendrez les bases de ces langages :

  • Utiliser un éditeur de code,
  • Créer votre première page Internet,
  • Apprendre a utiliser les éléments HTML,
  • Styliser les éléments HTML grâce aux propriétés CSS,
  • Le concept de boîte.

Une fois que vous aurez acquis les bases, vous apprendre des fonctionnalités avancées :

  • Utiliser les sélecteurs avancés en CSS,
  • Apprendre les boites flexibles (Flexbox),
  • Utiliser les grilles (CSS Layout Grid),
  • Les pseudo-classes et les pseudo-éléments,
  • Les transitions et les animations CSS,
  • Le Responsive Web Design (Média queries),
  • Et bien d'autres fonctionnalités...

Ensuite, pour mettre en application toutes vos compétences, nous réaliserons un site Internet de présentation (adaptable à votre profil). Puis, nous le publierons en ligne chez un hébergeur gratuit afin de partager votre profil au plus grand nombre sur la toile !

Tous les chapitres sont enregistrés en HD pour que vous puissiez tout voir clairement pendant le cours. (vous pouvez regarder les extraits gratuits).

Je répondrai personnellement à vos questions si vous en avez, et je fournirai autant d'aide que possible pour vous aider à maîtriser le HTML et le CSS.

Bonne formation ! 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Découverte du Html
Chapitre 3
Apprendre le HTML
Chapitre 4
Les bases du CSS
Chapitre 5
Mise en forme de texte en CSS
Chapitre 6
Concept de boite CSS
Chapitre 7
CSS utilisation avancée

Plan détaillé du cours

Chapitre 1 : Introduction
10m47
 
Leçon 1Pourquoi vous devez apprendre le Html et le Css
Chapitre 2 : Découverte du Html
34m58
 
Leçon 1Comment fonctionne votre navigateur Web
Leçon 2Les bases du langage HTML
Leçon 3Créer votre première page Html
Chapitre 3 : Apprendre le HTML
2h32
 
Leçon 1L'éléments HTML Head
Leçon 2Les élements textuels
Leçon 3Élément titre
Leçon 4Éléments liste
Leçon 5Les images
Leçon 6Liens hypertextes
Leçon 7Les tableaux
Leçon 8Les médias vidéo et audio
Leçon 9Les commentaires
Leçon 10Envoyer un courrier électronique
Leçon 11Contexte de navigation imbriqué
Leçon 12Conteneur générique div et span
Leçon 13Les formulaires
Leçon 14Validation de code W3C
Leçon 15Inspecteur
Chapitre 4 : Les bases du CSS
1h10
 
Leçon 1Syntaxe du CSS
Leçon 2Comment rédiger du Css dans vos pages Html
Leçon 3Les commentaires
Leçon 4Introduction aux sélecteurs CSS complexes et combinateurs
Leçon 5Les attributs class id et les sélecteurs CSS associés
Leçon 6Feuilles de style en cascade & héritage
Leçon 7Les éléments HTML div et span en CSS
Chapitre 5 : Mise en forme de texte en CSS
44m10
 
Leçon 1Gestion de la police (font-family)
Leçon 2Les propriétés CSS de Police
Leçon 3Les propriétés CSS de Texte
Leçon 4Interlignes et espacements de Texte
Leçon 5Couleur et transparence de Texte
Chapitre 6 : Concept de boite CSS
1h44
 
Leçon 1Les boites en CSS
Leçon 2Les unités de mesures
Leçon 3Largeur minimale et maximale d'un élément
Leçon 4Les éléments flottants
Leçon 5Types d’éléments HTML block et inline
Leçon 6Positionner les éléments (position)
Leçon 7Ordre des différentes couches (z-index)
Leçon 8Calcul de la taille d’un élément (box-sizing)
Leçon 9Arrondir les bordures (border-radius)
Leçon 10Exercice pratique Positionnement
Leçon 11Exercice pratique Correction
Chapitre 7 : CSS utilisation avancée
53m51
 
Leçon 1Sélecteurs Css Avancés
Leçon 2Les pseudo-classes
Leçon 3Les pseudo-elements
Leçon 4Les transitions en CSS
Leçon 5Les animations en CSS
Chapitre 8 : La propriété Background en Css
45m40
 
Leçon 1Définir une image d'arriére plan (background-image)
Leçon 2Répétition de l’arrière plan (background-repeat)
Leçon 3Origine de l’arrière plan (background-origin)
Leçon 4Origine de l’arrière plan (background-origin)
Leçon 5Définir la position de l’arrière plan (background-position)
Leçon 6Définir la taille des images d'arrière-plan (background-size)
Leçon 7Définir la façon dont l'arrière-plan s'étend (background-clip)
Leçon 8Fixer la position de l’arrière plan (background-attachment)
Leçon 9Ajouter un dégradé linéaire a l'image de fond (linear-gradient)
Leçon 10Propriété raccourcie background
Chapitre 9 : Modèles de boite flexibles (flexbox Css)
1h07
 
Leçon 1Modèle de boite flexible (flex-direction)
Leçon 2Répartition des éléments flexible (justify-content)
Leçon 3Répartition des éléments flexible (justify-content)
Leçon 4Alignement sur l'axe secondaire (align-items)
Leçon 5Retour a la ligne des flex-items (flex-wrap)
Leçon 6Espacement sur l'axe secondaire (align-content)
Leçon 7La propriété raccourcie flex-flow
Leçon 8Ordre d'apparition des flex items (order)
Leçon 9Facteur d'expansion d'un élément flexible (flex-grow)
Leçon 10Facteur de rétrécissement d'un élément flexible (flex-shrink)
Leçon 11Taille initiale principale pour un élément flexible (flex-basis)
Leçon 12La propriété raccourcie flex
Leçon 13Exercice pratique boites flexibles
Leçon 14Correction de l'exercice
Chapitre 10 : Les médias queries (responsive design)
29m31
 
Leçon 1Découverte des médias queries
Leçon 2Création d'un layout simple
Leçon 3Responsive design (média queries)
Chapitre 11 : CSS Grid layout (modèle de disposition en grille)
1h10
 
Leçon 1Présentation et terminologie des grilles Css
Leçon 2Création d'une grille
Leçon 3Unités de mesure fractionnée (fr)
Leçon 4Espacements entre les lignes et les colonnes d'une grille
Leçon 5Alignement Horizontale et Verticale des items-grid
Leçon 6Alignement Horizontale et Verticale des items-grid
Leçon 7Alignement Horizontale et Verticale de la grille
Leçon 8Emplacement d'un élément sur la grille
Leçon 9Zones de grille nommées
Leçon 10Contrôle de l'algorithme de placement automatique
Leçon 11Définir la taille d'une colonne/ligne de grille créée de façon implicite
Chapitre 12 : Réalisation d'un site internet personnel de présentation
2h38
 
Leçon 1Les nouveaux éléments à valeur sémantique du HTML5
Leçon 2Maquette du site
Leçon 3Entête du site
Leçon 4Barre de navigation
Leçon 5Disposition du contenu de la page (grid-css-layout)
Leçon 6Pied de page du site
Leçon 7Génération des pages du site
Leçon 8Index contenu aside : Informations
Leçon 9Index contenu aside : Atouts
Leçon 10Adaptation de l’élément pour Mozilla Firefox
Leçon 11Index contenu section : A propos de moi et Recherche
Leçon 12Index contenu : boite de compétences
Leçon 13Portfolio
Leçon 14Curriculum Vitae
Leçon 15Contact
Leçon 16Personnaliser l'icone du site (favicon)
Leçon 17Personnaliser l'icone du site (favicon)
Chapitre 13 : Héberger votre site web
35m02
 
Leçon 1Publier son site en ligne
Leçon 2Souscription chez un hébergeur
Leçon 3Présentation de l'interface d'administration et terminologie
Leçon 4Transfert du site chez l'hébergeur (ftp)

Aperçus

Avis des apprenants

Détail des avis
566
Apprenants
9
Commentaires
4,9/5
Note moyenne
5/5
8
4/5
1
3/5
0
2/5
0
1/5
0
Cyrille Monstard
Cyrille Monstard
Publié le 01/09/2024
Un grand merci pour la réalisation de ce cours. Très bien expliqué. Encore bravo.
Jean Philippe Parein
Merci a vous
Henda Berruet
Henda Berruet
Publié le 23/05/2024
Merci pour ce tuto, j’ai réussi à maîtriser pas mal de techniques en css surtout les containers et les grids.Mettre en ligne mon site.
Membre-9656-1392
Membre-9656-1392
Publié le 09/05/2022
Etant débutante en conversion, je ne comprenais rien sur les explications en classe mais avec ce cours j'essais de comprendre et je dois réviser cette vidéo pour maîtriser le codage. En tout cas merci pour cette vidéo bien détaillée.
Jean Philippe Parein
Merci a vous pour votre retour

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

HTML , CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Les exemples de code utilisés au long du cours ainsi que le code source du site web complet

Payer plus tard ou en 3x

Prix d'achat : 38,00 €
Pour payer plus tard ou en plusieurs versements échelonnés, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez plus tard ou en plusieurs fois

3 paiements de 12,67 €
tous les mois, sans intérêts
Total : 38,00 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données