Détails de la Formation
ADAPTER UN SITE AUX TERMINAUX MOBILES - RESPONSIVE WEB DESIGN
Référence + indice : G112
Durée : 2 jours (soit 14 heures)
Date : Suivant calendrier et sur demande
Personnes concernées : Destinée aux développeurs, développeurs/intégrateurs web, webdesigners, chefs de projet

Pré-requis :
Connaissance et pratique du HTML5 et de CSS3



Objectifs :
• Connaître les spécificités du Responsive web design
• Être capable de développer des sites optimisés pour tous types d\'appareils (téléphones mobiles, tablettes, liseuses, moniteurs d\'ordinateur de bureau)
• Maitriser et optimiser le paramétrage des contenus pour les différents environnements



Méthodes :
Intervenants référencés et recrutés pour leur :
• Compétence pédagogique
• Expérience d’enseignement aux adultes
• Expertise des thèmes enseignés
• Connaissance du monde de l’entreprise privée et publique

ÉVALUATION DES ACQUIS
• Mise en situation et/ou Questionnaire et/ou QCM.
• Fiche d’évaluation individuelle de formation.
• Attestation individuelle remise à l’issue du stage.
Horaires : 8h30 - 12h00 13h30 - 17h00
Tarifs : 790 € -

Lieu : PÔLE FORMATION CCI - 4 rue du Rhin - 68000 Colmar
Secteur : SYSTEMES D'INFORMATION - Informatique de Gestion
4 rue du Rhin 68000 Colmar
Email : sys-info@colmar.cci.fr

Responsable : BOCCI Sylvain

Assistante(s) : HARTMANN Barbara
Tel : 03.89.20.22.28  Fax : 03 89 20 22 13

Programme


ETAT DES LIEUX DU WEB MOBILE
Les enjeux et les usages des différents type des périphériques (mobiles, tablettes…)
Les « applications web » et les sites mobiles.
Les différentes plateformes et navigateurs

LE RESPONSIVE WEB DESIGN
Qu’est-ce que le responsive design ?
Approche « Mobile First »
Les outils de conception et de tests
Les avantages et inconvénients face aux applications mobiles natives

MEDIA QUERIES
Comment adapter le CSS en fonction du terminal
Les opérateurs logiques CSS
Les critères à utiliser pour mobiles (width, device-width, orientation, etc.)
La compatibilité navigateurs des media queries

GRILLES CSS FLEXIBLES ET/OU FLUIDES
Quelles différences avec un positionnement classique
Unité de mesure
Les problèmes de débordements de contenus ou de médias
Présentation des Frameworks de grilles responsives

ADAPTATION DES CONTENUS
Images flexibles
Contenu responsive
Polices fluides
Menus adaptatifs
Vidéos adaptatives
Tableaux et formulaires flexibles

OPTIMISATION ET PERFORMANCE
Optimisation des contenus pour les différentes familles de périphériques
Rapidité, importance majeure pour Google
Optimisation des CSS, des fichiers JavaScript
La minification

INFORMATION