IT

Pour aller encore plus loin dans votre maitrise des services numériques, nous vous proposons des formations informatiques vous permettant d'acquérir et de développer vos connaissances en termes de programmation, codage, développement web / mobile... Apprenez à maitriser les outils qui permettront de transformer vos idées en résultats concrets (sites, applications, etc).

Développer son site grâce au Responsive Web Design

Objectifs : À l'issue de cette formation, les participants seront en mesure de :
-Appréhender les tenants et aboutissants du Responsive Web Design (RWD),
-Intégrer dans leur gestion de projet les implications du Responsive Web Design,
-Mettre en oeuvre les techniques de conception de sites web adaptatifs.

Durée : 2 jours

Etat de l'art de la mobilité

Les supports, les OS, les navigateurs, les technologies
Les statistiques d'usage
Les standards, le HTML5 et CSS3
Ressources utiles : les outils disponibles en ligne et quelques galeries de sites mobiles

Présentation du Responsive

Les principes et la philosophie du Responsive Web Design
Définir les tailles d'écran
Les unités pixel, em et % : pour quel usage ?
Les contraintes ergonomiques et fonctionnelles
Les modes portrait et paysage

MediaQueries

Adaptation des CSS aux caractéristiques du terminal
Règles conditionnelles (orientation, device-width...)
JavaScript et les anciens navigateurs
Réglage complémentaire de rendu visuel (Viewport)

Principe de grille flexible, fluide

Conception classique vs conception selon une grille
Importance des blocs, approche contenu/contenant
Unités de mesure (% em px), mode Retina
Eviter les débordements
Points de rupture
Principe des box, layout avec CSS3

S'adapter au média

Penser « touch »
Designer pour mobile
Iframes / Vidéos
Graphiques
Tableaux
Navigation

Framework et librairies responsive

Détecter les ressources avec "Modernizr".
Librairies de substitution (less, css3pie...).
Frameworks CSS 960 grid, HTML5 BoilerPlate, Bootstrap...

Toutes les personnes souhaitant faire évoluer un site web, et l'adapter aux appareils mobiles. Les chefs de projet Web, développeurs, webmaster, designer et chargé de marketing et communication.

Apports théoriques et mise en pratique des apports théoriques en direct.

Revenir