Formation Webmaster Intermédiaire : Responsive Web Design (RWD)

icon public

Public : Développeurs Web - Webmasters - Intégrateurs

icon horloge

Durée : 2 jour(s)

Syllabus de la formation Webmaster Intermédiaire : Responsive Web Design (RWD)

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

Référence : SIT100747-F

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

À partir de

875,00 € HT / jour

Tarif pour une personne à distance sans frais
+ 75,00 € HT par participant supplémentaire
+ frais en cas de formation présentielle

940,00 € HT

1 000,00 € HT

Pour 20 tickets de 30mn (10 heures) utilisables pendant 12 mois

1 175,00 € HT

Tarif plein :

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance

940,00 € HT

Tarif remisé :

Contacter Dawan
HTML/CSS

Programme de Formation Webmaster Intermédiaire : Responsive Web Design (RWD)

Introduction

Histoires du web
Comprendre le Responsive

Construire un site web adaptatif

Responsive Web Design (RWD) : définition, composantes
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)

Créer une grille d'affichage flexible

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

Utiliser des médias 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

Ecrire des CSS3 Media Queries

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

Frameworks RWD

Panorama des frameworks existants
Bootstrap
960 grid
Optimisation des ressources graphiques

Atelier : Construction d'un site adaptatif avec Bootstrap

Passage de la certification (si prévue dans le financement)

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.

Délai d'accès  :

Le délai d’accès à la formation certifiante est de 7 jours après validation du dossier. Dans le cas d’un financement via votre CPF, la validation de votre dossier devra être réalisée 11 jours ouvrés avant le début de formation. Hors certification CPF, délais d'accès de une à trois semaines en fonction des sessions ouvertes.

Méthodes mobilisées  :

  • Un formateur expert ayant suivi une formation à la pédagogie et ayant au minimum 3 année d'expériences dans le domaine visé
  • Matériel pour les formations présentielles informatiques  : un PC par participant
  • Un support et les exercices du cours pour chaque stagiaire
  • Synchrone en présentiel ou distanciel. Plateforme utilisée  : Microsoft Teams. Pour le distanciel  : diagnostic technique avec les stagiaires pour tester la connexion et les modalités pratiques.
  • Méthodologie basée sur l'Active Learning (75% de pratique minimum) et un programme pédagogique riche et interactif  :
  • Expositive : Apport de contenu théorique structuré pour consolider vos connaissances.
  • Interrogative : Moments de réflexion pour questionner et approfondir vos pratiques.
  • Démonstrative : Exercices pratiques pour illustrer les concepts clés.
  • Active : Ateliers d'entraînement pour une mise en application immédiate.
  • Expérimentale : Études de cas concrets pour ancrer les apprentissages dans la réalité.
  • Collaborative : Espaces de partage et d'échange d'expériences pour enrichir la formation.
  • Un format conçu pour favoriser l'engagement, la pratique et l'impact durable dans vos activités professionnelles.

Un espace apprenant dédié moncompte.dawan.fr pour  :

  • Informations relatives à la ou aux futures formations (plan, syllabus et éventuellement informations relatives à la certification)
  • Positionnement à l'entrée et à la sortie de la formation
  • Définition des besoins et attentes par l'apprenant en amont de la formation
  • Émargement en ligne
  • Évaluation à chaud
  • Évaluation à froid
  • Attestation de formation
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Bordeaux Du 29/01/2026 au 30/01/2026 Oui S'inscrire
Bordeaux Du 16/04/2026 au 17/04/2026 Oui S'inscrire
Bordeaux Du 06/08/2026 au 07/08/2026 Oui S'inscrire
Bordeaux Du 15/10/2026 au 16/10/2026 Oui S'inscrire
Distance Du 26/02/2026 au 27/02/2026 Oui S'inscrire
Distance Du 02/04/2026 au 03/04/2026 Oui S'inscrire
Distance Du 04/06/2026 au 05/06/2026 Oui S'inscrire
Distance Du 01/10/2026 au 02/10/2026 Oui S'inscrire
Distance Du 10/12/2026 au 11/12/2026 Oui S'inscrire
Lille Du 26/02/2026 au 27/02/2026 Oui S'inscrire
Lille Du 02/04/2026 au 03/04/2026 Oui S'inscrire
Lille Du 23/07/2026 au 24/07/2026 Oui S'inscrire
Lille Du 01/10/2026 au 02/10/2026 Oui S'inscrire
Lille Du 10/12/2026 au 11/12/2026 Oui S'inscrire
Lyon Du 05/02/2026 au 06/02/2026 Oui S'inscrire
Lyon Du 21/05/2026 au 22/05/2026 Oui S'inscrire
Lyon Du 06/08/2026 au 07/08/2026 Oui S'inscrire
Lyon Du 15/10/2026 au 16/10/2026 Oui S'inscrire
Marseille Du 05/02/2026 au 06/02/2026 Oui S'inscrire
Marseille Du 21/05/2026 au 22/05/2026 Oui S'inscrire
Marseille Du 06/08/2026 au 07/08/2026 Oui S'inscrire
Marseille Du 15/10/2026 au 16/10/2026 Oui S'inscrire
Montpellier Du 29/01/2026 au 30/01/2026 Oui S'inscrire
Montpellier Du 16/04/2026 au 17/04/2026 Oui S'inscrire
Montpellier Du 06/08/2026 au 07/08/2026 Oui S'inscrire
Montpellier Du 15/10/2026 au 16/10/2026 Oui S'inscrire
Nantes Du 12/02/2026 au 13/02/2026 Oui S'inscrire
Nantes Du 04/06/2026 au 05/06/2026 Oui S'inscrire
Nantes Du 13/08/2026 au 14/08/2026 Oui S'inscrire
Nantes Du 22/10/2026 au 23/10/2026 Oui S'inscrire
Nice Du 05/02/2026 au 06/02/2026 Oui S'inscrire
Nice Du 21/05/2026 au 22/05/2026 Oui S'inscrire
Nice Du 06/08/2026 au 07/08/2026 Oui S'inscrire
Nice Du 15/10/2026 au 16/10/2026 Oui S'inscrire
Paris Du 22/01/2026 au 23/01/2026 Oui S'inscrire
Paris Du 02/04/2026 au 03/04/2026 Oui S'inscrire
Paris Du 04/06/2026 au 05/06/2026 Oui S'inscrire
Paris Du 01/10/2026 au 02/10/2026 Oui S'inscrire
Paris Du 10/12/2026 au 11/12/2026 Oui S'inscrire
Rennes Du 12/02/2026 au 13/02/2026 Oui S'inscrire
Rennes Du 04/06/2026 au 05/06/2026 Oui S'inscrire
Rennes Du 13/08/2026 au 14/08/2026 Oui S'inscrire
Rennes Du 22/10/2026 au 23/10/2026 Oui S'inscrire
Strasbourg Du 12/02/2026 au 13/02/2026 Oui S'inscrire
Strasbourg Du 04/06/2026 au 05/06/2026 Oui S'inscrire
Strasbourg Du 13/08/2026 au 14/08/2026 Oui S'inscrire
Strasbourg Du 22/10/2026 au 23/10/2026 Oui S'inscrire
Toulouse Du 29/01/2026 au 30/01/2026 Oui S'inscrire
Toulouse Du 16/04/2026 au 17/04/2026 Oui S'inscrire
Toulouse Du 06/08/2026 au 07/08/2026 Oui S'inscrire
Toulouse Du 15/10/2026 au 16/10/2026 Oui S'inscrire