Responsive web design
Devictio Formations
Salarié en poste
Demandeur d'emploi
Entreprise
Étudiant
En présentiel
Nous contacter
Nous contacter
Localité
En présentiel
Découvrez les localités disponibles pour suivre cette formation en présentiel.
Objectifs
Savoir développer des sites web dont l'affichage s'adapte aux différentes résolutions.
Programme
INTRODUCTION
LE LANGAGE HTML5
Le W3C et WHATWG
LES APIS HTML5
LE CSS3
INTRODUCTION AU RESPONSIVE
LE DESIGN FLUIDE
LES MEDIAS QUERIES
GRILLE FLUIDE
LES OUTILS
OPTIMISATION
MISE EN APPLICATION
- L'histoire de l'HTML5
- L'HTML5 d'aujourd'hui
- L'HTML5 de demain
- Pourquoi faire le choix de l'HTML5
- Connaitre la compatibilité des navigateurs
LE LANGAGE HTML5
- Le Doctype
- Les nouvelles balises
- Les nouveaux attributs
- Les balises et attributs obsolètes
- Les principales balises
- La structure d'une page
- Balises Vidéo et audio
- Balises de formulaire
Le W3C et WHATWG
- Les standards du web
- Les normes W3C
- Contraintes des supports mobiles
LES APIS HTML5
- Le dessin avec la balise Canvas
- Le drag and drop
- Le stockage de données
- La gestion des évènements
- La géo-localisation
LE CSS3
- Les bordures arrondies
- La transparence
- Les ombres portées
- Mise en page
- Les animations (transitions et transformations)
INTRODUCTION AU RESPONSIVE
- Les principes du responsive web design
- Le concept du « Mobile First »
- Les différentes résolutions
- Contenant/Contenu
- Comptabilité avec les navigateurs
- Solutions techniques pour les navigateurs non compatibles
LE DESIGN FLUIDE
- % OU em
- min-width et max-width
- Les bonnes pratiques
- Portrait ou paysage
LES MEDIAS QUERIES
- Screen
- Média queries CSS2
- Média queries CSS3
- Les opérateurs logiques
GRILLE FLUIDE
- Le principe de base
- Grille et design fluide
- Images fluides et police fluide
- Web font
LES OUTILS
- Les frameworks (Bootstrap, Foundation, …)
- La suite d'outils Adobe Edge
- Utilisation de Modernizr
- HTML shiv
- Respond.js
- Outils de test
- Utilisation de Dreamweaver
OPTIMISATION
- Sprite CSS
- Polices d'icônes (icomoon, glyphicons, awesome font, …)
- « Minifier » le code
- Concept de l'Adaptative Design
MISE EN APPLICATION
Ces formations peuvent vous intéresser
Designer textile - Adobe Illustrator
PARIS 10E
En centre / En entreprise
Salarié en poste / Demandeur d'emploi / Entreprise
Non finançable CPF
750 €
Avis du centre
IA appliquée au design graphique
PARIS 11E, BORDEAUX
En centre
Salarié en poste / Demandeur d'emploi / Entreprise
Finançable CPF
2290 €
Infographie - Formation à distance - Devenez Infographiste / Graphiste
À DISTANCE
Tout public
Non finançable CPF
Avis du centre
Malheureusement, vous ne pouvez pas contacter ce centre via Maformation.
Voici des formations similaires :
Formation Graphiste
À DISTANCE
Tout public
Finançable CPF
3690 €
Bachelor Directeur Artistique
À DISTANCE
Tout public
Finançable CPF
5390 €
Avis du centre
Initiation à la peinture numérique : apprenez à créer vos premières illustrations avec Photoshop – 3h de mentoring
À DISTANCE
Salarié en poste / Demandeur d'emploi / Entreprise
Finançable CPF
1499 €
Avis du centre
Les formations les plus recherchées
Formation Toulouse
Formation Paris
Formation Nantes
Formation Lille
Formation Strasbourg
Formation Bordeaux
Formation Rennes
Formation Montpellier
Formation Angers
Formation Clermont-Ferrand
Formation Graphisme CPF
Formation Graphisme en ligne
Formation Designer CPF
Formation Designer en ligne
Formation Dao
Formation Ux design
Formation Pao
Formation Directeur artistique
Formation Infographiste
Formation Solidworks
Formation Maquettiste pao
Formation Cao
Formation Montage video
Formation Covadis
Formation Dao Toulouse
Formation Solidworks Toulouse
Formation Pao Toulouse
Formation Pao Lille
Formation Pao Paris
Formation Pao La Ciotat
Formation Cao Toulouse
Formation Dao Nantes
Formation Infographiste Toulouse
Formation Directeur artistique Toulouse
Cette formation est temporairement suspendue.
Voir des formations similaires