|
DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS. |
Responsive web design (HTML CSS 2)Date de mise à jour : 16/06/2025
| Identifiant OffreInfo : 10_28871 |
Emfor Bourgogne-Franche-Comté |
Maîtriser HTML et CSS en abordant la problématique du responsive web design ; apprendre à développer à l'aide de Boostrap.
Approfondissement de toutes les notions abordées dans le 1er clic avec des mises en pratique plus
complexes, mêlant HTML, CSS et JS (Javascript).
HTML, CSS, JS
• Utiliser les media-queries pour créer un design responsive
• Créer des images adaptatives pour optimiser leur affichage, adapté à chaque largeur de
viewport
• Implémentation de Bootstrap, un framework CSS très complet
• Sa grille de composition responsive
• Les autres classes de Bootstrap (spacing, sizing, display, etc.)
• Intégration d'une navbar responsive avec menu hamburger
• Implémentation de la bibliothèque d'icônes Font Awesome
• Création de scripts JS (par exemple, pour réaliser un smooth scroll to top au clic d'un
bouton en position fixed ou pour animer des progress bars)
• Intégration d'un carrousel d'images (Bootstrap, Owl, Slick ou autre) avec du texte animé
• Composition d'un formulaire avec des placeholders et validation des données
• Réalisation de galeries d'images composées à partir de la grille Bootstrap, avec la propriété
column-count et de type Masonry, avec boutons de filtrage (type Isotope)
• Implémentation d'une lightbox pour visualiser les images de la galeries
• Animations CSS (keyframes) lancées par le positionnement du scroll, grâce à waypoints.js
(AOS, Counter Up, progress bars…)
• Transfert vers un hébergement mutualisé (Alwaysdata)
Cas pratique
• Réalisation d'un site corporate complet, avec plusieurs pages, galerie d'images, formulaire
de contact.
Non certificiante
Sans niveau spécifique
Conventionnement : Non
Entreprise
Niveau d'entrée : Sans niveau spécifique
Avoir des bases en HTML