responsive web design : mise en oeuvre, intégrateur

Transcription

responsive web design : mise en oeuvre, intégrateur
RESPONSIVE WEB DESIGN : MISE EN OEUVRE, INTÉGRATEUR
3 jours (21 heures en présentiel)
Objectifs pédagogiques
Apprenez à maitriser le concept et la méthode
Responsive Web Design (Web Design Adaptif) et
préparez vos sites pour qu'ils soient véritablement
multiplateforme : iphone, ipad, android,
smartphone, tablette, tv etc.
Avec le responsive web design répondez à toutes
les problématiques de format écran en html et css
uniquement.
Contenu
Formation Responsive Web Design
Sites web adaptatifs & cross-platform
Vérification des acquis : QCM corrigé & envoi du support de cours.
Population visée
Programme de formation Responsive Web Design
Graphistes ou webmasters ayant en charge
l'intégration et la mise en page des sites web.
Dispensé avec des méthodes d'apprentissage actives basées sur des exercices pratiques.
Pré-requis
Expérience de développement en XHTML / CSS
(mise en page sans tableaux)
Méthodes pédagogiques
8 participants maximum, un poste par stagiaire et
un support de cours est remis en fin de stage. La
formation est constituée d'apports théoriques, de
démonstrations et de mises en pratique basées sur
des exercices.
Formateur
Formateur expérimenté, développeur de site Web,
et spécialiste du Web.
Modalités de validation des
acquis
Évaluation en ligne des acquis via un questionnaire.
Attestation de fin de stage.
1 - Évolutions
Evolutions des normes et multiplications des terminaux
Les résolutions Web, mobile, tablette et TV
Séparation contenant contenu
Adaptation du contenant
Mode paysage et portrait
2 - Méthodologie
La philosophie
Les bonnes pratiques du responsive web design
3 - Page adaptable & web application
Site optimisé selon le média : mise en page, typographie, images et javascript
Application web
Application web mobile
4 - Méthode & Framework
Préparer son site pour les terminaux
Penser ergonomie et lisibilité
Frameworks et librairies
5 - Adaptabilité du contenant
Gracefull degradation
Responsive Design
Détection des résolutions : Mediaqueries
Detection des fonctionnalités
Penser au futur
Penser utilisateur, et tester
6 - Adaptabilité du contenu
Faire vite
Mobile first
Un contenu unique mais adaptif
Un oeil ne voit pas en 300 dpi
Penser utilisation, et tester
7 - Mais aussi...
Tour d'horizons des techniques en devenir
Sources de veille technologique
Organiser sa R&D
Powered by TCPDF (www.tcpdf.org)