Le spécialiste européen de la formation certifiante en informatique et management pour les entreprises

Formation
Responsive Web Design et Web MultiPlateforme : Créer des Sites Web adaptables (RWD)

Certification Informatique / Basics Qualité Informatique / Basics
2 jour(s)

Formation Responsive Web Design et Web MultiPlateforme : Créer des Sites Web adaptables éligible CPF*, OPCA et CIF, dispensée dans toute la France.


Cette formation Responsive Web Design et Web MultiPlateforme : Créer des Sites Web adaptables s'adresse aux webdesigners et développeurs front end qui souhaitent prendre en compte l'aspect adaptable dès les débuts d'un projet web.

Les concepteurs de sites Web doivent dorénavant revoir leur approche pour que leurs interfaces s'adaptent à la diversité des terminaux. Cette formation apporte des réponses pratiques aux problématiques de conception ergonomique et de gestion des contraintes liées au Responsive Design. Avec le concept et la méthode Responsive Web Design, préparez vos sites pour qu'ils soient véritablement multiplateforme : iphone, ipad, android, smartphone, tablette, tv etc.

Cette formation Responsive Web Design et Web MultiPlateforme : Créer des Sites Web adaptables vous aidera à comprendre l'état des lieux du Web mobile, les orientations et standards en vigueur ainsi que les systèmes et navigateurs. La première journée est entièrement dédiée à l'adaptation, via langage CSS, d'un design existant à l'ensemble des périphériques nomades (tablettes, smartphones, netbooks). Ensuite, la seconde journée détaille toutes les bonnes pratiques concernant les performances et optimisation pouvant être appliquées sur des sites web mobiles.

*sous réserve de son éligibilité. Contactez nos conseillers formations pour plus d’informations : 0 800 800 900

+ En savoir plus sur les certifications Informatique / Basics Voir la vidéo + Témoignages eKomi
Présentation de la formation Responsive Web Design et Web MultiPlateforme : Créer des Sites Web adaptables en vidéo X Fermer
Témoignages X Fermer
Je repars heureux

Je suis très satisfait de la formation. j'aimerais dans l'avenir avoir d'autres formations avec EGILIA. J'encourage tout le monde à faire confiance à EGILIA et à ces formateurs car ils ont toutes les qualités requises au déroulement d'une bonne formation.

Adam OUSSEINI, Administrateur Réseau, Formation Cisco CCNA Témoignages vérifiés par Trust Pilot
Les certifications Informatique / Basics X Fermer

Notre programme de formation Responsive Web Design et Web MultiPlateforme : Créer des Sites Web adaptables a été élaboré par un collège d'experts techniques, d'experts en pédagogie et de formateurs tous certifiés Informatique / Basics.

Téléchargez le programme en PDF

Programme détaillé

État des lieux du Web mobile

  • Périphériques, OS, navigateurs, moteurs, langages
  • Le marché mobile et ses statistiques
  • Vers l’infini et au-delà (standards, HTML5, CSS3)

Un design fluide

  • Faire du "Responsive Webdesign"
  • Tailles d'écran "critiques" (points de rupture)
  • Les unités pixel, em et % : pour quel usage ?
  • Colonnes fluides : les limites ergonomiques
  • Minimas et maximas

Un contenu fluide

  • Gérer les débordements de contenus (césures et autres coupures)
  • Gérer les débordements de médias (images, vidéos, flash, etc.)

Les tailles d'un mobile

  • Les mobiles mentent !
  • Taille d'écran : screen-width
  • Taille déclarée : device-width
  • Taille de fenêtre virtuelle : Viewport
  • Forcer le Viewport en HTML et en CSS

Adapter le design : les CSS3 Media Queries

  • Les médias en CSS
  • Ajouter des conditions avec Media Queries
  • Les critères pour mobiles (width, height, device-width, device-pixel-ratio, orientation, etc.)
  • Compatibilité Media Queries
  • Exemple : passer sur une colonne
  • Prise en compte de l'orientation
  • Tableaux de données responsive
  • Repenser son design pour les petits écrans

RWD : les techniques avancées

  • dompter le modèle d'affichage tabulaire en CSS (display: table)
  • Exploiter les multicolonnes en RWD (CSS3 columns)
  • Découvrir CSS3 FlexBox et ses possibilités pour le Web mobile

Un design adapté à toutes les résolutions

  • Adapter le Viewport
  • Redimensionner les éléments
  • Gérer les débordements
  • Une seule colonne !
  • Supprimer le superflu et les lourdeurs
  • Optimiser la navigation et l'afficher conditionnellement

Le "problème du Retina"

  • Pixels indépendants (DIP)
  • Pixel-ratio
  • Gérer les images de contenu
  • Gérer les images d'arrière-plan

Responsive Vs Performances

  • Bande passante et bonnes pratiques
  • Testez vos performances mobiles

Optimiser pour le Web mobile

  • Généralités (adapter le contenu, parallélisation
  • HTML (conventions, formulaires HTML5, Web Storage, Web Offline)
  • CSS (CSS unifiés, Media Queries, Classes conditionnelles, minification)
  • Vers la feuille de style CSS optimale ?
  • Médias (compression d'image, sprites, Data URI, caractères spéciaux, chargement conditionnel, vidéos, audio)
  • Requêtes et chargements superflus (fichiers, images, scripts)
  • Think Mobile First et chargements conditionnels
  • JavaScript (ou pas ? asynchrone ou différé, jQuery, CSS3 ?)

Notre formation Responsive Web Design et Web MultiPlateforme : Créer des Sites Web adaptables commence par un descriptif détaillé du planning des principales étapes, ainsi que de la méthodologie employée qui permettra à l’ensemble des stagiaires d'obtenir leurs certifications. La dernière après-midi est consacrée à la mise en situation d’un examen de certification.

Convocation
Avant le début du stage, une convocation sera adressée au participant, rappelant l'intitulé du stage (Responsive Web Design et Web MultiPlateforme : Créer des Sites Web adaptables) ainsi que le lieu où se déroulera la formation (un plan d'accès sera joint à cette convocation).

Accueil

Vous serez accueilli par notre personnel d’accueil qui vous fera émarger la liste de présence et vous présentera votre espace de formation et vous indiquera comment vous rendre à votre salle de formation.

Cette formation Responsive Web Design et Web MultiPlateforme : Créer des Sites Web adaptables s'adresse aux webdesigners et développeurs front end qui souhaitent prendre en compte l'aspect adaptable dès les débuts d'un projet web.

Vos Horaires
Les stages se déroulent en règle générale de 9h00 à 12h30 et de 13h30 à 17h00.
Les horaires du premier et du dernier jour de formation sont adaptés, en fonction des horaires des trains ou avions des différents participants.

Formation Responsive Web Design

Suite à cette formation vous recevez nominativement votre "certificate of achievement EGILIA" certifiée conforme par EGILIA en fin de formation.

EGILIA vous propose de nombreux avantages pour vous accompagner tout au long de votre projet de formation.

Competence

Créer des Sites Web adaptables

  • Connaitre les différences d'affichage entre les terminaux
  • Etre capable de préparer et d'adapter un design pour différents terminaux
  • Optimiser le temps d'affichage
  • Comprendre l'état des lieux du Web mobile, les orientations et standards en vigueur ainsi que les systèmes et navigateurs.
  • Découvrir toutes les techniques concrètes permettant d'adapter un design sur un terminal nomade actuel et d'optimiser les performances et temps d'affichage.

SMARTlibrary

Egilia vous donne la possibilité d’accéder à vie et en illimité à tous nos supports de nos formations dès le premier jour de votre inscription.

30 jours de Broad coaching

Egilia travaille uniquement avec des formateurs consultants et experts formateurs.

Egilia a fait le choix d’avoir des supports de cours créés uniquement par nos Expert formateur pour vous accompagner vers la réussite de vos examens tout au long de la formation.

Toujours dans le but de la réussite à vos examens Egilia vous assure un suivi de votre formation. En effet suite à la session de formation les participants ont la possibilité d’envoyer des mails aux formateurs pendant 30 jours pour lui poser toutes les questions nécessaires à la compréhension du cours.

Formation sur mesure

Tous nos responsables commerciaux sont à votre écoute pour vous aider à réaliser votre projet de formation. Afin de répondre au plus près de vos besoins, nous pouvons vous aider à mettre en place des formations sur mesure.

Les services plus EGILIA

La convivialité, le confort, l'accueil et l'écoute sont, pour EGILIA, des points fondamentaux. C’est pourquoi chaque participant bénéficie d’un accueil personnalisé, d’un petit déjeuner à disposition et d’un cocktail de fin de formation.

Il est important pour nous d’avoir un service de proximité c’est pourquoi tout au long de votre projet formation, toute notre équipe est à votre écoute.

Pré-requis

  • Expérience de développement en HTML/CSS (mise en page sans tableaux)
Ce qu'il faut retenir
  • 2 jours de formation (14 heures)
  • 30 jours de coaching après la formation
  • 1 accès illimité à la SMARTlibrary
  • Le Welcome Kit Informatique / Basics contenant votre certificat d'obtention du titre.
  • Le package d'accueil EGILIA Learning
  • Le certificate of achievement EGILIA en fin de formation.
+ En savoir plus
Paroles d'expert

Loïc THOBOIS Microsoft Most Valuable Professional
Nous sommes convaincus que le formateur est au centre de la qualité de l'apprentissage.
Nous tenons, pour nous différentialiser positivement d'autres acteurs du marché, à ne pas faire appel à des formateurs uniquement recrutés pour la durée d'un stage.

+ En savoir plus