Apprendre le HTML5 et CSS3 | Débutant à Expert Guide complet
- Description
- Programme
- Commentaires
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 HeadVideo lesson
-
6Les élements textuelsVideo lesson
-
7Élément titreVideo lesson
-
8Éléments listeVideo lesson
-
9Les imagesVideo lesson
-
10Liens hypertextesVideo lesson
-
11Les tableauxVideo lesson
-
12Les médias vidéo et audioVideo lesson
-
13Les commentairesVideo lesson
-
14Envoyer un courrier électroniqueVideo lesson
-
15Contexte de navigation imbriquéVideo lesson
-
16Conteneur générique div et spanVideo lesson
-
17Les formulairesVideo lesson
-
18Validation de code W3CVideo lesson
-
19InspecteurVideo lesson
-
20Évaluation des compétences HTMLQuiz
Grâce a ce quiz, vérifiez ce que vous avez appris dans cette section.
-
21Syntaxe du CSSVideo lesson
-
22Comment rédiger du Css dans vos pages HtmlVideo lesson
-
23Les commentairesVideo lesson
-
24Introduction aux sélecteurs CSS complexes et combinateursVideo lesson
-
25Les attributs class id et les sélecteurs CSS associésVideo lesson
-
26Feuilles de style en cascade & héritageVideo lesson
-
27Les éléments HTML div et span en CSSVideo lesson
-
28Évaluation des compétences CSSQuiz
-
34Les boites en CSSVideo lesson
-
35Les unités de mesuresVideo lesson
-
36Largeur minimale et maximale d'un élémentVideo lesson
-
37Les éléments flottantsVideo lesson
-
38Types d’éléments HTML block et inlineVideo lesson
-
39Positionner les éléments (position).Video lesson
-
40Ordre des différentes couches (z-index)Video lesson
-
41Calcul de la taille d’un élément (box-sizing)Video lesson
-
42Arrondir les bordures (border-radius)Video lesson
-
43Exercice pratique PositionnementVideo lesson
-
44Exercice pratique CorrectionVideo lesson
-
52Définir une image d'arriére plan (background-image)Video lesson
-
53Répétition de l’arrière plan (background-repeat)Video lesson
-
54Origine de l’arrière plan (background-origin)Video lesson
-
55Définir la position de l’arrière plan (background-position)Video lesson
-
56Définir la taille des images d'arrière-plan (background-size)Video lesson
-
57Définir la façon dont l'arrière-plan s'étend (background-clip)Video lesson
-
58Fixer la position de l’arrière plan (background-attachment)Video lesson
-
59Ajouter un dégradé linéaire a l'image de fond (linear-gradient)Video lesson
-
60Propriété raccourcie backgroundVideo lesson
-
61Modèle de boite flexible (flex-direction)Video lesson
-
62Répartition des éléments flexible (justify-content)Video lesson
-
63Alignement sur l'axe secondaire (align-items)Video lesson
-
64Retour a la ligne des flex-items (flex-wrap)Video lesson
-
65Espacement sur l'axe secondaire (align-content)Video lesson
-
66La propriété raccourcie flex-flowVideo lesson
-
67Ordre d'apparition des flex items (order)Video lesson
-
68Facteur d'expansion d'un élément flexible (flex-grow)Video lesson
-
69Facteur de rétrécissement d'un élément flexible (flex-shrink)Video lesson
-
70Taille initiale principale pour un élément flexible (flex-basis)Video lesson
-
71La propriété raccourcie flexVideo lesson
-
72Exercice pratique boites flexiblesVideo lesson
-
73Correction de l'exerciceVideo lesson
-
74Apprendre flexbox en s'amusantText lesson
![6801](https://academiaraqmya.gov.ma/wp-content/uploads/2021/04/2563702_5f0e_4.jpg)