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âe au Responsive Web Design

Objectifs : 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

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.

Connaître les bases du développement web

L’évaluation des acquis se fait tout au long de la session au travers des multiples exercices, mise en situation et étude de cas à réaliser. Le formateur remet en fin de formation une attestation avec les objectifs acquis ou non par le stagiaire.

Dispositif de suivi de l'exécution de la formation :
  • Feuilles de présence.
  • Formulaire d'évaluation de la qualité de la formation.
Dispositif d'évaluation des résultats de la formation :
  • Auto-diagnostic réalisé par le stagiaire avant et après la formation.
  • Questions orales et écrites (QCM).
  • Mises en situation.
Sur la base de ces éléments, le formateur remet en fin de formation une attestation avec les objectifs acquis ou non par le stagiaires
  • Modalités d'accès :
    Adeos valide avec le candidat, qu'il possède bien les compétences et les prérequis nécessaires au suivi de la formation.
  • Délais d'accès :
    Nous contacter
  • Accessibilité aux personnes handicapées :
    Nos locaux sont aux normes d'accueil pour les PMR, pour les autres handicaps nous contacter afin de pouvoir adapter la formation ou bien vous orienter vers un organisme partenaire.

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...

Consultez nos sessions de formations sur la plateforme Mon Compte Formation :

Revenir