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 ?
- Webmasters
- Responsables de sites Internet
- Chefs de projet
La formation et son contenu sont personnalisables pour s’adapter à tous les niveaux.
- Webmasters
- Responsables de sites Internet
- Chefs de projet
La formation et son contenu sont personnalisables pour s’adapter à tous les niveaux.
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
- Créer et à gérer des feuilles de style ; comment créer et coder en CSS3
- Les bases du CSS pour comprendre leur fonctionnement et leur intégration
- Premiers essais et vous test sur les sélecteurs de balise, d’identifiant, les sélecteurs de classe, d’hyperliens ou encore les sélecteurs de première ligne et de première lettre et les sélecteurs parent-enfant
- Propriétés des CSS pour avoir une maîtrise de ces propriétés de style, propriétés CSS pour l’arrière-plan, pour les blocs de texte, pour la police, pour les listes ou les bordure
- Propriétés pour blocs en travaillant sur les positions « relative », « absolute » et « fixed »
- Les marqueurs pour les listes et les couleurs en CSS
- Créer et à gérer des feuilles de style ; comment créer et coder en CSS3
- Les bases du CSS pour comprendre leur fonctionnement et leur intégration
- Premiers essais et vous test sur les sélecteurs de balise, d’identifiant, les sélecteurs de classe, d’hyperliens ou encore les sélecteurs de première ligne et de première lettre et les sélecteurs parent-enfant
- Propriétés des CSS pour avoir une maîtrise de ces propriétés de style, propriétés CSS pour l’arrière-plan, pour les blocs de texte, pour la police, pour les listes ou les bordure
- Propriétés pour blocs en travaillant sur les positions « relative », « absolute » et « fixed »
- Les marqueurs pour les listes et les couleurs en CSS
Programme
- Introduction
- Structurer sa page web avec HTML
- Mise en forme avec CSS
- Créer sa landing page avec Bootstrap
- Manipuler les textes avec CSS
- Manipuler les images avec CSS
- Manipuler les boîtes avec CSS
- Les types de positionnement en CSS
- Sélecteurs CSS avancés
- Une favicon pour son site web
- Les formulaires avancés
- Les médias queries
- Réaliser un menu burger en HTML et CSS
- Animer des éléments HTML
- Annexe
- Création d’un premier site web
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.
- Introduction
- Structurer sa page web avec HTML
- Mise en forme avec CSS
- Créer sa landing page avec Bootstrap
- Manipuler les textes avec CSS
- Manipuler les images avec CSS
- Manipuler les boîtes avec CSS
- Les types de positionnement en CSS
- Sélecteurs CSS avancés
- Une favicon pour son site web
- Les formulaires avancés
- Les médias queries
- Réaliser un menu burger en HTML et CSS
- Animer des éléments HTML
- Annexe
- Création d’un premier site web
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
Une formation humanisée à 100% pour progresser plus rapidement Une pédagogie actionnelle avec des experts sélectionnés en fonction de vos besoins. Votre coach personnel vous accompagne avant et pendant la formation
Une formation humanisée à 100% pour progresser plus rapidement Une pédagogie actionnelle avec des experts sélectionnés en fonction de vos besoins. Votre coach personnel vous accompagne avant et pendant la formation
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