Langage HTML-CSS

Objectifs

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.

Programme de la formation

Langages HTML/CSS
• 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
HTML/CSS – Niveau Débutant (Vidéo)
• 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
HTML/CSS – Niveau Intermédiaire (Vidéo)
• 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
HTML/CSS – Niveau Confirmé (Vidéo)
• 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 v

Validation et sanction

À l'issue de cette formation "Programmation HTML/CSS", vous serez capable de :
1. Comprendre les bases de HTML :
o Structurer une page web avec des balises HTML.
2. Styliser avec CSS :
o Appliquer des styles et mises en page en utilisant CSS.
3. Créer des mises en page réactives :
o Concevoir des sites web adaptatifs pour différents appareils.
4. Utiliser des sélecteurs et propriétés CSS :
o Manipuler les éléments de la page avec précision.
5. Gérer les médias :
o Intégrer des images, vidéos et autres médias.
6. Déboguer et optimiser :
o Identifier et corriger les erreurs de code.
7. Mettre en pratique les bonnes pratiques :
o Écrire du code propre, sémantique et accessible.

Type de formation

Non certifiante

Sortie

Information non communiquée