Apprendre le HTML5 et CSS3 | Débutant à Expert Guide complet
- الوصف
- أقسام الدرس
- رأي
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 Headدرس فيديو
-
6Les élements textuelsدرس فيديو
-
7Élément titreدرس فيديو
-
8Éléments listeدرس فيديو
-
9Les imagesدرس فيديو
-
10Liens hypertextesدرس فيديو
-
11Les tableauxدرس فيديو
-
12Les médias vidéo et audioدرس فيديو
-
13Les commentairesدرس فيديو
-
14Envoyer un courrier électroniqueدرس فيديو
-
15Contexte de navigation imbriquéدرس فيديو
-
16Conteneur générique div et spanدرس فيديو
-
17Les formulairesدرس فيديو
-
18Validation de code W3Cدرس فيديو
-
19Inspecteurدرس فيديو
-
20Évaluation des compétences HTMLاختبار
Grâce a ce quiz, vérifiez ce que vous avez appris dans cette section.
-
21Syntaxe du CSSدرس فيديو
-
22Comment rédiger du Css dans vos pages Htmlدرس فيديو
-
23Les commentairesدرس فيديو
-
24Introduction aux sélecteurs CSS complexes et combinateursدرس فيديو
-
25Les attributs class id et les sélecteurs CSS associésدرس فيديو
-
26Feuilles de style en cascade & héritageدرس فيديو
-
27Les éléments HTML div et span en CSSدرس فيديو
-
28Évaluation des compétences CSSاختبار
-
34Les boites en CSSدرس فيديو
-
35Les unités de mesuresدرس فيديو
-
36Largeur minimale et maximale d'un élémentدرس فيديو
-
37Les éléments flottantsدرس فيديو
-
38Types d’éléments HTML block et inlineدرس فيديو
-
39Positionner les éléments (position).درس فيديو
-
40Ordre des différentes couches (z-index)درس فيديو
-
41Calcul de la taille d’un élément (box-sizing)درس فيديو
-
42Arrondir les bordures (border-radius)درس فيديو
-
43Exercice pratique Positionnementدرس فيديو
-
44Exercice pratique Correctionدرس فيديو
-
52Définir une image d'arriére plan (background-image)درس فيديو
-
53Répétition de l’arrière plan (background-repeat)درس فيديو
-
54Origine de l’arrière plan (background-origin)درس فيديو
-
55Définir la position de l’arrière plan (background-position)درس فيديو
-
56Définir la taille des images d'arrière-plan (background-size)درس فيديو
-
57Définir la façon dont l'arrière-plan s'étend (background-clip)درس فيديو
-
58Fixer la position de l’arrière plan (background-attachment)درس فيديو
-
59Ajouter un dégradé linéaire a l'image de fond (linear-gradient)درس فيديو
-
60Propriété raccourcie backgroundدرس فيديو
-
61Modèle de boite flexible (flex-direction)درس فيديو
-
62Répartition des éléments flexible (justify-content)درس فيديو
-
63Alignement sur l'axe secondaire (align-items)درس فيديو
-
64Retour a la ligne des flex-items (flex-wrap)درس فيديو
-
65Espacement sur l'axe secondaire (align-content)درس فيديو
-
66La propriété raccourcie flex-flowدرس فيديو
-
67Ordre d'apparition des flex items (order)درس فيديو
-
68Facteur d'expansion d'un élément flexible (flex-grow)درس فيديو
-
69Facteur de rétrécissement d'un élément flexible (flex-shrink)درس فيديو
-
70Taille initiale principale pour un élément flexible (flex-basis)درس فيديو
-
71La propriété raccourcie flexدرس فيديو
-
72Exercice pratique boites flexiblesدرس فيديو
-
73Correction de l'exerciceدرس فيديو
-
74Apprendre flexbox en s'amusantدرس نصي