Responsive Design avec HTML/CSS

Maitriser les fonctionnalites avancees d'HTML5 et CSS3; Utiliser JavaScript et jQuery pour ajouter de l'interactivite et de la dynamique aux pages web; Connaitre les bonnes pratiques de conception de sites web pour garantir une experience utilisateur optimale; Concevoir des sites web responsives qui s'adaptent a differentes tailles d'ecran et appareils. La formation vise a permettre aux participants de decouvrir les principes fondamentaux et actuels de la conception web conception dun contenu web adapte aux differents supports (Smartphone, tablette, ecran ordinateur) afin de repondre aux besoins de leurs clients ou de leur entreprise. Ils ou elles verront egalement les techniques avancees de mise en page et de typographie et les bases du javascript et du Jquery.

INTRODUCTION Presentation des objectifs et de la semaine de formation. MAITRISER LES DONCTIONNALITES AVANCEES DE CSS3 Menus : elements de navigation realises en CSS3 a integrer; Galeries photos : utiliser le CSS3 pour une presentation propre; Animations en CSS3 pour la gestion de menus et le defilement de photos; Transitions : les differentes techniques. UTILISER HTML5/CSS3, JAVASCRIPT ET JQUERY Realiser un slideshow en HTML/Javascript et JQuery; Introduction aux canvas avec Javascript et HTML5; Manipuler le code CSS3 avec JQuery. APPLICATION EN RESPONSIVE DESIGN Quest-ce que le responsive design ?; Quest-ce que le principe mobile first et User first ?; Site web adaptatif ou responsive ?; Definir les points de rupture; Atelier pratique: elaboration de la maquette graphique sous Photoshop. RAPPEL DES BONNES PRATIQUES EN CONCEPTION WEB Semantique, validation w3c, accessibilite, etc.; Positionnement HTML/CSS; Organisation des feuilles de styles. ADAPTATION Adaptation des contenus; Adaptation du positionnement; Adaptation de la navigation; Les Medias Queries; Introduction au framework bootstrap. BILAN & EVALUATION Evaluation sous forme de QCM; Retours et echanges; Perspectives dapprofondissement.

MODALITES DEVALUATION Evaluation QCM VALIDATION Attestation de formation Cette formation fait partie du bloc de competences Realiser ameliorer et animer des sites web du titre professionnel Concepteur Designer UI Niveau 6 inscrit au RNCP

Graphistes, WebDesigner, developpeur, charge de communication souhaitant maitriser le Responsive Design. Jeunes diplome.es en communication, graphisme souhaitant maitriser le Responsive Design. Avoir des connaissances operationnelles en HTML5/CSS3 ou avoir suivi le module Maitriser les fondamentaux de la mise en page web avec HTML et CSS Maitrise imperative de lenvironnement informatique (PC/Mac) et de la navigation web.