Apprendre le HTML5 et CSS3 | Débutant à Expert Guide complet
- Objectifs pédagogiques
- Sections du cours
- Avis
POURQUOI 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 qui n’ont à l’heure actuelle aucun concurrent.
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 quel que soit votre projet web (blog, site e-commerce, application mobile, etc.), vous devrez forcément utiliser du HTML et du CSS.
DESCRIPTION DE LA FORMATION
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 boite
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 publieront 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 1080p pour que vous puissiez tout voir clairement pendant le cours. (vous pouvez regarder les previews 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.
N’attendez plus et cliquez sur Suivre ce cours en haut à droite. C’est parti !
-
5L'éléments HTML HeadLeçon vidéo
-
6Les élements textuelsLeçon vidéo
-
7Élément titreLeçon vidéo
-
8Éléments listeLeçon vidéo
-
9Les imagesLeçon vidéo
-
10Liens hypertextesLeçon vidéo
-
11Les tableauxLeçon vidéo
-
12Les médias vidéo et audioLeçon vidéo
-
13Les commentairesLeçon vidéo
-
14Envoyer un courrier électroniqueLeçon vidéo
-
15Contexte de navigation imbriquéLeçon vidéo
-
16Conteneur générique div et spanLeçon vidéo
-
17Les formulairesLeçon vidéo
-
18Validation de code W3CLeçon vidéo
-
19InspecteurLeçon vidéo
-
20Évaluation des compétences HTMLQuiz
Grâce a ce quiz, vérifiez ce que vous avez appris dans cette section.
-
21Syntaxe du CSSLeçon vidéo
-
22Comment rédiger du Css dans vos pages HtmlLeçon vidéo
-
23Les commentairesLeçon vidéo
-
24Introduction aux sélecteurs CSS complexes et combinateursLeçon vidéo
-
25Les attributs class id et les sélecteurs CSS associésLeçon vidéo
-
26Feuilles de style en cascade & héritageLeçon vidéo
-
27Les éléments HTML div et span en CSSLeçon vidéo
-
28Évaluation des compétences CSSQuiz
-
34Les boites en CSSLeçon vidéo
-
35Les unités de mesuresLeçon vidéo
-
36Largeur minimale et maximale d'un élémentLeçon vidéo
-
37Les éléments flottantsLeçon vidéo
-
38Types d’éléments HTML block et inlineLeçon vidéo
-
39Positionner les éléments (position).Leçon vidéo
-
40Ordre des différentes couches (z-index)Leçon vidéo
-
41Calcul de la taille d’un élément (box-sizing)Leçon vidéo
-
42Arrondir les bordures (border-radius)Leçon vidéo
-
43Exercice pratique PositionnementLeçon vidéo
-
44Exercice pratique CorrectionLeçon vidéo
-
52Définir une image d'arriére plan (background-image)Leçon vidéo
-
53Répétition de l’arrière plan (background-repeat)Leçon vidéo
-
54Origine de l’arrière plan (background-origin)Leçon vidéo
-
55Définir la position de l’arrière plan (background-position)Leçon vidéo
-
56Définir la taille des images d'arrière-plan (background-size)Leçon vidéo
-
57Définir la façon dont l'arrière-plan s'étend (background-clip)Leçon vidéo
-
58Fixer la position de l’arrière plan (background-attachment)Leçon vidéo
-
59Ajouter un dégradé linéaire a l'image de fond (linear-gradient)Leçon vidéo
-
60Propriété raccourcie backgroundLeçon vidéo
-
61Modèle de boite flexible (flex-direction)Leçon vidéo
-
62Répartition des éléments flexible (justify-content)Leçon vidéo
-
63Alignement sur l'axe secondaire (align-items)Leçon vidéo
-
64Retour a la ligne des flex-items (flex-wrap)Leçon vidéo
-
65Espacement sur l'axe secondaire (align-content)Leçon vidéo
-
66La propriété raccourcie flex-flowLeçon vidéo
-
67Ordre d'apparition des flex items (order)Leçon vidéo
-
68Facteur d'expansion d'un élément flexible (flex-grow)Leçon vidéo
-
69Facteur de rétrécissement d'un élément flexible (flex-shrink)Leçon vidéo
-
70Taille initiale principale pour un élément flexible (flex-basis)Leçon vidéo
-
71La propriété raccourcie flexLeçon vidéo
-
72Exercice pratique boites flexiblesLeçon vidéo
-
73Correction de l'exerciceLeçon vidéo
-
74Apprendre flexbox en s'amusantLeçon de texte