Formation en Programmation HTML/CSS avec votre compte CPF

Rappel sur le CPF : Le compte permet à toute personne active, dès son entrée sur le marché du travail et jusqu’à la date à laquelle elle fait valoir l’ensemble de ses droits à la retraite, d’acquérir des droits à la formation mobilisables tout au long de sa vie professionnelle.

Votre formation en Programmation HTML/CSS peut ainsi être financée à 100 % via votre budget disponible sur votre compte CPF, sous réserve que la formation soit éligible et que vous disposiez des droits nécessaires. Il est conseillé de vérifier l’éligibilité exacte de la formation et le solde de votre compte CPF sur le site officiel Mon Compte Formation.

Votre formation en Programmation HTML/CSS

• Intitulé de la formation : Bases Programmation HTML/CSS
• Temps moyen de la formation : 10 heures avec accès illimité de 45 jours.
• Coût de la formation : GRATUIT – entièrement financé par votre budget CPF.

Objectifs opérationnels de votre formation en Programmation HTML/CSS

La formation Programmation HTML/CSS comprend des modules couvrant les dernières normes du web, notamment HTML5 et CSS3, avec un programme complet permettant de maîtriser les bases ainsi que des notions avancées telles que la création de pages responsives adaptées à tous types d’écrans.

Prérequis pour votre formation en Informatique

La formation est destinée aux débutants sans connaissance préalable, mais il est conseillé d’avoir une bonne maîtrise de l’informatique de base pour faciliter l’apprentissage. La formation est mise en place pour des stagiaires souhaitant apprendre de zéro les fonctionnalités de la programmation HTML/CSS.

Aptitude/Compétence

Avec la formation programmation HTML/CSS, le stagiaire apprendra à maîtriser les fonctionnalités essentielles telles que la structuration HTML5, la mise en forme avec CSS3, les propriétés modernes (flexbox, grid), la gestion des media queries pour le responsive design, ainsi que les bonnes pratiques d’accessibilité et référencement web.

Moyens et supports pédagogiques :

Le stagiaire aura à sa disposition une plateforme pour suivre totalement à distance (en E-learning) sa formation. Les modules se présentent sous forme de vidéos d’apprentissage déjà prêtes avec un système d’évaluations sous forme de QCM à la fin de chaque notion importante de la formation.

Encadrement/Modalités :

La formation se passant entièrement à distance/visio, le stagiaire va être en apprentissage semi-autonome, c’est à dire qu’il va pouvoir apprendre de façon autonome cependant un formateur reste disponible pour lui via un système d’échange de message disponible directement sur sa plateforme de formation.

Évaluations des acquis :

Avant même le commencement de la formation le stagiaire passera une évaluation de préformation sous forme de QCM puis une fois la formation terminée il passera une évaluation post-formation également sous forme de QCM. Ces évaluations vont permettre au stagiaire d’observer l’efficacité de son apprentissage mais aussi vérifier si les connaissances ont bien été acquises.

Certification : Vérifiez si la formation donne accès à une certification reconnue, comme le certificat ENI HTML5/CSS3, TOSA, ou autre. Ces certifications renforcent la valeur professionnelle de la formation et sont souvent exigées pour la prise en charge CPF. SOMMAIRE DE LA FORMATION

I. HTML/CSS Cours interactif

Introduction

Bases HTML

Bases CSS

Mise en forme

Modèle de boîtes

Position des éléments

Création de tableaux

Insertion de médias

Fonds dégradés et ombres

Sélecteurs CSS complexes

Formulaires

Transitions et animations

Flexbox

Responsive

Sémantique

Grille CS

Futur du CSS

II. 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és CSS de type font Tutoriel vidéo

Niveau Intermédiaire (suite)

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 clea

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

III. 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