Development
Web Development
HTML5
Apprendre le HTML5 et CSS3 | Débutant à Expert Guide complet
4.7 (38 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
155 students enrolled

Apprendre le HTML5 et CSS3 | Débutant à Expert Guide complet

15h de cours , 90% de pratique du code HTML/CSS, et bien plus pour devenir Développeur Web
4.7 (38 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
155 students enrolled
Created by Jean-philippe Parein
Last updated 10/2019
French
Preview this course
Apprendre le HTML5 et CSS3 | Débutant à Expert Guide complet
Current price: $31.99 Original price: $49.99 Discount: 36% off
21 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 14.5 hours on-demand video
  • 3 articles
  • 114 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Réaliser un site internet avec le HTML et le CSS
  • Apprendre les éléments HTML
  • Styliser les éléments Html avec le Css
  • Exploiter la sémantique dans vos pages web
  • Utiliser les pseudo-classes et les pseudo-élements
  • Maitriser le concept de boite flexible (Flexbox)
  • Utiliser les sélecteurs Css
  • Utiliser les grilles Css (Grid Layout)
  • Publier un site web chez un hébergeur
Course content
Expand all 107 lectures 14:27:36
+ – Découverte du Html
3 lectures 34:58

Comment fonctionne le web et votre navigateur

Comment fonctionne votre navigateur Web
05:47

les bases de la syntaxe html

Les bases du langage HTML
16:36

Et si on créer notre première page html ?

Créer votre première page Html
12:35
+ – Apprendre le HTML
15 lectures 02:32:34
L'éléments HTML Head
10:46
Les élements textuels
10:57
Élément titre
04:35
Éléments liste
Preview 04:12
Les images
13:19
Liens hypertextes
15:22
Les tableaux
11:17
Les médias vidéo et audio
13:14
Les commentaires
04:34
Envoyer un courrier électronique
02:11
Contexte de navigation imbriqué
06:20
Conteneur générique div et span
07:40
Les formulaires
28:05
Validation de code W3C
07:44
Inspecteur
12:18

Grâce a ce quiz, vérifiez ce que vous avez appris dans cette section.

Évaluation des compétences HTML
20 questions
+ – Les bases du CSS
7 lectures 01:10:33
Syntaxe du CSS
05:39
Comment rédiger du Css dans vos pages Html
09:18
Les commentaires
04:18
Introduction aux sélecteurs CSS complexes et combinateurs
18:08
Les attributs class id et les sélecteurs CSS associés
08:46
Feuilles de style en cascade & héritage
15:27
Les éléments HTML div et span en CSS
08:57
Évaluation des compétences CSS
14 questions
+ – Mise en forme de texte en CSS
5 lectures 44:07
Gestion de la police (font-family)
10:28
Les propriétés CSS de Police
10:45
Les propriétés CSS de Texte
11:46
Interlignes et espacements de Texte
Preview 03:49
Couleur et transparence de Texte
07:19
+ – Concept de boite CSS
11 lectures 01:43:57
Les boites en CSS
20:24
Les unités de mesures
18:51
Largeur minimale et maximale d'un élément
04:36
Les éléments flottants
10:27
Types d’éléments HTML block et inline
10:31
Positionner les éléments (position).
15:10
Ordre des différentes couches (z-index)
05:26
Calcul de la taille d’un élément (box-sizing)
05:36
Arrondir les bordures (border-radius)
06:27
Exercice pratique Positionnement
01:00
Exercice pratique Correction
05:29
+ – CSS utilisation avancée
6 lectures 54:11
Sélecteurs Css Avancés
10:57
CSS Diner (jouer avec le Css)
00:23
Les pseudo-classes
09:41
Les pseudo-elements
06:23
Les transitions en CSS
10:48
Les animations en CSS
15:59

Testez vous sur cette section

Évaluation des compétences
4 questions
+ – La propriété Background en Css
9 lectures 40:32
Définir une image d'arriére plan (background-image)
06:44
Répétition de l’arrière plan (background-repeat)
02:42
Origine de l’arrière plan (background-origin)
05:06
Définir la position de l’arrière plan (background-position)
04:00
Définir la taille des images d'arrière-plan (background-size)
05:23
Définir la façon dont l'arrière-plan s'étend (background-clip)
05:54
Fixer la position de l’arrière plan (background-attachment)
03:10
Ajouter un dégradé linéaire a l'image de fond (linear-gradient)
04:03
Propriété raccourcie background
03:30
+ – Modèle de boite flexible (flexbox Css)
14 lectures 01:02:24
Modèle de boite flexible (flex-direction)
05:19
Répartition des éléments flexible (justify-content)
05:16
Alignement sur l'axe secondaire (align-items)
05:37
Retour a la ligne des flex-items (flex-wrap)
04:07
Espacement sur l'axe secondaire (align-content)
02:56
La propriété raccourcie flex-flow
01:46
Ordre d'apparition des flex items (order)
05:38
Facteur d'expansion d'un élément flexible (flex-grow)
07:31
Facteur de rétrécissement d'un élément flexible (flex-shrink)
04:24
Taille initiale principale pour un élément flexible (flex-basis)
05:22
La propriété raccourcie flex
05:52
Exercice pratique boites flexibles
Preview 02:59
Correction de l'exercice
05:27
Apprendre flexbox en s'amusant
00:10
+ – Les médias queries (responsive design)
3 lectures 29:30
Découverte des médias queries
07:15
Création d'un layout simple
12:43
Responsive design (média queries)
09:32
Requirements
  • Pour suivre ce cours, vous n'avez besoin d'aucun pré-requis technique, il suffit d'être motivé .
Description

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 !


Who this course is for:
  • Toute personne voulant apprendre à créer un site web avec le Html et le CSS