fbpx
Autres

Formation HTML CSS avancé

Elearning
Elearning
Présentiel
Présentiel
Visioformation
Visioformation
FNE
OPCO
Plan

Apprenez à maîtriser le langage de référence pour la mise en page des sites Web. Vous serez en mesure d'élaborer des feuilles de style pour gérer l'apparence et la disposition des éléments de vos pages Web.

Pour qui ?

Tout public souhaitant acquérir un niveau avancé sur HTML CSS

Prérequis

  • Ordinateur/Téléphone
  • Mobile/Tablette
  • Réseau Internet
  • Connaître les balises HTML

Objectifs

  • Apprendre à créer des formulaires HTML avancés et manipuler les Médias Queries 
  • Apprendre à créer un site Web avec du HTML et CSS

Programme

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

Les points forts

  • Formations sur mesure : Les apprenants bénéficient d’un programme adapté spécifiquement à leurs besoins et objectifs, optimisant ainsi leur temps d’apprentissage. 
  • Apprentissage ciblé : Les formations personnalisées se concentrent sur les compétences et les domaines où les apprenants ont besoin de se perfectionner, maximisant ainsi leur progression. 
  • Flexibilité : Les horaires, le contenu et la méthodologie de la formation peuvent être ajustés en fonction des disponibilités et des préférences des apprenants, garantissant une expérience d’apprentissage optimale.

Les formateurs

Nos formateurs sont des experts, animateurs et facilitateurs certifiés capables de contextualiser la formation selon le métier de l’apprenant (Finance, Commerce, RH, Marketing…). Leur capacité à s’adapter au profil et au niveau de l’apprenant contribue à donner confiance et facilite l’atteinte des objectifs pédagogiques.  

La pédagogie actionnelle en situation de travail, signature pédagogique de MyConnecting, peut être complétée ou adaptée par d’autres pédagogies (inversée, spirale…) selon les dispositifs. 

La réussite de l’apprenant est leur réussite ! 

Fiche publiée le 24 novembre 23 | Mise à jour le 27 novembre 23

L'ESSENTIEL

Durée
12 heures

Contactez-nous pour plus d'information

Modalités

Elearning
Elearning
Présentiel
Présentiel
Visioformation
Visioformation

Financement

FNE
OPCO
Plan

Accessibilité

Toutes nos formations sont accessibles aux personnes à mobilité réduite. Outre l’accessibilité physique de l’ensemble de nos locaux, la mise en place d’adaptations matérielles spécifiques est prévue pour les personnes : malvoyantes, malentendantes, ou souffrant de troubles d’apprentissage du DYS.
Un accompagnement adapté lors du passage des certifications est également prévu.

Délai de lancement

Le lancement de nos formations s’effectue au plus tard dans les 72 h suivant la validation du dossier.

Modalités d'évaluation

  • En début de formation, une évaluation de positionnement initiale, à l’oral et / ou l’écrit.
  • Durant la formation, une évaluation continue de la progression.
  • En fin de formation, une évaluation finale pour attester des progrès réalisés.
Durée
12 heures

Accessibilité

Toutes nos formations sont accessibles aux personnes à mobilité réduite. Outre l’accessibilité physique de l’ensemble de nos locaux, la mise en place d’adaptations matérielles spécifiques est prévue pour les personnes : malvoyantes, malentendantes, ou souffrant de troubles d’apprentissage du DYS.
Un accompagnement adapté lors du passage des certifications est également prévu.

Délai de lancement

Le lancement de nos formations s’effectue au plus tard dans les 72 h suivant la validation du dossier.

Modalités d'évaluation

  • En début de formation, une évaluation de positionnement initiale, à l’oral et / ou l’écrit.
  • Durant la formation, une évaluation continue de la progression.
  • En fin de formation, une évaluation finale pour attester des progrès réalisés.

Ces formations peuvent vous intéresser

Formation intelligence artificielle : Acculturer

2 heures
ElearningPrésentielVisioformation
FNE
OPCO
Plan
Comprendre les concepts fondamentaux de l'intelligence artificielle Découvrir quelques cas...
Digital

Formation Mettre en place une stratégie webmarketing 

7 heures
ElearningPrésentielVisioformation
FNE
OPCO
Plan
Cette formation vous permettra d'appréhender les concepts et intégrer les...
Digital

Formation L'analyse de données et ses applications dans les prises de décision 

7 heures
ElearningPrésentielVisioformation
FNE
OPCO
Plan
Comprendre les fondamentaux de l'analyse de données.  Apprendre comment les...
Haut de page