recherche

Recherche

espace stagiaire

Espace stagiaire

Nous contacter
 

Catalogue de formations

RESPONSIVE WEB DESIGN Mixte : présentiel / à distance

Dernière mise à jour : 30/08/2024

Vous souhaitez optimiser l'affichage de vos sites sur tous les supports ? Inscrivez-vous dès maintenant !

M'inscrire à la formation

Ajouter au panier

Public visé

  • Web développeurs, Web designers, graphistes.

Prérequis

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

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

Contenu de la formation

visuel

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 @viewport CSS

 

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 :

  • 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 images

 

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

 

Concepteur : ENI SERVICE – Diffuseur : Groupe ARKESYS

Compétences acquises à l'issue de la formation

  • Optimiser l'affichage des sites internet pour tous supports (Smartphones, tablettes, PC)

Modalités pédagogiques

  • Explications théoriques suivies de pratiques guidées puis de mises en autonomie.
  • Exercices autonomes et réguliers pour assurer l'assimilation

Moyens et supports pédagogiques

Votre formation a lieu en présentiel :

  • 1 vidéoprojecteur par salle
  • 1 ordinateur

 

Votre formation se déroule à distance avec :

  • 1 ordinateur
  • 1 connexion Internet
  • 1 adresse e-mail valide
  • 1 équipement audio (micro et enceintes ou casque)
  • 1 Webcam (facultatif – dans l'idéal)
  • 1 deuxième écran (facultatif – dans l'idéal)

 

Votre formation se déroule sur notre plate-forme de formation avec :

  • 1 ordinateur
  • 1 connexion Internet
  • 1 adresse e-mail valide
  • 1 équipement audio (micro et enceintes ou casque - facultatif)

 

Support stagiaire :

À l'issue de la formation, les exercices et travaux pratiques réalisés, leurs corrigés ainsi qu'un support de cours dématérialisé sera fourni à chaque stagiaire par e-mail ou via la plate-forme FOAD.

Modalités d'évaluation et de suivi

L'acquisition des compétences de la formation se fait à travers le suivi du formateur tout au long de la formation (séquences synchrones et asynchrones). Elle s'appuie également sur la réalisation d'exercices et de TP. Enfin, des quiz s'ajoutent aux différents outils de validation de l'acquisition des compétences visées. Une évaluation est systématiquement réalisée par chaque stagiaire, à l'issue de la formation.

Profil du formateur

Nos formateurs sont certifiés à l'issue d'un parcours organisé par nos soins. Ils bénéficient d'un suivi de maintien et d'évolution de leurs compétences aussi bien au niveau technique que pédagogique.
Chacun de nos formateurs a bénéficié d'une formation spécifique à l'animation de classe virtuelle et à l'utilisation des solutions de formation à distance du Groupe ARKESYS.

Informations sur l'accessibilité

Cette formation est accessible à toute personne en situation de handicap. Notre référent handicap prendra contact avec les stagiaires concernés pour adapter l'animation à leurs besoins et rendre l'apprentissage accessible à tous. Enfin, nos centres de formation sont accessibles aux personnes à mobilité réduite.

Prochaines Sessions

  • Aucune formation INTER-ENTREPRISE n'est programmée pour le moment. Contactez-nous via le formulaire ou par téléphone au 04.37.24.36.78 afin de connaitre les dates possibles ou les autres modalités d'inscription.

Partager cette formation

Notre nouveau catalogue est en cours de déploiement. Aussi, pour connaître tous nos indicateurs, veuillez nous contacter directement.

 

Catalogue de formation propulsé par Dendreo,
logiciel de gestion pour les OF