CATALOGUE Code XHTML/CSS Apprendre CSS 3
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
DescriptionProgrammeAvis
5,0

Apprendre CSS 3

89,00€ Je commande
À partir de
27€ /mois
Je m'abonne à Elephorm

Objectifs

Description

HTML 5 et CSS 3 sont indissociable. Sans le CSS, le web aurait l’allure d’un immense livre rédigé à la machine à écrire, et grâce à lui, on développe sans cesse de nouvelles tendances graphiques, des animations, des standards d'accessibilité, pour des expériences utilisateurs encore plus riche !

Détails de la formation

Dans cette formation, nous apprenons dans une première partie :

- La syntaxe du CSS, les sélecteurs, pour mettre en forme chaque élément de notre code HTML
- La gestion des polices, des couleurs, les unités de valeurs
- Les arrières plans, la gestion des images
- Le positionnement des éléments sur la page
- La mise en forme des tableaux, des listes, des boutons, et des formulaires

Pas à pas, et grâce aux fichiers de travail téléchargeables, vous maitrisez les fondamentaux de CSS et pouvez proposer un site internet plaisant graphiquement et agréable à utiliser.

Dans un second temps, je vous propose de réaliser l’intégration HTML et CSS d’un projet web, des premières lignes de code, à la mise en production sur votre serveur. 

Nous travaillons ainsi à partir d’une maquette, sur l’intégration de toutes les pages de notre site, en passant par les bonnes pratiques, la validation W3C et la gestion des styles …

Pas à pas, vous réalisez un projet complet d’intégrateur web ou de développeur front end.

 

 

 

Voir plus

Programme détaillé de la formation

Teaser de la formation
Je commande Je m'abonne
Définition 04:39
Je commande Je m'abonne
Le style en ligne 01:47
Je commande Je m'abonne
Le style dans le head du document 02:46
Je commande Je m'abonne
Le style css dans un fichier 03:45
Je commande Je m'abonne
Le commentaire CSS 03:22
Je commande Je m'abonne
Structurer son code CSS 04:39
Je commande Je m'abonne
La couleur en Hexadécimal 02:39
Je commande Je m'abonne
La couleur en RGB 01:32
Je commande Je m'abonne
Les mots clefs 01:06
Je commande Je m'abonne
Outils pratiques 04:41
Je commande Je m'abonne
Les sélécteurs CSS 02:43
Je commande Je m'abonne
Saisie de code html 00:14
Je commande Je m'abonne
Le sélécteur d'élement 06:21
Je commande Je m'abonne
Les pseudo classes de liens 05:26
Je commande Je m'abonne
Le sélécteur d'identifiant 04:34
Je commande Je m'abonne
Le sélécteur de classe 05:41
Je commande Je m'abonne
Saisie de code html 02:46
Je commande Je m'abonne
Le sélécteur adjacent 00:45
Je commande Je m'abonne
Le selécteur enfant 02:28
Je commande Je m'abonne
Les autres pseudo classes 05:44
Je commande Je m'abonne
Le sélécteur d'attribut 08:28
Je commande Je m'abonne
Les unités de valeurs 05:41
Je commande Je m'abonne
Familles de polices 04:38
Je commande Je m'abonne
Taille des polices 01:29
Je commande Je m'abonne
La couleur du texte 00:35
Je commande Je m'abonne
L'interligne - centrage 04:16
Je commande Je m'abonne
L'orientation de la police 02:44
Je commande Je m'abonne
La graisse de la police 01:55
Je commande Je m'abonne
Les capitales - Minuscules 01:41
Je commande Je m'abonne
Les petites capitales 02:24
Je commande Je m'abonne
Les soulignement 00:34
Je commande Je m'abonne
L'alignement 04:21
Je commande Je m'abonne
L'indentation 01:13
Je commande Je m'abonne
Espacement des lettres 01:37
Je commande Je m'abonne
Espacement des mots 00:38
Je commande Je m'abonne
Chargez des polices en local 11:10
Je commande Je m'abonne
Chargez des polices via des services en ligne 05:21
Je commande Je m'abonne
Les font icons 15:08
Je commande Je m'abonne
Les bordures en css 05:22
Je commande Je m'abonne
Les styles de listes 09:10
Je commande Je m'abonne
Le contenu, le fond de couleur et le padding 04:52
Je commande Je m'abonne
Les bordures 00:57
Je commande Je m'abonne
Les marges 02:56
Je commande Je m'abonne
Les dimensions et le calcul de la boîte 04:10
Je commande Je m'abonne
Le modèle de boîte décomposé 01:11
Je commande Je m'abonne
L'inspecteur d'élément 01:21
Je commande Je m'abonne
Visualiser les élément HTML 02:07
Je commande Je m'abonne
Visualiser le code CSS 02:30
Je commande Je m'abonne
Visualiser le modèle de boite 01:59
Je commande Je m'abonne
Modifier son code tester en live 04:27
Je commande Je m'abonne
Les avantages de l'inspecteur d'éléments 13:45
Je commande Je m'abonne
La fusion des marges 06:40
Je commande Je m'abonne
L'image de fond 02:33
Je commande Je m'abonne
Répétition d'une image de fond 01:54
Je commande Je m'abonne
Positionner l'image de fond 03:17
Je commande Je m'abonne
Dimensionner l'image de fond 05:05
Je commande Je m'abonne
Placer une image d'en-tête 08:24
Je commande Je m'abonne
Visibilité d'un élément 01:43
Je commande Je m'abonne
Elément bloc 02:30
Je commande Je m'abonne
Elément inline et inline-bloc 02:48
Je commande Je m'abonne
Styler la navigation 16:13
Je commande Je m'abonne
Faire floater une image 04:49
Je commande Je m'abonne
Stopper le débordement des float 08:16
Je commande Je m'abonne
Positionnement des éléments en float 06:19
Je commande Je m'abonne
Le container - les items - flex 02:18
Je commande Je m'abonne
Flex direction 01:39
Je commande Je m'abonne
Flex wrap 01:55
Je commande Je m'abonne
Justify content 02:33
Je commande Je m'abonne
Align items 01:44
Je commande Je m'abonne
Align content 01:52
Je commande Je m'abonne
Flex-grow 02:02
Je commande Je m'abonne
Order 01:54
Je commande Je m'abonne
Exemple de positionnement 04:49
Je commande Je m'abonne
Positionnement des éléments avec flex 14:27
Je commande Je m'abonne
Préfixage des propriétés 04:03
Je commande Je m'abonne
La position relative 03:29
Je commande Je m'abonne
La position absolute 12:03
Je commande Je m'abonne
Le Z-index 02:14
Je commande Je m'abonne
La position fixed 07:39
Je commande Je m'abonne
Exercice de saisie 00:27
Je commande Je m'abonne
Correction exercice de saisie 02:20
Je commande Je m'abonne
Les propriétés relatives aux tableaux 10:47
Je commande Je m'abonne
Exercice de saisie 00:45
Je commande Je m'abonne
Correction exercice de saisie 04:20
Je commande Je m'abonne
Positionner les labels et les input 03:59
Je commande Je m'abonne
Styler les labels 05:54
Je commande Je m'abonne
Styles les inputs 13:19
Je commande Je m'abonne
Présentation de la méthodologie 03:02
Je commande Je m'abonne
Présentation du site 02:48
Je commande Je m'abonne
Normaliser avant de commencer 05:12
Je commande Je m'abonne
Normalize 06:27
Je commande Je m'abonne
La compatibilité du code en fonction des navigateurs 04:49
Je commande Je m'abonne
Compatibilité des documents 07:42
Je commande Je m'abonne
Principe du gabarit - Framework CSS 08:14
Je commande Je m'abonne
Le validateur HTML du W3C 04:13
Je commande Je m'abonne
Stylez votre code de base 09:42
Je commande Je m'abonne
En-tête du site 11:08
Je commande Je m'abonne
Pied de page du site 02:55
Je commande Je m'abonne
Les classes de design pattern 02:38
Je commande Je m'abonne
La bannière 10:40
Je commande Je m'abonne
Les mises en avant de contenu 06:36
Je commande Je m'abonne
Les contenus contextuels 08:38
Je commande Je m'abonne
Schéma sémantique et saisie 04:33
Je commande Je m'abonne
La bannière 01:34
Je commande Je m'abonne
Les catégories 07:17
Je commande Je m'abonne
Schéma sémantique et saisie 08:17
Je commande Je m'abonne
Le fil d'arriane 05:35
Je commande Je m'abonne
Informations de préparation 08:47
Je commande Je m'abonne
Les ingrédients 03:29
Je commande Je m'abonne
Insérer un iframe vidéo 04:49
Je commande Je m'abonne
Le formulaire 10:36
Je commande Je m'abonne
Les pages de mentions légales 02:48
Je commande Je m'abonne
Ajouter un Favicon 07:15
Je commande Je m'abonne
Le validateur W3C 03:42
Je commande Je m'abonne
Domaine et hébergement 06:51
Je commande Je m'abonne
Transférer les données 10:15
Je commande Je m'abonne
Mise en place côté serveur 08:22
Je commande Je m'abonne
Minifiez le code HTML et le code CSS 03:48
Je commande Je m'abonne
Créez votre fichier sitemap en ligne 04:54
Je commande Je m'abonne
Créez votre fichier robot 06:24
Je commande Je m'abonne
Les arrondis 06:44
Je commande Je m'abonne
Les ombres 15:38
Je commande Je m'abonne
Les dégradés 08:38
Je commande Je m'abonne
contenu généré 10:51
Je commande Je m'abonne
Les compteurs en CSS 04:26
Je commande Je m'abonne
Les propriétés de transitions 10:09
Je commande Je m'abonne
Exemple de transition 04:37
Je commande Je m'abonne
Les propriétés de transformation 09:48
Je commande Je m'abonne
Exemple de transformation 04:40
Je commande Je m'abonne
Les propriétés d'animation 07:19
Je commande Je m'abonne
Améliorer l'animation 04:11
Je commande Je m'abonne
Fixer l'image de fond 05:40
Je commande Je m'abonne
Le margin négatif 03:23
Je commande Je m'abonne
Image full screen 03:51
Je commande Je m'abonne
Première méthode 03:44
Je commande Je m'abonne
Deuxième méthode 03:42
Je commande Je m'abonne
Un menu avec du contenu généré - 1 04:40
Je commande Je m'abonne
Un menu avec du contenu généré - 2 02:18
Je commande Je m'abonne
Menu avec une liste de liens 03:06
Je commande Je m'abonne
Menu avec des liens simples 02:21
Je commande Je m'abonne
Les sprites 13:12
Je commande Je m'abonne
La valeur skew 03:25
Je commande Je m'abonne
La valeur skew en contenus généré 04:30
Je commande Je m'abonne
Les bandes en biais sur des images de fond 05:10
Je commande Je m'abonne
Animez un bouton 08:27
Je commande Je m'abonne
Une interaction au survol d'une image 17:19
Je commande Je m'abonne
La pseudo classe target 12:20
Je commande Je m'abonne
Un bouton de menu animé 12:41
Je commande Je m'abonne
Utilisation de l'input checkbox 09:18
Je commande Je m'abonne
Gabarit HTML 00:49
Je commande Je m'abonne
Incorporez vos pages html au gabarit 00:17
Je commande Je m'abonne
Complétez votre code html avec la bonne sémantique et les bonnes classes 06:11
Je commande Je m'abonne
Stylez le css global 02:25
Je commande Je m'abonne
En tête du site 05:04
Je commande Je m'abonne
Pied de page du site 01:25
Je commande Je m'abonne
La page d'accueil - partie 1 05:53
Je commande Je m'abonne
La page d'accueil - partie 2 02:14
Je commande Je m'abonne
La page d'accueil - partie 3 05:03
Je commande Je m'abonne
La page de contenu 00:49
Je commande Je m'abonne
La page contact 04:48
3 commentaires
5,0
3 votes
5
4
3
2
1
henridjithat
Il y a 6 mois
Commentaire
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 1 année
Commentaire
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 3 années
Commentaire
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !
Ces formations vont vous intéresser

éditeur de vidéos pédagogiques

Des supports pédagogiques en vidéo, produits avec les meilleurs experts. Dans nos studios à Paris, Lyon ou Montpellier. Vous souhaitez travailler avec nous ?
image-micro