Programmation - HTML / CSS - eLearning

Avec cette formation Programmation HTML/CSS de 88 modules vous apprendrez les bases des langages web HTML et CSS afin d'appréhender et être à même de créer vos premières pages web.

Niveau de granularisation :

- 88 Modules comprenant :

• 17 modules interactifs soit 89 leçons d'apprentissage
• 71 modules vidéos

HTML/CSS - Cours interactif :

• Introduction au cours HTML et CSS

• Les bases du HTML

• Les bases du CSS

• Mise en forme de textes en CSS

• Le modèle des boîtes

• Position et affichage des éléments

• Création de tableaux HTML

• Insertion de médias en HTML

• Fonds, dégradés et ombres CSS

• Sélecteurs CSS complexes

• Formulaires HTML

• Transitions, animations et transformations CSS

• Modèle des boîtes flexibles - Flexbox CSS

• Responsive design CSS

• Sémantique et éléments HTML structurants

• Modèle des grilles CSS

• Évolution et futur du CSS

Tutoriel vidéo – Niveau Débutant :

• Présentation du cours

• Pourquoi apprendre à coder ?

• Définitions et rôles

• Versions HTML et CSS

• Travail en local et en production

• L'éditeur de texte

• Eléments, balises et attributs

• Structure d'une page HTML

• Création d'une page HTML

• Indentation et commentaires HTML

• Titres et paragraphes en HTML

• Espaces et retours à la ligne en HTML

• Les niveaux d'importance des textes

• Les listes en HTML

• Liens internes et externes en HTML

• Autres types de liens HTML

• Insérer des images en HTML

• Validation et compatibilité du code

Tutoriel vidéo – Niveau Intermédiaire :

• Sélecteurs et propriétés CSS

• Où écrire le CSS

• Les commentaires en CSS

• Les sélecteurs CSS simples

• Les attributs id et class

• L'héritage en CSS

• Les types block et inline

• Les éléments HTML div et span

• La propriété CSS font family

• Autres propriété CSS de type font

• Couleur et opacité en CSS

• Propriétés CSS de type text

• Gestion des espaces en CSS

• Le modèle des boîtes

• Largeur et hauteur en CSS

• Les bordures en CSS

• Padding et margin en CSS

• Les ombres des boîtes

• La propriété CSS display

• Les propriétés position et z index

• Les propriétés float et clear

• L'alignement en CSS

• La couleur de fond

• Images de fond et gestion du fond

• Dégradés linéaires

• Dégradés radiaux

• Créer un tableau simple

• Créer un tableau structuré

• Opérations sur les tableaux

• Opérations sur les images

• Insérer de l'audio en HTML

• Insérer des vidéos en HTML

• Intégration de média et sémantique

Tutoriel vidéo – Niveau Confirmé

• Notations CSS short hand et long hand

• Sélecteurs CSS complexes

• Pseudo classes CSS

• Pseudo éléments CSS

• Les sprites en CSS

• Les transitions CSS

• Les animations CSS

• Présentation des formulaires

• Créer un formulaire HTML simple

• Types d'input et listes d'options

• Les attributs des formulaires

• Organiser et mettre en forme un formulaire

• Introduction au responsive design

• Meta viewport et valeurs CSS relatives

• Media queries CSS

• Création d'un site personnel (site cv) 1/4

• Création d'un site personnel (site cv) 2/4

• Création d'un site personnel (site cv) 3/4

• Création d'un site personnel (site cv) 4/4

• Conclusion