Public : Développeurs Web - Webmasters - Intégrateurs
Durée : 2 jour(s)
Pré-requis : Notions fondamentales en création de sites Web, HTML et CSS
Objectifs : Créer des sites Web responsive - Utiliser les media Queries
Sanction : Attestation de fin de formation mentionnant le résultat des acquis
Taux de retour à l’emploi : Aucune donnée disponible
Référence : SIT100747-F
Taux de satisfaction : 4,63 / 5
Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins
Contact : commercial@dawan.fr
1 175,00 CHF HT
Histoires du web
Comprendre le Responsive
Responsive Web Design (RWD) : définition, composantes
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)
Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts : fixer une base pour les tailles, conversions em
Eviter les débordements
Atelier : Multiples exemples de grilles flexibles
Images flexibles : images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs
Atelier : Eviter le débordements d'images/vidéos
Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles : orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders
Atelier : Création de site responsive pure css avec des media-queries
Panorama des frameworks existants
Bootstrap
960 grid
Optimisation des ressources graphiques
Atelier : Construction d'un site adaptatif avec Bootstrap
Ce cours présente les bases et les bonnes pratiques de la mise en forme de site web à l'aide des règles du Responsive Web Design.
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
| Lieu | Date | Remisé | Actions |
|---|---|---|---|
| Distance | Du 23/01/2025 au 24/01/2025 | S'inscrire | |
| Distance | Du 27/02/2025 au 28/02/2025 | S'inscrire | |
| Distance | Du 03/04/2025 au 04/04/2025 | S'inscrire | |
| Distance | Du 26/06/2025 au 27/06/2025 | S'inscrire | |
| Distance | Du 04/09/2025 au 05/09/2025 | S'inscrire | |
| Distance | Du 20/11/2025 au 21/11/2025 | S'inscrire | |
| Genève | Du 20/02/2025 au 21/02/2025 | S'inscrire | |
| Genève | Du 05/06/2025 au 06/06/2025 | S'inscrire | |
| Genève | Du 25/09/2025 au 26/09/2025 | S'inscrire | |
| Genève | Du 04/12/2025 au 05/12/2025 | S'inscrire |