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)