Responsive Design avec HTML/CSS
La formation « Responsive Design avec HTML/CSS » vise à vous permettre de découvrir les principes fondamentaux et actuels de la conception web conception d’un contenu web adapté aux différents supports (Smartphone, tablette, écran ordinateur) afin de répondre aux besoins de vos clients ou de votre entreprise.
Vous verrez également les techniques avancées de mise en page et de typographie et les bases du javascript et du Jquery.
- Maîtriser les fonctionnalités avancées d’HTML5 et CSS3 ;
- Utiliser JavaScript et jQuery pour ajouter de l’interactivité et de la dynamique aux pages web ;
- Connaître les bonnes pratiques de conception de sites web pour garantir une expérience utilisateur optimale ;
- Concevoir des sites web responsives qui s’adaptent à différentes tailles d’écran et appareils.
Public visé et pré-requis
- Graphiste, WebDesigner, développeur, chargé de communication souhaitant maîtriser le Responsive Design.
- Jeunes diplômé.es en communication ou graphisme souhaitant maîtriser le Responsive Design.
- Avoir des connaissances opérationnelles en HTML5/CSS3 ou avoir suivi le module “Maîtriser les fondamentaux de la mise en page web avec HTML et CSS”
- Maîtrise impérative de l’environnement informatique (PC/Mac) et de la navigation web.
1 400 €
Financement sur-mesure possible selon profil, financement AFDAS possible (sous condition d’éligibilité).
5 jours
(35 heures)
Choisissez votre centre
Lyon
Session sur Lyon le 27/01/2025 Présentiel.
Session sur Lyon le 21/07/2025 Présentiel.
PROGRAMME
JOUR 1
INTRODUCTION
- Présentation des objectifs et de la semaine de formation.
MAÎTRISER LES DONCTIONNALITÉS AVANCÉES DE CSS3
- Menus : éléments de navigation réalisés en CSS3 à intégrer ;
- Galeries photos : utiliser le CSS3 pour une présentation propre ;
- Animations en CSS3 pour la gestion de menus et le défilement de photos ;
- Transitions : les différentes techniques.
JOUR 2
UTILISER HTML5/CSS3, JAVASCRIPT ET JQUERY
- Réaliser un slideshow en HTML/Javascript et JQuery;
- Introduction aux canvas avec Javascript et HTML5;
- Manipuler le code CSS3 avec JQuery.
JOUR 3
APPLICATION EN RESPONSIVE DESIGN
- Qu’est-ce que le responsive design ? ;
- Qu’est-ce que le principe « mobile first » et « User first » ? ;
- Site web adaptatif ou responsive ? ;
- Définir les points de rupture ;
- Atelier pratique : élaboration de la maquette graphique sous Photoshop.
JOUR 4
RAPPEL DES BONNES PRATIQUES EN CONCEPTION WEB
- Sémantique, validation w3c, accessibilité, 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.
JOUR 5
BILAN & ÉVALUATION
- Évaluation sous forme de QCM ;
- Retours et échanges ;
- Perspectives d’approfondissement.
Évaluation et validation
- Evaluation QCM
- Attestation de stage
SUITE DE PARCOURS
- Cette formation fait partie du bloc “Web Design avancé : HTML – CSS & WordPress” qui compose le titre “Product Designer UI“, tous deux finançables au titre du CPF.
- Vous souhaitez aller plus loin dans la maitrise de la conception Web ? Découvrez également nos modules WordPress :
MÉTHODES MOBILISÉES & ENCADREMENT
- Mise en pratique, étude de cas & apports théoriques.
- Formation en présentiel, distanciel nous consulter, dispensée par un.e formateur.ice expert.e du Web et du Design.
ACCESSIBILITÉ AUX PERSONNES EN SITUATION DE HANDICAP
Un.e référent.e handicap est à votre écoute sur chaque centre de formation. Pour plus d’informations, rendez-vous sur notre page dédiée :
3is-executive.fr/handicap-et-accessibilite
N’hésitez pas à nous contacter !