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 pédagogiques
À l’issue de la formation, vous serez capable de :
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
Effectifs, satisfaction et atteinte des objectifs : voir les indicateurs de cette formation
Cette formation vous intéresse ?
Je souhaite être recontacté et en savoir plus
Ou appelez-nous directement :
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
Informations +
- Niveau
- Initiation
- Public
- Tout public
- Pré-requis
- Aucun
- Tarif
- 500 € HT / jour / personne
en présence ou à distance
Pour les groupes, merci de nous contacter.
à adapter selon modalité comme trajet, personnalisation… - Durée conseillée
- 21 heures (3 jours)
- Dates
- En présence : sur demande
À distance : permanentes - Délais d’accès
- 10 jours (si financement 1 mois minimum)
- Évaluation
- Production, QCM (sur demande)
- Pédagogie
- Démonstration entrecoupée d’exercices d’application et réalisation d’un mini projet d’application
- Accessibilité
- Adaptation des modalités d’accueil et de la formation selon votre situation. Consultez notre page Accessibilité et Handicap
- Certification
- Attestation de formation (Activdesign)
Prochaines sessions
Téléphonez-nous au