Responsive Design avec HTML/CSS

Objectifs

- 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.  


- La formation vise à permettre aux participants 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 leurs clients ou de leur entreprise. 


- Ils ou elles verront également les techniques avancées de mise en page et de typographie et les bases du javascript et du Jquery.  

Programme de la formation

- 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. ? 

- 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.  

- 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. ? 

- 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. ? 

- bilan & évaluation 

• Évaluation sous forme de QCM?; 


• Retours et échanges?; 


• Perspectives d'approfondissement. ? 

Validation et sanction

Attestation de formation

Type de formation

Non certificiante

Sortie

Sans niveau spécifique

Code Rome

Modalités pédagogiques

Durée

35 heures en centre, 35 heures hebdomadaires

Conventionnement : Non

Financeur(s)

Bénéficiaire de l'action

Entreprise

Public(s)

Salarié, Tout public

Modalités de recrutement et d'admission

Niveau d'entrée : Sans niveau spécifique

Conditions spécifiques et prérequis

• Graphistes, WebDesigner, développeur, chargé de communication souhaitant maîtriser le Responsive Design. • Jeunes diplômé.es en communication, 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.

Modalités d'accès

formation entièrement présentielle

Adresse

7 Rue du 35ème Régiment d'Aviation
Immeuble le Quadrille
69500 - Bron

Responsable : INSTIC / 3IS Lyon
Téléphone fixe :
Contacter l'organisme

Contact sur la formation

7 Rue du 35ème Régiment d'Aviation
69500 - Bron

Responsable :
Téléphone fixe : 0636011002
fax :
Site web :
Contacter l'organisme

Contacter l'organisme formateur

Instic - 3IS Lyon
SIRET: 82439101500024

Responsable : BAMBANI
Téléphone fixe : 0636011002
Site web :
Contacter l'organisme

du 02/01/2025 au 31/12/2025
débutant le : 02/01/2025

Adresse d'inscription

7 Rue du 35ème Régiment d'Aviation
69500 - Bron

Etat du recrutement : Ouvert
Modalités : Entrées/sorties permanentes

Instic - 3IS Lyon
SIRET : 82439101500024

Adresse

7 Rue du 35ème Régiment d'Aviation
69500 - Bron

Téléphone fixe : 0636011002
Contacter l'organisme