Apprendre HTML5 & CSS3 : Créez votre premier site internet

À propos de la formation

La formation « Apprendre HTML5 & CSS3 : Créez votre premier site internet » est conçue pour les débutants souhaitant s’initier au développement web. À travers un parcours pratique et interactif, vous apprendrez les bases essentielles du HTML5, le langage de balisage qui structure les pages web, et du CSS3, la technologie qui permet de styliser et d’animer vos contenus.

Qu'allez-vous apprendre ?

Tout ce qu'il faut savoir pour créer des sites internet professionnelles
Créer des beaux sites internet
Utiliser les dernières nouveautés en HTML5
Utiliser les dernières nouveautés en CSS3
Comprendre le fonctionnement des formulaires
Comprendre la structure d'un site internet
Construire un site internet de A à Z
Moderniser un site internet
Ajouter des images, des vidéos, de la musique, et gif
Créer un magnifique cv en ligne
Tout sur les apparences dynamiques
Tout sur flexbox
Rendre son site accessible sur toutes les plateformes

Matériel inclus

Fichiers sources prêts à l'emploi
Modèles de projets
Vidéos tutorielles
Certification de fin de formation
Groupe
Accès pendant 1 an

Programme de formation

Introduction

Bienvenue dans notre formation

02:11
Bienvenue dans le groupe : découvrez les règles et participez !

03:23
Prérequis

01:03
Qu’est-ce que HTML ?

02:54
Qu’est-ce que CSS ?

03:21
Quiz 1

Installaons notre ennvironnement

Entrons dans le monde du HTML

Comment commencer un projet ?

06:12
Les textes et les paragraphes

05:57
Qu’est-ce qu’une balise ?

04:33
Structure de base d’une page HTML

07:12
Les nouvelles balises de structure avec HTML5

06:57
Qu’est-ce qu’un attribut ?

01:03
Ajoutons des commentaires

05:11
Ajouter des titres

02:39
La mise en forme

12:51
Faire des listes

06:25
Liste avec des lettres

02:44
Tout sur les liens

14:46
Les liens pour télécharger des ressources

02:10
Les liens pour envoyer des emails

05:15
Ajouter une infobulle à son lien

01:09
Quiz 2

Tout ce qu’il faut savoir sur les images

Exercice 1 : Notre premier site internet !

Ajoutons du style à nos éléments

Où écrire notre code CSS ?

04:31
Les principaux sélecteurs : classes et ID

12:23
Mettre en italique, gras et souligné

10:15
Les commentaires en CSS

02:13
Les sélecteurs avancés

15:18
Récapitulatif des sélecteurs
Changer la taille du texte

02:37
Modifier la police du texte

07:03
Ajouter une police personnalisée (méthode simple)

08:37
Ajouter une police personnalisée (méthode créative)

10:35
Récapitulatif des polices
Aligner proprement son texte

03:31
Modifier la couleur d’un élément

06:02
Modifier le fond d’un élément

01:19
Jouer avec la transparence

04:38
Récapitulatif sur les couleurs
Ajouter une image en fond d’écran

11:51
Ajouter des ombres aux éléments

05:06
Générer des ombres facilements

02:46
Ajouter des bordures

03:19
Arrondir les angles

03:09
Quiz 4

La mise en page de notre site internet

Les balises dit « inline » et « block »

05:05
Les dimensions (width / height)

05:01
Qu’est-ce qu’une marge ?

04:23
[Astuce] Utiliser la console développeur de Google Chrome

06:30
Gérer les marges externes

05:21
Gérer les marges internes

06:48
Les positions : relatif vs. absolu vs. fixe

15:22
La position « sticky »

04:40
Gérer les éléments qui dépassent (overflow)

04:25
[Astuce] Le principe d’un container

07:29

Exercice 2 : Entraînons-nous sur le CSS

Les apparences dynamiques

Exercice 3 : Un bouton moderne

Les bases du webdesign

Flexons ensemble !

Exercice 4 : Exerçons-nous sur Flexbox

Les grilles avec CSS

Les grilles CSS

02:24
Initialiser les grilles

02:57
Les colonnes

02:40
Les lignes

02:04
Les pistes proportionnelles (unité fr)

02:31
Le raccourci : repeat()

03:26
Grilles implicites et grilles explicites

05:29
Positionner les éléments grâce aux gouttières

11:51
Aérer les éléments grâce aux gouttières

02:14
Les grilles imbriquées

03:23
Récapitulatif sur les Grilles.

Exercice 5 : Grilles

Le responsive design

Techniques avancées

Exercice 7 : Revoyons tout ce que nous venons d’apprendre

Les formulaires

Exercice 8 : Formulaires

Les variables et :root

Créons nos animations avec CSS

Exercice 9 : Animations

Projet : Créer une site portfolio professionnel

Conclusion

Votre formateur

Marchal Vincent

Développeur Web / WebDesigner

0 Rating 2 Formations 4 Étudiants:

Je suis Vincent Marchal, web designer, développeur et formateur depuis 5 ans. J’ai eu la chance de former plus de 50 stagiaires sourd(e)s au sein de l’ancien campus Signes & Formations.

Passionné par le numérique, je crée des sites internets et des contenus graphiques attractifs et accessibles. Je partage aussi mes connaissances pour aider les autres à apprendre les bases du développement, du design et de la création graphique.

Notre programme TOP

Apprendre HTML5