06 22 90 33 60

Créer des Sites « Responsive »

Comprendre les problématiques ergonomiques et graphiques liées à la diversité des écrans d’affichage
Créer un site web s’adaptant à différents terminaux cibles
Comprendre et utiliser les languages CSS et HTML pour le Responsive web design

Formation Responsive 1 jour 

Pour qui ?

intégrateurs et développeurs, webmestres, concepteurs de sites web

Pré-requis

Maîtriser un peu les bases en HTML, savoir déjà gérer un site web

Quels langages ?

Nous travaillerons sur les langages HTML et CSS (et un peu de Javascript)

Bootstrap

Découverte de Bootstrap, le frameWork le plus connu pour créer des sites Responsive facilement

Programme 

Introduction

XHTML/CSS/JavaScript, les langages du web
Standards actuels (HTML5, CSS3)
Différence entre résolution et taille d’affichage
Séparation entre contenu et présentation

Principes du RWD

Approche Mobile First
Détection du navigateur
Détection du terminal
Détection de fonctionnalité
Orientation du terminal
Conception d’une interface adaptative
Considérer les terminaux tactiles
Gabarits responsives

Media Queries

Différence entre viewport et screen
Principe des media queries
Règles conditionnelles (device-width, orientation…)
Points de rupture (BreakPoint)

BOOTSTRAP

Présentation, découverte
Utilisation des class
La grille Bootstrap
Changer les styles CSS
Approche du mode SASS

 

Formation responsive adaptée

Le programme est adapté à votre profile et à vos besoin