Ferme la recherche

Responsive Web Design

Descriptif

Durée de la formation

En centre 14 heures

Session

entrées/sorties permanentes

du 01 déc. 2019 au 31 déc. 2020  - Lyon - 7ème (69)
+ autres sessions
du 01 déc. 2019 au 31 déc. 2020  - Lyon - 7ème (69)
du 01 déc. 2019 au 31 déc. 2020  - St Étienne (42)

Objectif de la formation

A l'issue de cette formation, l'apprenant sera capable de :
-Optimiser l'affichage des sites Internet pour tous supports (Smartphones, tablettes, PC).

Description de la formation

Introduction
-Le Responsive Web design d'Ethan Marcotte
-Règles de colorimétrie adaptée aux terminaux
-Technologie Mobile First
-Penser grilles fluides
-Les différents terminaux
-Navigateurs PC, Smartphone, Tablettes
Les tailles d'écran d'un mobile
-Les résolutions des principaux mobiles
-Taille réelle ou taille en pixels CSS
-Screen
- width ou device
- width
-Comment définir les points de rupture
-Le Viewport d'Apple !
-Initial
- scale maximum
- scale
-La recommandation W3C #0x40#viewport CSS/n
HTML5 - CSS3
-La nouvelle sémantique HTML5
-Compatibilité avec IE
- Hack
-Compatibilité avec les anciens navigateurs
-Les nouveaux éléments
-Les nouvelles propriétés CSS3 (ombres, transitions, coins, bordures, dégradés)
Grilles Fluides : /n
-Unités de mesure : % em pixel
-Mise en page avec les colonnesLes propriétés
-CSS3 des grilles fluides : position
- float
- clear
- width
- max
- width
- overflow
-Optimiser la taille et la résolution des image
Média Queries CSS3
-Ajouter des conditions avec Media Queries
-Les critères pour mobiles (width, height, device
- width, orientation, etc.)
-Compatibilité Media Queries IE
- Hack
-Faire disparaître ou apparaître des éléments en fonction des points de bascule
-Gérer la taille de police
-Gérer les contrastes
Bibliothèques JavaScript
-Modernizr :
Dépister les éléments non pris en charge par les navigateurs (HTML5, CSS3, MQ, Tactile ...)
Responsive avec Modernizr
-JQuery :
Les composants UI
JQuery responsive

Conditions d'accès

Posséder les connaissances et compétences en langages HTML et CSS.

Validation

Attestation de formation

Donne accès au(x) métier(s) suivant(s)

Animation de site multimedia (voir la fiche métier)

Et après la formation ?

Retour à l'emploi des anciens stagiaires

FAIBLE

Conseils
Les questions à poser avant de choisir un centre de formation
  • Quels sont les profils des anciens stagiaires (niveau de formation, expérience professionnelle) ?
  • Est-il possible de visiter le centre ?
  • Quel type de public accueillez-vous en formation (salariés, demandeurs d’emploi, particuliers) ?
  • Peut-on obtenir une liste de ces anciens stagiaires pour les interroger sur cette formation ?
  • Comment aidez-vous les stagiaires à trouver un emploi ?

Groupe Arkesys

Lieu de formation

24 Espace Henry Vallée
Lyon - 7ème

Calculez votre itinéraire

Centre de formation

24 Espace Henry Vallée
69007, Lyon 7e

Toutes les formations et avis pour Groupe Arkesys