Type :
Durée :
2 jours (14 heures)
Prérequis :
Avoir suivi la formation HTML / CSS initiation ou connaissance similaire.
Public visé :
Toute personne ayant en charge le développement et la mise en page d’un site Web côté client.
Objectifs :
Maîtriser la conception et le développement d’un site web répondant aux critères du responsive web design : adaptabilité aux différents terminaux (smartphone, tablette, écran de toutes tailles) et rapidité d’affichage.
Moyens pédagogiques et techniques :
Chaque personne dispose d’un ordinateur de dernière génération et d’un accès internet Filaire/Wifi très haut débit, toutes nos salles de formation sont climatisées.
Nos formations sont présentielles ou en E-learning ou encore multimodales s’appuyant sur l’alternance des présentations théoriques et la mise en pratique au travers de cas concrets.
Nos groupes de 3 à 5 participants sont accompagnés par nos formateurs expérimentés et certifiés par les éditeurs tels que Microsoft, Adobe, Autodesk.
Mode préparatoire :
Avant chaque action de formation Mozilla Firefox, nous pouvons vous proposer, nous pouvons vous proposer un entretien préalable téléphonique et/ou rendez-vous.
Celui-ci est effectué pour nous permettre de parfaitement déterminer les besoins attendus. Cela nous permet de définir un parcours de formation pertinent et efficace.
Le formateur ou la formatrice effectue la validation des acquis de façon continue durant la formation (études de cas, mises en situation réelle, cas concrets…).
Dates de formations
…
Contenu de la formation Responsive Web Design
non contractuel, pouvant être modifié sans préavis pour raison d’évolution et d’adaptation
Etat des lieux : Responsive Web Design
- Tour d’horizon sur les différents terminaux
- Ce qui change avec la mobilité
- Les contraintes
- Les normes en vigueur
Les bonnes pratiques
- Les objectifs
- La compatibilité
- Les règles
- Les moyens et les ressources
- La réalisation
- Les vérifications
Le HTML et le CSS
- Bien structurer le contenu
- Séparer le contenu et la mise en forme
- Les propriétés incontournables
- Exploiter au mieux l’existant en fonction des limites actuelles
Les Media queries
- Régler les problèmes liés au Viewport
- Compatibilité navigateurs sur support fixe et mobile (Windows, Apple et Android)
- Compatibilité écrans (différentes résolutions et zoom)
- Consultation en mode paysage et portrait
La mise en forme du contenant
- Les principes du « gracefull degradation »
- La productivité et la qualité sont compatibles
- L’ergonomie et l’utilisateur au cœur de nos préoccupations
- Exploiter et réutiliser un Framework
La gestion du contenu
- Pourquoi le « mobile first » ?
- Un seul contenu, mais adaptatif
- Gérer le redimensionnement et maîtriser les déplacements
- Attention au débordement
- Comportement des menus
L’optimisation
- La rapidité d’affichage
- Minification indispensable ou superflue ?
- Compression des images et des icônes
- Et pour le Javascript ?
Les évolutions
- Normes exploitables à moyen terme
- Comment se tenir informé ?