Ferme la recherche

Responsive design : site web adaptable

Descriptif

Session

entrées/sorties permanentes

du 01 janv. 2019 au 31 déc. 2023  - La Cula (42)
du 01 janv. 2019 au 31 déc. 2023  - La Cula (42)
Pour connaître les dates des prochaines sessions, veuillez contacter l'organisme de formation

Objectif de la formation

A l'issue de la formation 'Responsive Design : site Web adaptable', diverses compétences vous seront acquises, notamment :
Concevoir et développer des interfaces Web pour tous types de terminaux, Adopter une approche de conception ergonomique,
Découvrir les composants graphiques, les frameworks et les librairies Responsives,
Optimiser les performances d'affichage des pages sur mobiles et ordinateurs.

Description de la formation

L'environnement du Web
- Internet, le Web et son fonctionnement
- Distinguer les principaux navigateurs : Google Chrome, Mozilla Firefox, Opera, Safari, Internet Explorer
- L'importance du référencement
- Connaitre les principaux moteurs de recherche : Google, Yahoo, Bing
- Les sites vitrines / sites de ventes en ligne
- La mutation des modes de communication
- Les évolutions du Web 1.0 au Web collaboratif
Quelques notions pour bien démarrer
- Rappel des différents langages : Php, JavaScript, MySQL...
- Changements, interprétations de chaque navigateur
- Retour sur les normes W3C
- Les bases du référencement interne/SEO
- La structure des documents HTML
- Les balises obsolètes et les nouvelles balises
- Les terminaux : types et résolution, périphériques, navigateurs...
Définition du Responsive Design
- La définition d'origine
- Les grands principes
- L'impact sur la gestion de projet
- Les outils de conception
- Les outils de test
- Ressources essentielles
Démarche de conception
- Séparation contenu/contenant
- Approche portrait/paysage, tactile, impact sur l'ergonomie
- Créer un plan de tests
- Les différences entre design Web et design Mobile
Media Queries
- Adaptation des CSS aux caractéristiques du terminal
- Règles conditionnelles (orientation, device
- width...)
- JavaScript et les anciens navigateurs
- Réglage complémentaire de rendu visuel : Viewport
Principe de grille flexible, fluide
- Le principe de conception selon une grille
- Importance des blocs, approche contenu/contenant
- Unités de mesure (%, em, px), mode Retina
- Éviter les débordements
- Points de rupture
- Principe des box, layout avec CSS3
Framework et librairies Responsive
- Détecter les ressources avec Modernizr
- Librairies de substitution : less, css3pie...
- Frameworks CSS 960 grid, HTML5 BoilerPlate, Bootstrap, Foundation, Skeleton, 320...
Optimisation et performance
- Mesurer la performance de chargement
- Optimisation de bande passante
- Répartition Client/Serveur
- Optimisation des ressources graphiques
- Gestion du cache.

Conditions d'accès

Maîtriser l'environnement de Windows et la micro-informatique est nécessaire pour suivre cette formation, de même que des connaissances de base en HTML et CSS.

Validation

Attestation de formation

Donne accès au(x) métier(s) suivant(s)

Animation de site multimedia (voir la fiche métier)

Et après la formation ?

NON DÉTERMINÉ

Conseils
Les questions à poser avant de choisir un centre de formation
  • Quels sont les profils des anciens stagiaires (niveau de formation, expérience professionnelle) ?
  • Est-il possible de visiter le centre ?
  • Quel type de public accueillez-vous en formation (salariés, demandeurs d’emploi, particuliers) ?
  • Peut-on obtenir une liste de ces anciens stagiaires pour les interroger sur cette formation ?
  • Comment aidez-vous les stagiaires à trouver un emploi ?

Pralong Pierrick - Panierdepixels

Lieu de formation

60 rue Louis Marchand
La Cula

Calculez votre itinéraire

Centre de formation

60 rue Louis Marchand
42800, Genilac

Toutes les formations et avis pour Pralong Pierrick - Panierdepixels