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 stage 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é : Nos formations sont accessibles aux personnes en situation de handicap

À partir de

875,00 CHF HT / jour

940,00 CHFHT

1 250,00 CHF HT

Pour 10 heures utilisables pendant 12 mois

1 175,00 CHF HT

Tarif plein:

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

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.

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible
  • Nos formations sont accessibles aux personnes en situation de handicap :
    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.

Suite de parcours et formations associées

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

Lieu Date Remisé Actions
Distance Du 11/04/2024 au 12/04/2024 S'inscrire
Distance Du 11/04/2024 au 12/04/2024 S'inscrire
Distance Du 13/06/2024 au 14/06/2024 S'inscrire
Distance Du 25/07/2024 au 26/07/2024 S'inscrire
Distance Du 10/10/2024 au 11/10/2024 S'inscrire
Distance Du 19/12/2024 au 20/12/2024 S'inscrire
Genève Du 02/05/2024 au 03/05/2024 S'inscrire
Genève Du 25/07/2024 au 26/07/2024 S'inscrire
Genève Du 10/10/2024 au 11/10/2024 S'inscrire
Genève Du 19/12/2024 au 20/12/2024 S'inscrire

Nos centres de formation

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Genève

    c/o CCI France Suisse Route de Jussy 35 Case postale 6298

    CH-1211 Thônex - Genève