CATALOGUE Code & Data Formation 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 Découvrir l'abonnement
Mise à jour : 17/04/2020
Durée : 14h 58min
172 vidéos
4,5 (4 avis)
Abonnement
  • Accès illimité à 1700 formations
dès 29€/mois
Elephorm Je m'abonne
Recommandé
Achat unique
  • Accès illimité à la formation
89,00€ Ajouter au panier Acheter maintenant
1

Qu'est-ce que le CSS ?

2

Comment appliquer les styles?

Comment appliquer du style CSS sur une page HTML 01:47
Comment intégrer des styles CSS dans l'entête d'un document HTML5 02:46
Utiliser un Fichier CSS Externe pour Mettre en Forme un Site Web 03:45
3

Commentez votre code CSS

L'importance de commenter son code CSS 03:22
Comment structurer son code CSS pour une meilleure organisation 04:39
4

Exprimez la couleur en CSS

Comment exprimer la couleur en CSS 02:39
Utilisation du Format RGB pour les Couleurs en CSS 01:32
Utilisation des Couleurs à l'Aide de Mots-clés en CSS 01:06
Outils Pratiques pour Récupérer des Valeurs de Couleurs 04:41
5

Les différents types de sélécteurs CSS

Introduction aux Sélecteurs CSS 02:43
6

Le sélécteur HTML

Apprendre les Sélecteurs en HTML et CSS 00:14
Maîtrisez les Sélecteurs CSS pour une Mise en Forme Efficace 06:21
7

Le sélécteur hiérachique ou ascendant

Maîtriser les Sélecteurs Hiérarchiques en CSS 03:48
8

Les pseudo classes de liens

Styler les Liens de Votre Site Web avec les Pseudo-Classes CSS 05:26
9

Le sélécteur d'identifiant

Utilisation des Sélecteurs d'Identifiants en CSS 04:34
10

Le sélécteur de classe

Utilisation des Sélecteurs de Classes en CSS 05:41
11

Le selécteur adjacent

Comment saisir du texte dans une page HTML 02:46
Exercices de Hiérarchisation de l’Information 00:45
12

Le selécteur enfant

Apprendre l'Utilisation du Sélecteur Enfant en CSS 02:28
13

Les autres pseudo classes

Maîtriser les Pseudo-Classes CSS pour un Style Avancé 05:44
14

Le sélécteur d'attribut

Apprendre les Sélecteurs d'Attributs en CSS 08:28
15

Qu'elles sont les unités de mesure sur le web ?

Utiliser les Unités de Mesure en CSS 05:41
16

Gérez vos polices

Gestion des Polices de Caractère en CSS 04:38
Gérer la Taille des Polices de Caractère en CSS 01:29
Gestion des Couleurs des Polices de Caractère en CSS 00:35
Gestion de l'Interlignage en CSS 04:16
Maîtriser la Propriété CSS font-style 02:44
Gestion de la Graisse des Polices de Caractère en CSS 01:55
17

Transformez et alignez votre texte

Utilisation de la balise HTML pré pour le texte préformaté 01:41
Comment afficher du code HTML dans une page HTML 02:24
Tutoriel sur l'utilisation des balises pré et code en HTML 00:34
Structure de Base d'une Page HTML 04:21
Maîtriser l'Indentation du Texte en CSS 01:13
Gestion de l'Espacement entre les Lettres en CSS 01:37
Comprendre et Utiliser l'Espacement des Mots 00:38
18

Chargez une police pour votre site web

Guide Complet pour Charger des Polices de Caractère Modernes sur Votre Site Web 11:10
Charger des Polices de Caractère sur un Site Web 05:21
Intégration de Fontes Icônes sur un Site Web 15:08
19

Ajoutez des bordures

Comment définir des bordures avec CSS 05:22
20

Stylez vos listes

Styliser les Listes en CSS 09:10
21

Comprendre la cascade et l'héritage

Comprendre la Cascade en CSS 03:13
Gestion des conflits de styles CSS : Tri par spécificité 03:24
Comprendre la Spécificité en CSS 04:04
22

Découvrez le modèle de boîte

Comprendre le calcul de la largeur des boîtes en CSS 04:52
Comprendre l'Ajout de Bordures en CSS 00:57
Maîtriser les Espacements en CSS 02:56
Comment dimensionner une boîte en CSS 04:10
Comprendre le Modèle de la Boîte en HTML et CSS 01:11
23

Visualisez votre code avec l'inspecteur d'éléments

Utiliser l'inspecteur d'éléments pour le développement web 01:21
Utiliser l'Inspecteur d'Éléments sous Chrome 02:07
Utilisation de l'Inspecteur d'Éléments pour le CSS 02:30
Maîtriser l'Inspecteur d'Éléments : Le Modèle de Boîte 01:59
Maîtriser l'Inspecteur d'Éléments pour l'Optimisation CSS 04:27
Centrer un site web avec CSS 13:45
24

Comprendre le fonctionnement des marges

Comprendre et Maîtriser la Fusion des Marges en CSS 06:40
25

Tout sur les arrières plans

Comment Placer une Image de Fond sur un Élement HTML 02:33
Gestion des Images de Fond en CSS 01:54
Maîtriser la Propriété CSS background-position 03:17
Apprendre à insérer une image de fond en CSS 05:05
Comment insérer une image de fond avec du texte centré en HTML et CSS 08:24
26

Eléments bloc ou en ligne?

Apprendre à masquer des éléments HTML avec CSS 01:43
Comprendre et Utiliser la Propriété CSS Display 02:30
Comprendre la Propriété CSS Display 02:48
Styler une Navigation avec CSS 16:13
27

Faites flotter vos éléments

Comprendre la Propriété CSS Float 04:49
Comprendre et Maîtriser les Propriétés CSS Float et Clear 08:16
Mise en page web avec la méthode du float en CSS 06:19
28

Utilisez flex pour vos mises en pages

Maîtrisez le Positionnement avec Flexbox 02:18
Comprendre les Propriétés Flex Direction et Flex Display en CSS 01:39
Maitriser la Propriété Flex-Wrap en CSS 01:55
Guide Complet sur la Propriété JustifyContent en CSS 02:33
Maitrise de la propriété alignItem en Flexbox 01:44
Maîtriser la Propriété CSS align-content 01:52
Comprendre la Propriété Flex-Grow en CSS 02:02
Manipulation de l'ordre des items avec Flexbox 01:54
Introduction à Flexbox: Positionnement d'éléments en CSS 04:49
Mise en page avec Flexbox en HTML et CSS 14:27
29

Rendez votre code CSS compatible

Rendre le CSS Flexbox Compatible avec Tous les Navigateurs 04:03
30

Passez des élements par-dessus les autres

Comprendre le Positionnement Relatif et Absolu en CSS 03:29
Maîtriser le Positionnement Absolu en CSS 12:03
Comprendre et Utiliser la Propriété z-index en CSS 02:14
31

Créez de la transparence

Transparence et Opacité en CSS 03:35
32

Fixez vos éléments si nécessaire

Utilisation de la Position Fixe en CSS 07:39
33

Stylez vos tableaux

Styliser les Tableaux en CSS 00:27
Correction de la Structure Sémantique d'un Tableau HTML5 02:20
Mise en Forme des Tableaux en CSS 10:47
34

Stylez vos boutons

Comment Styliser des Boutons dans une Interface Web 11:45
35

Stylez vos formulaires

Guide Complet pour Styler les Formulaires Web 00:45
Comprendre et Créer des Formulaires HTML 04:20
Styler les Formulaires avec CSS 03:59
Mise en forme des labels et des inputs en CSS 05:54
Styling Avancé des Formulaires avec CSS 13:19
36

Méthodologie de mise en page d'un site web

Guide Complet pour la Mise en Page d'un Site Web 03:02
Création d'un Site Web Moderne pour Recettes de Cuisine 02:48
37

Le reset CSS

Utilisation du Reset CSS d'Eric Meyer 05:12
Comment utiliser normalize.css pour uniformiser vos feuilles de style 06:27
38

Les commentaires conditionnels

Gestion de l'intercompatibilité en CSS pour les anciens navigateurs 04:49
Compatibilité des Navigateurs Anciens avec Internet Explorer 07:42
39

Créez vous un modèle

Guide de Mise en Page d'un Site Web 08:14
40

Créez la page d'accueil

Création et Structuration d'une Page Web avec HTML et CSS 06:47
41

Validez vos pages HTML au W3C

Validation de votre Code HTML 04:13
42

Stylez votre code de base en fonction de la maquette

Intégration et Utilisation de Google Fonts avec CSS 09:42
43

Positionnez les éléments

Styliser et Positionner des Éléments avec Flexbox 10:46
44

Stylez l'en-tête du site

Tutoriel de Design Web : Styliser avec HTML et CSS 11:08
Apprendre à Styler le Header et le Footer 02:55
45

Stylez en pensant design pattern

Savoir Nommmer les Classes de Design Pattern 02:38
46

Stylez du haut vers le bas

Comment Styliser l'Entête de votre Site Web 10:40
47

Stylez les mises en avant de contenu

Comment Styliser et Aligner des Éléments avec CSS 06:36
48

Stylez les contenus contextuels

Styler les Recettes avec CSS 08:38
49

Ajoutez une page d'attérissage

Création d'une Page d'Atterrissage Dynamique 04:33
Personnalisation des Bannières avec CSS 01:34
Optimisation des éléments de navigation avec CSS et Flexbox 07:17
50

Ajouter une page de contenu

Création de la Page Produit Burger Classique 08:17
Mise en Forme des Éléments de Navigation et du Fil d'Ariane 05:35
Apprenez à styliser vos éléments HTML avec CSS 08:47
Mise en page et style CSS des éléments 03:29
Comment intégrer une vidéo YouTube dans une page HTML 04:49
51

Ajoutez un point de contact et la localisation

Création de la Page Contacts sur un Site Web 10:36
52

Les mentions légales d'un site

Créer des Mentions Légales et une Politique de Confidentialité pour votre Site Web 02:48
53

N'oubliez pas le Favicon

Guide Complet pour la Création et l'Intégration de Favicones 07:15
54

Validez vos pages CSS au W3C

Valider son code HTML et CSS avec les services de validation du W3C 03:42
55

Stylez l'impression

Optimisation de l'Impression d'une Page Web 09:27
Optimisation des styles d'impression avec CSS 05:28
56

Comment héberger son site internet?

Guide pour Héberger un Site Web et Obtenir un Nom de Domaine 06:51
57

Comment mettre en ligne un site web

Comment Gérer Votre Hébergement Web avec Planet Hoster et Filezilla 10:15
58

Créez une page 404

Comment personnaliser une page d'erreur 404 avec un fichier .htaccess 07:35
59

Optimisez votre site et sa performance d'affichage

Optimisation du Chargement des Pages Web 08:22
Optimisation des Performances Web: Compression et Minification 03:48
60

Aidez les robots d'indexation avec le sitemap

Comment Générer un Sitemap XML pour l'Indexation 04:54
61

Qu'est-ce que le fichier robot?

Comprendre et Utiliser le fichier Robots.txt 06:24
62

Créez des arrondis

Comment créer des coins arrondis en CSS 06:44
63

Appliquez des ombres portées

Comment créer des ombres portées et des ombres de texte en CSS 15:38
64

Créez de dégradés

Apprendre à Créer des Dégradés en CSS 08:38
65

Insérez des éléments graphiques avec le CSS

Comment insérer des contenus générés en CSS dans le code HTML 10:51
66

Numérotez des titres

Numérotation Automatique des Titres avec CSS 04:26
67

Créez des transitions

Créer des Animations en CSS3 10:09
Maîtriser les Animations de Transition en CSS 04:37
68

Transformez les éléments

Guide Complet sur les Transformations en CSS 09:48
Mise en œuvre de transformations CSS et effets de survol 04:40
69

Animez vos éléments

Animer des Éléments HTML/CSS avec Keyframes 07:19
Créer des Animations CSS Complexes 04:11
70

Fixez un fond image au scroll

Intégration d'une Image de Fond Fixée dans l'Entête en HTML et CSS 05:40
71

Décallez des éléments

Techniques de Positionnement CSS Avancées 03:23
72

Affichez une image plein écran

Adapter une Image à la Hauteur du Viewport avec CSS 03:51
73

Centrez un texte sur la hauteur par dessus une image

Techniques de centrage CSS avec les positions absolue et relative 03:44
Techniques de Centrage d'Éléments en CSS 03:42
74

Créez un menu déroulant

Création d’un Menu Déroulant en CSS 09:41
75

Créez des effets au survol de la sourtis sur vos menus

Créer une Animation de Menu en CSS 04:40
Effets de transition avancés en CSS pour des éléments générés 02:18
76

Utilisez flex pour vos menus

Créer des Menus Modernes avec Flexbox 03:06
Optimisation des Menus de Navigation avec Flexbox 02:21
77

La technique des sprites

Technique des Sprites CSS pour Liens de Réseaux Sociaux 13:12
78

Créez des bandes en bias

Comment utiliser la propriété CSS 'transform skew' ? 03:25
Création d'une bande en biais avec CSS 04:30
Maîtriser les Effets CSS Avancés 05:10
79

Animez un bouton

Comment créer et animer un bouton en CSS 08:27
80

Créez une interaction au survol d'une image

Créer des Effets CSS au Survol de la Souris 17:19
81

Créez une lightbox en full CSS3

Créer une Lightbox en Full CSS 12:20
82

Animez un bouton de menu

Créer un bouton burger animé en CSS3 12:41
83

Créez un menu full canvas en CSS3

Créer un Menu Off-Canvas en CSS 09:18
84

Complétez le code html

Correction de l'exercice HTML 00:49
Intégration des Pages Principales dans un Gabarit 00:17
Structuration et Sémantique HTML et CSS 06:11
85

Stylez le css global

Chargement des Polices et Connexion des Feuilles de Style dans HTML 02:25
86

Styler le header

Styler un Header avec CSS et Flexbox 05:04
87

Styler le footer

Stylisation du Footer en HTML et CSS 01:25
88

Styler la home

Techniques de Réduction d'Espace et Mise en Page avec CSS Flex 05:53
Apprendre à Styliser avec HTML et CSS 02:14
Techniques Avancées de Positionnement en Web Design 05:03
89

Styler la page 2

Modification de la page « Qui sommes-nous ? » 00:49
90

Styler la page 3

Application de Flexbox pour la Mise en Page en CSS 04:48

Description

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.

 

 

 

Avis des apprenants

4,5
4 avis
5
75%
4
0%
3
25%
2
0%
1
0%
Profile picture for user pierre.hiroux
Pierre H.
Il y a 1 an
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
HENRI D.
Il y a 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
Yvan V.
Il y a 3 ans
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.
GUILLAUME V.
Il y a 5 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !
Formez vous à la carte, ou abonnez vous
Achat unique
  • Accès illimité à la formation
89,00€ Ajouter au panier Acheter maintenant
ou
Abonnement
  • Accès illimité à 1700 formations
dès 29€/mois
Elephorm Je m'abonne
Recommandé