Découvrir les Variables en CSS avec 2 exemples concrets
Découvrir les Variables en CSS avec 2 exemples concrets
Pourquoi vous devez 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.
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 quelque soit votre projet web (blog, site e-commerce, application mobile, etc.), vous devrez forcément utiliser du HTML et du CSS.
Au programme de cette formation Apprendre le HTLM et le CSS
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 boîte.
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 publierons 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 pour que vous puissiez tout voir clairement pendant le cours. (vous pouvez regarder les extraits 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.
Bonne formation !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Découverte du Html
Découverte du Html
Chapitre 3
Apprendre le HTML
Apprendre le HTML
Chapitre 4
Les bases du CSS
Les bases du CSS
Chapitre 5
Mise en forme de texte en CSS
Mise en forme de texte en CSS
Chapitre 6
Concept de boite CSS
Concept de boite CSS
Chapitre 7
CSS utilisation avancée
CSS utilisation avancée
Plan détaillé du cours
Chapitre 1 : Introduction
10m47
Leçon 1Pourquoi vous devez apprendre le Html et le Css
Chapitre 2 : Découverte du Html
34m58
Leçon 1Comment fonctionne votre navigateur Web
Leçon 2Les bases du langage HTML
Leçon 3Créer votre première page Html
Chapitre 3 : Apprendre le HTML
2h32
Leçon 1L'éléments HTML Head
Leçon 2Les élements textuels
Leçon 3Élément titre
Leçon 4Éléments liste
Leçon 5Les images
Leçon 6Liens hypertextes
Leçon 7Les tableaux
Leçon 8Les médias vidéo et audio
Leçon 9Les commentaires
Leçon 10Envoyer un courrier électronique
Leçon 11Contexte de navigation imbriqué
Leçon 12Conteneur générique div et span
Leçon 13Les formulaires
Leçon 14Validation de code W3C
Leçon 15Inspecteur
Chapitre 4 : Les bases du CSS
1h10
Leçon 1Syntaxe du CSS
Leçon 2Comment rédiger du Css dans vos pages Html
Leçon 3Les commentaires
Leçon 4Introduction aux sélecteurs CSS complexes et combinateurs
Leçon 5Les attributs class id et les sélecteurs CSS associés
Leçon 6Feuilles de style en cascade & héritage
Leçon 7Les éléments HTML div et span en CSS
Chapitre 5 : Mise en forme de texte en CSS
44m10
Leçon 1Gestion de la police (font-family)
Leçon 2Les propriétés CSS de Police
Leçon 3Les propriétés CSS de Texte
Leçon 4Interlignes et espacements de Texte
Leçon 5Couleur et transparence de Texte
Chapitre 6 : Concept de boite CSS
1h44
Leçon 1Les boites en CSS
Leçon 2Les unités de mesures
Leçon 3Largeur minimale et maximale d'un élément
Leçon 4Les éléments flottants
Leçon 5Types d’éléments HTML block et inline
Leçon 6Positionner les éléments (position)
Leçon 7Ordre des différentes couches (z-index)
Leçon 8Calcul de la taille d’un élément (box-sizing)
Leçon 9Arrondir les bordures (border-radius)
Leçon 10Exercice pratique Positionnement
Leçon 11Exercice pratique Correction
Chapitre 7 : CSS utilisation avancée
53m51
Leçon 1Sélecteurs Css Avancés
Leçon 2Les pseudo-classes
Leçon 3Les pseudo-elements
Leçon 4Les transitions en CSS
Leçon 5Les animations en CSS
Chapitre 8 : La propriété Background en Css
45m40
Leçon 1Définir une image d'arriére plan (background-image)
Leçon 2Répétition de l’arrière plan (background-repeat)
Leçon 3Origine de l’arrière plan (background-origin)
Leçon 4Origine de l’arrière plan (background-origin)
Leçon 5Définir la position de l’arrière plan (background-position)
Leçon 6Définir la taille des images d'arrière-plan (background-size)
Leçon 7Définir la façon dont l'arrière-plan s'étend (background-clip)
Leçon 8Fixer la position de l’arrière plan (background-attachment)
Leçon 9Ajouter un dégradé linéaire a l'image de fond (linear-gradient)
Leçon 10Propriété raccourcie background
Chapitre 9 : Modèles de boite flexibles (flexbox Css)
1h07
Leçon 1Modèle de boite flexible (flex-direction)
Leçon 2Répartition des éléments flexible (justify-content)
Leçon 3Répartition des éléments flexible (justify-content)
Leçon 4Alignement sur l'axe secondaire (align-items)
Leçon 5Retour a la ligne des flex-items (flex-wrap)
Leçon 6Espacement sur l'axe secondaire (align-content)
Leçon 7La propriété raccourcie flex-flow
Leçon 8Ordre d'apparition des flex items (order)
Leçon 9Facteur d'expansion d'un élément flexible (flex-grow)
Leçon 10Facteur de rétrécissement d'un élément flexible (flex-shrink)
Leçon 11Taille initiale principale pour un élément flexible (flex-basis)
Leçon 12La propriété raccourcie flex
Leçon 13Exercice pratique boites flexibles
Leçon 14Correction de l'exercice
Chapitre 10 : Les médias queries (responsive design)
29m31
Leçon 1Découverte des médias queries
Leçon 2Création d'un layout simple
Leçon 3Responsive design (média queries)
Chapitre 11 : CSS Grid layout (modèle de disposition en grille)
1h10
Leçon 1Présentation et terminologie des grilles Css
Leçon 2Création d'une grille
Leçon 3Unités de mesure fractionnée (fr)
Leçon 4Espacements entre les lignes et les colonnes d'une grille
Leçon 5Alignement Horizontale et Verticale des items-grid
Leçon 6Alignement Horizontale et Verticale des items-grid
Leçon 7Alignement Horizontale et Verticale de la grille
Leçon 8Emplacement d'un élément sur la grille
Leçon 9Zones de grille nommées
Leçon 10Contrôle de l'algorithme de placement automatique
Leçon 11Définir la taille d'une colonne/ligne de grille créée de façon implicite
Chapitre 12 : Réalisation d'un site internet personnel de présentation
2h38
Leçon 1Les nouveaux éléments à valeur sémantique du HTML5
Leçon 2Maquette du site
Leçon 3Entête du site
Leçon 4Barre de navigation
Leçon 5Disposition du contenu de la page (grid-css-layout)
Leçon 6Pied de page du site
Leçon 7Génération des pages du site
Leçon 8Index contenu aside : Informations
Leçon 9Index contenu aside : Atouts
Leçon 10Adaptation de l’élément pour Mozilla Firefox
Leçon 11Index contenu section : A propos de moi et Recherche
Leçon 12Index contenu : boite de compétences
Leçon 13Portfolio
Leçon 14Curriculum Vitae
Leçon 15Contact
Leçon 16Personnaliser l'icone du site (favicon)
Leçon 17Personnaliser l'icone du site (favicon)
Chapitre 13 : Héberger votre site web
35m02
Leçon 1Publier son site en ligne
Leçon 2Souscription chez un hébergeur
Leçon 3Présentation de l'interface d'administration et terminologie
Leçon 4Transfert du site chez l'hébergeur (ftp)
Aperçus
Avis des apprenants