PROGRAMMATION HTML / CSS
TEMPS FORMATION
50 heures soit 7 jours
COUT FORMATION
2 500 Euro
PUBLIC VISÉ
Tout public
DÉLAI D'ACCÈS
7 jours
Formation mise à jour le 08/04/2021
DÉTAILS FORMATION
► Objectifs opérationnels : Avec la formation en programmation HTML/CSS (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.
► Prérequis : La formation ne nécessite aucune connaissance particulière. La formation est mise en place pour des stagiaires souhaitant apprendre à partir de zéro les fonctionnalités de la programmation HTML/CSS.
► Aptitude/Compétence : Avec la formation programmation HTML/CSS le stagiaire apprendra à se familiariser avec l’ensemble des fonctionnalités de la programmation, il connaîtra les fonctions de base comme Largeur et hauteur en CSS,les bordures en CSS ,padding et margin en CSS,les ombres des boîtes,à propriété CSS display,les propriétés position index, les propriétés float et clear.
► 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 a la fin de chaque notions importantes 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.
PROGRAMME DE 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é 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
➢ 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) ¼
➢ 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