Créer un site web responsif

Concevoir le graphisme des sites dans une approche multi-support. Réaliser un site qui soit lisible sur ordinateur, tablette ou smartphone.

Objectifs de la formation

Savoir prendre en compte les différents périphériques d’affichage d’un site web, définir les points de rupture et la mise en page correspondante

Programme de la formation

Introduction

Qu'est-ce que le design responsif ?
Pourquoi y mettre tant d'énergie ?
Analyse de sites adaptatifs
Par où commencer ?
Se recentrer sur les contenus

Le responsive design

Tailles d'écran "critiques"
Les unités pixel, em et %
Colonnes fluides : les limites ergonomiques
Minimas et maximas
Les viewports

Les Media Queries

Les médias en CSS
Ajouter des conditions avec Media Queries
Les critères pour mobiles (width, height, device-width, device-pixel-ratio, orientation, etc.)
Rédéfinir la navigation

Bonnes pratiques

Clarifier ses CSS
Minifier et optimiser ses fichiers
Créer des sprites
Solutions et frameworks : wp-toutch de wordpress, tumblr, jquerry mobile, Adaptive image, Bootstrap, Modernizr

Informations complémentaires

Certification : Certificat de centre de formation

Financement : Personnel, Employeur

Formateurs : Elisa de castro Guerra

Accéder aux indicateurs de la formation

Cette formation vous intéresse ?

Je souhaite être recontacté et en savoir plus

Ou appelez-nous directement :

Être recontacté

Compléments

Améliorer l'ergonomie web de son site et de son application

Analyser le fonctionnement de son site web en prenant les points de vue du visiteur et de l'objectif pour en améliorer la navigabilité et l'efficacité

Initiation · 14 heures

» Revenir à la liste des formations courtes.