Responsive webdesign - Certification TOSA par INSTIC
Lieu(x)
En centre (69)
Durée
Total : 35 heures
En centre : 35 heures
Financement
Demandeur d’emploi
Salarié
Éligible CPF
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
WEB ENRICHI
- CSS3 avancé
. Les menus : éléments de navigation réalisés en
CSS3 à intégrer
. Galeries photos : utiliser le CSS3 pour une
présentation propre
. Les animations en CSS3 pour la gestion de menus
et le défilement de photos
. Les transitions : les différentes techniques
- Aller plus loin en HTML5 et CSS3 avec
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
RESPONSIVE DESIGN
- Introduction
. 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
. Élaboration de la maquette graphique sous
Photoshop
- Rappel des bonnes pratiques
. Sémantique, validation w3c, accessibilité, ...
. 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
- CSS3 avancé
. Les menus : éléments de navigation réalisés en
CSS3 à intégrer
. Galeries photos : utiliser le CSS3 pour une
présentation propre
. Les animations en CSS3 pour la gestion de menus
et le défilement de photos
. Les transitions : les différentes techniques
- Aller plus loin en HTML5 et CSS3 avec
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
RESPONSIVE DESIGN
- Introduction
. 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
. Élaboration de la maquette graphique sous
Photoshop
- Rappel des bonnes pratiques
. Sémantique, validation w3c, accessibilité, ...
. 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
Objectifs
Découvrir les principes actuels de la conception d'un
contenu web adapté aux différents supports (Smartphone, tablette, écran ordinateur). Maîtriser le language CSS3 avancé (transitions, galeries, ...) et les bases du Javascript et du JQuery.
contenu web adapté aux différents supports (Smartphone, tablette, écran ordinateur). Maîtriser le language CSS3 avancé (transitions, galeries, ...) et les bases du Javascript et du JQuery.
Centre(s)
- Lyon - 8ème (69)
Formation proposée par : INSTIC
À découvrir