Description du cours

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 ! Vous apprendrez les bases de ces langages, puis les fonctionnalités avancées, enfin, nous réaliserons un site internet de présentation et nous le publieront en ligne chez un hébergeur gratuit afin de partager votre profil au plus grand nombre sur la toile.

Que vais-je apprendre ?

1. Introduction
2. Découverte du Html
3. Apprendre le HTML
4. Les bases du CSS
5. Mise en forme de texte en CSS
6. Concept de boite CSS
7. CSS utilisation avancée

8. La propriété Background en Css
9. Modèle de boite flexible (flexbox Css)
10. Les médias queries (responsive design)
11. CSS Grid layout (modèle de disposition en grille)
12. Réalisation d'un site internet personnel de présentation
13. Héberger votre site web

Informations détaillées

Informations essentielles

Niveau Initiation

Public cible Tous publics

Type de cours Scorm

Votre parcours d'apprentissage

Prérequis

Aucun prérequis

Objectifs pédagogiques

Utiliser un éditeur de code et créer une page internet
Apprendre à utiliser et styliser les éléments HTML
Utiliser les sélecteurs avancés et les grilles en CSS
Apprendre les boites flexibles (flexbox)
Les pseudo-classes et les pseudo-éléments
Réaliser des transitions et les animations CSS

Modalités pratiques

Matériel nécessaire

Disposer d'un ordinateur ou d'une tablette
Une connexion Internet

Méthodes d'évaluation

Auto-évaluation sous forme de questionnaires
Exercices sous formes d'ateliers pratiques
Questionnaire de positionnement & Evaluation à chaud

Moyens pédagogiques

Accès au cours en ligne
Cours théorique au format vidéo
Accessible via un ordinateur ou une tablette
Assistance par téléphone et/ou email

Support et accompagnement

Formateur

Disposant de plusieurs années d'expérience dans l'enseignement de cette discipline.

Accessibilité

Formations en distanciel accessibles aux personnes à mobilité réduite. Audiodescription et sous titrage non disponibles.

114 leçons • Durée totale: 14:30:11 Développer toutes les sections

Section 1: Leçons 1 à 8

8 leçons 63 min

Bienvenue dans la formation "HTML5 et CSS3 de Débutant à Expert"

2 min
Test de positionnement

3 min
Quelques conseils avant de commencer

2 min
Découverte du HTML - Comment fonctionne votre navigateur Web

6 min
Découverte du HTML - Les bases du langage HTML

17 min
Découverte du HTML - Créer votre première page Html

13 min
Apprendre le HTML - L'éléments HTML Head

11 min
Apprendre le HTML - Les éléments textuels

11 min

Section 2: Leçons 9 à 16

8 leçons 71 min

Apprendre le HTML - Élément titre

5 min
Apprendre le HTML - Éléments liste

5 min
Apprendre le HTML - Les images

11 min
Apprendre le HTML - Liens hypertextes

20 min
Apprendre le HTML - Les tableaux

12 min
Apprendre le HTML - Les médias vidéo et audio

14 min
Apprendre le HTML - Les commentaires

5 min
Apprendre le HTML - Envoyer un courrier électronique

3 min

Section 3: Leçons 17 à 24

8 leçons 82 min

Apprendre le HTML - Contexte de navigation imbriqué

7 min
Apprendre le HTML - Conteneur générique div et span

8 min
Apprendre le HTML - Les formulaires

29 min
Apprendre le HTML - Validation de code W3C

8 min
Apprendre le HTML - Inspecteur

13 min
Les bases du CSS - Syntaxe du CSS

6 min
Les bases du CSS - Comment rédiger du CSS dans vos pages Html

10 min
Les bases du CSS - Les commentaires

5 min

Section 4: Leçons 25 à 32

8 leçons 88 min

Les bases du CSS - Introduction aux sélecteurs CSS complexes et combinateurs

19 min
Les bases du CSS - Les attributs class id et les sélecteurs CSS associés

9 min
Les bases du CSS - Feuilles de style en cascade & héritage

16 min
Les bases du CSS - Les éléments HTML div et span en CSS

9 min
Quiz du module 1

3 min
Mise en forme de texte en CSS - Gestion de la police (font-family)

11 min
Mise en forme de texte en CSS - Les propriétés CSS de Police

11 min
Mise en forme de texte en CSS - Les propriétés CSS de Texte

12 min

Section 5: Leçons 33 à 40

8 leçons 79 min

Mise en forme de texte en CSS - Interlignes et espacements de Texte

4 min
Mise en forme de texte en CSS - Couleur et transparence de Texte

8 min
Concept de boite CSS - Les boites en CSS

21 min
Concept de boite CSS - Les unités de mesures

6 min
Concept de boite CSS - Largeur minimale et maximale d'un élément

5 min
Concept de boite CSS - Les éléments flottants

11 min
Concept de boite CSS - Types d’éléments HTML block et inline

11 min
Concept de boite CSS - Positionner les éléments (position)

16 min

Section 6: Leçons 41 à 48

8 leçons 52 min

Concept de boite CSS - Ordre des différentes couches (z-index)

6 min
Concept de boite CSS - Calcul de la taille d’un élément (box-sizing)

6 min
Concept de boite CSS - Arrondir les bordures (border-radius)

7 min
Concept de boite CSS - Exercice pratique Positionnement

1 min
Concept de boite CSS - Exercice pratique Correction

6 min
CSS utilisation avancée - Sélecteurs Css Avancés

11 min
CSS utilisation avancée - Les pseudo-classes

10 min
CSS utilisation avancée - Les pseudo-éléments

7 min

Section 7: Leçons 49 à 56

8 leçons 50 min

CSS utilisation avancée - Les transitions en CSS

11 min
CSS utilisation avancée - Les animations en CSS

16 min
Quiz du module 2

3 min
Restez organiser pour un meilleur apprentissage !

1 min
La propriété background en css - Définir une image d'arrière plan (background-image)

7 min
La propriété background en css - Répétition de l’arrière plan (background-repeat)

3 min
La propriété background en css - Origine de l’arrière plan (background-origin)

6 min
La propriété background en css - Définir la position de l’arrière plan (background-position)

4 min

Section 8: Leçons 57 à 64

8 leçons 39 min

La propriété background en css - Définir la taille des images d'arrière-plan (background-size)

6 min
La propriété background en css - Définir la façon dont l'arrière-plan s'étend (background-clip)

6 min
La propriété background en css - Fixer la position de l’arrière plan (background-attachment)

4 min
La propriété background en css - Ajouter un dégradé linéaire a l'image de fond (linear-gradient)

5 min
La propriété background en css - Propriété raccourcie background

4 min
Le modèle de boite flexible (flexbox css) - Modèle de boite flexible

6 min
Le modèle de boite flexible (flexbox css) - Répartition des éléments flexible (justify-content)

6 min
Le modèle de boite flexible (flexbox css) -

6 min

Section 9: Leçons 65 à 72

8 leçons 38 min

Le modèle de boite flexible (flexbox css) - Retour a la ligne des flex-items (flex-wrap)

5 min
Le modèle de boite flexible (flexbox css) - Espacement sur l'axe secondaire (align-content)

3 min
Le modèle de boite flexible (flexbox css) - La propriété raccourcie flex-flow

2 min
Le modèle de boite flexible (flexbox css) - Ordre d'apparition des flex items (order)

6 min
Le modèle de boite flexible (flexbox css) - Facteur d'expansion d'un élément flexible (flex-grow)

8 min
Le modèle de boite flexible (flexbox css) - Facteur de rétrécissement d'un élément flexible (flex-shrink)

5 min
Le modèle de boite flexible (flexbox css) - Taille initiale principale pour un élément flexible (flex-basis)

5 min
Le modèle de boite flexible (flexbox css) - La propriété raccourcie flex

6 min

Section 10: Leçons 73 à 80

8 leçons 38 min

Le modèle de boite flexible (flexbox css) - Exercice pratique boites flexibles

3 min
Le modèle de boite flexible (flexbox css) - Correction de l'exercice

6 min
Les médias queries (responsive design) - Découverte des médias queries

8 min
Les médias queries (responsive design) - Création d'un layout simple

3 min
Les médias queries (responsive design) - Responsive design (média queries)

10 min
Quiz du module 3

3 min
N'oubliez pas de réviser !

1 min
CSS grid layout (modèle de disposition en grille) - Présentation et terminologie des grilles Css

7 min

Section 11: Leçons 81 à 88

8 leçons 51 min

CSS grid layout (modèle de disposition en grille) - Création d'une grille

8 min
CSS grid layout (modèle de disposition en grille) - Unités de mesure fractionnée (fr)

7 min
CSS grid layout (modèle de disposition en grille) - Espacements entre les lignes et les colonnes d'une grille.

5 min
CSS grid layout (modèle de disposition en grille) - Alignement Horizontale et Verticale des items-grid

4 min
CSS grid layout (modèle de disposition en grille) - Alignement Horizontale et Verticale d'un item-grid

6 min
CSS grid layout (modèle de disposition en grille) - Alignement Horizontale et Verticale dans grille

5 min
CSS grid layout (modèle de disposition en grille) - Emplacement d'un élément sur la grille

9 min
CSS grid layout (modèle de disposition en grille) - Zones de grille nommées.

10 min

Section 12: Leçons 89 à 96

8 leçons 55 min

CSS grid layout (modèle de disposition en grille) - Contrôle de l'algorithme de placement automatique

9 min
CSS grid layout (modèle de disposition en grille) - Définir la taille d'une colonneligne de grille créée de façon implicite

5 min
Réalisation d'un site internet personnel de présentation - Les nouveaux éléments à valeur sémantique du HTML5

7 min
Réalisation d'un site internet personnel de présentation - Maquette du site

5 min
Réalisation d'un site internet personnel de présentation - Entête du site header

9 min
Réalisation d'un site internet personnel de présentation - Barre de navigation nav

10 min
Réalisation d'un site internet personnel de présentation - Disposition du contenu de la page (grid-css-layout)

6 min
Réalisation d'un site internet personnel de présentation - Pied de page du site footer

6 min

Section 13: Leçons 97 à 104

8 leçons 85 min

Réalisation d'un site internet personnel de présentation - Génération des pages du site

5 min
Réalisation d'un site internet personnel de présentation - Index contenu aside Informations

18 min
Réalisation d'un site internet personnel de présentation - Index contenu aside Atouts

17 min
Réalisation d'un site internet personnel de présentation - Adaptation de l’élément progress pour Mozilla Firefox

5 min
Réalisation d'un site internet personnel de présentation - Index contenu section A propos de moi et Recherche

7 min
Réalisation d'un site internet personnel de présentation - Index contenu boite de compétences

9 min
Réalisation d'un site internet personnel de présentation - Portfolio

14 min
Réalisation d'un site internet personnel de présentation - Curriculum Vitae

13 min

Section 14: Leçons 105 à 112

8 leçons 72 min

Réalisation d'un site internet personnel de présentation - Contact

14 min
Réalisation d'un site internet personnel de présentation - Personnaliser l'icone du site (favicon)

4 min
Réalisation d'un site internet personnel de présentation - Responsive design du site (médias queries)

18 min
Héberger votre site web - Publier son site en ligne

7 min
Héberger votre site web - Souscription chez un hébergeur

10 min
Héberger votre site web - Présentation de l'interface d'administration et terminologie

9 min
Héberger votre site web - Transfert du site chez l'hébergeur (ftp)

10 min
Quiz du module 4

3 min

Section 15: Leçons 113 à 114

2 leçons 4 min

Bravo

1 min
Evaluation finale

3 min

Wiki form

Voir le profil Follow

160 €

Cours

114

Niveau de compétence

Intermédiaire

Période d'expiration

À vie

Remove from cart Ajouter au panier Acheter maintenant

Html5 Et Css3 De Debutant A Expert

Description du cours

Que vais-je apprendre ?

Informations détaillées

Informations essentielles

Votre parcours d'apprentissage

Prérequis

Objectifs pédagogiques

Modalités pratiques

Matériel nécessaire

Méthodes d'évaluation

Moyens pédagogiques

Support et accompagnement

Formateur

Accessibilité

Wiki form

160 €

Cours

114

Niveau de compétence

Intermédiaire

Période d'expiration

À vie

Cours connexes

Intermédiaire

Javascript Les Fondamentaux

100 €

Intermédiaire

Creez Des Sites Interactifs Avec React Et Redux

60 €

Intermédiaire

Devenir Un Developpeur Python

140 €

Intermédiaire

Devenir Un Developpeur C

180 €

Débutant

Lessentiel De Wordpress 5

120 €

Intermédiaire

Formation Woocommerce

60 €

Catégories principales

Liens utiles

Aide

Subscribe to our newsletter

Êtes-vous sûr ?