• Sélecteurs CSS avancés

• Rappel des sélecteurs appris  
• Le sélecteur descendant  
• La pseudo-classe active  
• La pseudo-classe only-child  
• La pseudo-classe checked  
• La pseudo-classe not()  
• Le sélecteur suivant  
• Le sélecteur enfant  
• Le sélecteur suivant général 
• Le sélecteur d’attribut  
• Le sélecteur d’attribut spécifique  
• Le sélecteur d’attribut de recherche
•  
• Une favicon pour son site web

• Pourquoi une favicon ?  
• L’image favicon  
• Le code HTML 

• Les formulaires avancés 

• Définir l’ordre des tabulations 
• Désactiver une zone 
• Le champ de type TEL  
• Le champ de type SEARCH  
• Le champ de type COLOR  
• Le champ de type RANGE  
• Le champ de type HIDDEN  
• Le champ de type RESET  
• Supprimer le liseret bleu  
• Création de formulaire. Formulaire 1 : Le HTML  
• Création de formulaire. Formulaire 1 : Le CSS  
• Création de formulaire. Formulaire 2 : Le HTML 
• Création de formulaire. Formulaire 2 : Le CSS  
• Personnaliser un checkbox  

• Les médias queries 

• Présentation des media queries  
• Exemple d’utilisation des media queries  
• Astuce d’utilisation des media queries  
• Desktop first ou mobile first 

• Réaliser un menu burger en HTML et CSS 

• Mise en place des bases du menu  
• Préparatif du menu burger  
• Mise en place des media queries  
• Afficher / Cacher le menu  
• Mise en fonction du menu  
• Finalisation du travail 

• Animer des éléments HTML

• Créer une animation  
• Les options  

• Annexe 

• Le nom de domaine  
• L’hébergeur  
• Le client FTP 

• Création d’un premier site web 

• La maquette du site  
• Le plan du site  
• Médias et fichiers du site  
• Mise en place d’un fichier maquette  

• Mise en forme des balises structurantes HTML 5  
• Mise en forme de la zone Nav  
• Mise en place des icônes du menu burger  
• Création du menu burger  
• Mise en forme de la zone Section  
• Mise en place de la zone Résumé  
• Arrondir des images rectangulaires  
• Mise en forme de la zone Résumé  
• Adaptation responsive  
• Mise en forme de la zone Footer  
• Mise en place des métas du fichier index  
• Création du fichier versailles 
• Mise en place de la zone Article  
• Mise en forme du titre de niveau 1  
• Mise en forme de la zone Article  
• Adaptation responsive de la zone Article  
• Mise en place des métas du fichier versailles  
• Création du fichier chambord  
• Création d’un état « on » des liens de la Nav  
• Mise en place d’une animation des zones 

Pour faciliter l’acquisition de la compétence et sa transférabilité sur le poste de travail, trois différents contenus sont mis à disposition de l’apprenant sur son espace dédié, en complément de sa formation :

Un parcours e-learning : Réalisé avant ou après une session avec un formateur, chaque module correspond à une fonctionnalité à maîtriser du programme. L’ensemble des modules constitue un parcours qui renforce l’ancrage. 

Des tutoriels de courte durée : Selon la logique du support formatif, ces vidéos aident l’apprenant confronté à une difficulté à la résoudre en toute autonomie 24/7 mais aussi à acquérir la fonctionnalité ou l’usage concerné. 

Des vidéos d’exercices : En reprenant pas à pas chaque étape de la correction, l’apprenant progresse à travers une illustration pratique de la mise en œuvre de la fonctionnalité ou de l’usage. 

Ces contenus e-formation sont disponibles dans l’espace dédié de l’apprenant. Ils complètent efficacement les sessions synchrones avec un formateur.