Apprendre HTML5 & CSS3 rapidement et facilement
ERROR
00:00
00:00

TUTO Apprendre HTML5 & CSS3 rapidement et facilement

Carl Brison
49,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Chapitre 2
Mes premiers codes en HTML
Chapitre 3
Le HTML avancé
Chapitre 4
Mes premiers codes en CSS
Chapitre 5
Le HTML et le CSS avancés
Chapitre 6
Les boîtes
Chapitre 7
Les couleurs

Plan détaillé du cours

Chapitre 1 : Mes premiers pas en HTML et en CSS
41m34s
 
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
1h13m
 
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é
58m30s
 
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
36m14s
 
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
15m11s
 
Leçon 1Introduction
Leçon 2Block et inline
Leçon 3La balise DIV
Leçon 4La balise SPAN
Chapitre 6 : Les boîtes
1h48m
 
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
17m46s
 
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
14m42s
 
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
29m03s
 
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
39m51s
 
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
54m43s
 
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
46m31s
 
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
27m36s
 
Leçon 1L'image
Leçon 2L'audio
Leçon 3La vidéo
Leçon 4La balise FIGURE
Chapitre 14 : Les metas
07m39s
 
Leçon 1Introduction
Leçon 2Description
Leçon 3Mots clés
Chapitre 15 : Le final
35m57s
 
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
11m20s
 
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
2h50m
 
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

Détail des avis
238
Apprenants
27
Commentaires
4,9/5
Note moyenne
5/5
24
4/5
3
3/5
0
2/5
0
1/5
0
Guillaume Duval
Guillaume Duval
Publié le 23/11/2023
tres fluide super bien expliqué
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)
Alain Tardif
Alain Tardif
Publié le 31/12/2022
Quel plaisir de faire ce tuto. Je vous remercie pour la qualité des explications. J'ai aimé Simon & Garfunkel miss… L'astuce du menu hamburger était excellente. Le TP avec les bestioles (🤣) était très bien lui aussi. Je recommande à 100 % ce tutoriel. Mission accomplie, next ... Merci beaucoup M. Brison.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très détaillé et super gentil ;-)
Catherine Clément
Catherine Clément
Publié le 01/07/2022
Super tutoriel réalisé avec clarté par Mr Brison. Ce tuto est limpide et Monsieur Brison parle à une vitesse parfaite pour nous laisser le temps de le réaliser. Très clair dans ses explications. J'ai pu apprendre beaucoup grace à lui. Reste à savoir si je serai capable de réaliser un site aussi sympa que celui là, seule face à mon ordinateur et ne content que sur moi-même...
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire. Ayez confiance en vous, et plus vous ferez de pages web et plus vous progresserez ;-)

Vos questions sur le cours

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

HTML 5, CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Tous les élements nécessaires à la réalisation du TP de cette formation !

Bonjour, cette formation me serait'elle utile dans le cadre d'un site responsive sous wordpress? Et si oui pourquoi? Merci

Bonjour, WordPress est un CMS. Donc je pense que nous parlons de 2 choses bien différentes ! Il y a les utilisateurs de CMS et il y a les informaticiens ou les personnes qui font eux-mêmes leur développement.

Bonjour, je compte me réorienter dans ma vie professionnel, je souhaite devenir consultant SEO, mais avant cela je me doit d'apprendre les bases du langages html et css, alors j'avais penser a ce cours complet que vous proposez, mais j'ai vu aussi que vous faites des formations sur le codage "codeur débutant" , je voulais savoir si ce formation était en partie presente dans html css ou bien est ce une autre partie indépendante et complementaire ? et est ce utile pour mon objectif? merci pour votre réponse, je suis pret a commencer axel

Bonjour Axel, Si vous avez en effet besoin de connaître le HTML et le CSS pour votre activité future, effectivement cette formation répond à cette attente. Vous parlez de codage : sachez que HTML et CSS ne sont pas des langages de programmation. HTML est un langage structurant et CSS est un langage de mise en forme. Que l'on veuille faire du SEO ou bien de la programmation orientée web, les langages HTML et CSS sont nécessaires à connaître. Enfin, cette formation est orientée HTML5 et CSS3, les dernières versions disponibles à ce jour. En espérant avoir répondu à votre demande. Carl.

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données