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
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
- 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
- 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.
- 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.
- 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 !
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 !
L'ESSENTIEL
Modalités
Financement
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.
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.
Contactez-nous pour plus d'information