Créer des pages web responsive

Créer des pages web responsive une formation en Développement web et Applications mobile à Lyon

Partager cette page

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.

Durée

5 jours

Dates à venir

22/08/2022

14/11/2022

Eligibilité CPF

Eligible CPF

Payez cette formation avec votre CPF

Tarifs

1050€ HT

Pré-requis

Avoir suivi la formation « HTML5/CSS3 » ou en avoir les compétences.

Public

Graphistes, infographistes, webdesigners, développeurs, responsables communication...

Programme

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

 

 

 

2. 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
  • Elaboration 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







Étudiant

Vous cherchez une formation pour poursuivre vos études ?

Demandeur d'emploi

  À la recherche de nouvelles compétences ?

Salarié

Vous souhaitez évoluer ?  

Entreprise / Dirigeant

Vous souhaitez former  vos collaborateurs ?  

Vous êtes ? choisissez votre profil

Chez INSTIC et CTI Formation, tous les profils, même les plus atypiques, sont les bienvenus ! Etudiant, jeune diplômé, demandeur d’emploi, salarié en activité ou en cours de licenciement, auto-entrepreneur, DRH, travailleur en situation de handicap… Nous vous donnons toutes les clés pour trouver le financement adapté à votre besoin.

Ce qu'ils en disent les derniers témoignages

«

De très bons exercices pour comprendre les situations réelles en entreprise.

Carla C.

Stagiaire 2019

«

Une formation qui permet d'être rapidement autonome.

Jean-Francis M.

Stagiaire 2019

«

Geoffrey, le formateur, était à l'écoute : très bon échange.

Alexis C.

Stagiaire 2018

«

Très bonne écoute, explications très claires.

Damien B.

Stagiaire 2018

«

Cours orienté sur la pratique, correspondant parfaitement à mes attentes. Réponses aux questions toujours très pertinentes.

Anonyme

Stagiaire 2019

«

Une formation complète, avec de nombreux exemples et conseils théoriques pour notre futur métier.

Anonyme

Stagiaire 2020

«

J'ai pu optimiser mon savoir-faire, améliorer ma productivité, supprimer certains vieux et/ou mauvais réflexes.

Frédéric P.

Stagiaire 2018

«

Des exercices qui peuvent donner lieu à de futurs travaux à intégrer à son portfolio. Des exemples récents de moyens de communication pour connaitre les tendances et les astuces qui marchent.

Anonyme

Stagiaire 2020

«

J'ai apprécié la proximité du formateur, rendue possible par le faible effectif de participants.

Benjamin O.

Stagiaire 2018

«

L'effectif réduit de la formation offre un réel "plus" en termes de compréhension et d'efficacité.

Fabien G.

Stagiaire 2019

«

Tout est clair et précis, aussi bien dans les explications que dans les exercices.

Bastien G.

Stagiaire 2018

«

Exercices pratiques très utiles.

Anonyme

Stagiaire 2019

«

Exercices variés, exercices imprimés et didacticiels qui permettent de refaire les exercices ultérieurement. Formateur pro qui peut répondre à toutes les questions.

Thida T.

Stagiaire 2019

«

Rodolphe est un formateur 2.0, il maîtrise totalement son sujet , c'est un très bon pédagogue doté d'une patience redoutable ! Un grand bravo. 

Fanny G.

Stagiaire 2019

«

De bonnes bases pour pouvoir réaliser plein d'animations fort sympathiques !

Anonyme

Stagiaire 2020

«

J'ai apprécié la capacité du formateur à s'adapter à chaque personne sans juger.

Damien B.

Stagiaire 2018

«

Formateur très à l'écoute et qui a une grande maîtrise de la matière enseignée.

Fabien G.

Stagiaire 2019

«

Indispensable !

Anonyme

Stagiaire 2019

«

Formation qui s'adapte à nos besoins dans la réalité.

Anonyme

Stagiaire 2020

«

Excellent intervenant : très pédagogue.

Anonyme

Stagiaire 2019

«

Très bonnes explications, toujours de bons conseils.

Marine J.

Stagiaire 2018

«

Ce cours était très intéressant, surtout  la partie sur la hiérarchie visuelle. [Le formateur] nous a donné beaucoup de conseils tout au long de la semaine, que ce soit pour la recherche d'entreprise ou même en tant que freelance. 

Julie B.

Stagiaire 2019

«

Apprentissage rapide et bien orienté sur des modules intéressants. 

Clément G.

Stagiaire 2019

«

Beaucoup de pratique, formateur à l'écoute et très disponible pour répondre aux questions et aider en cas de difficultés, cours interactif. Je ressors de cette formation avec des nouvelles compétences.

Jennifer G.

Stagiaire 2018

«

Le formateur, Rémi, est très disponible et se met à la portée de chaque personne en prenant le temps de bien lui expliquer.

Anonyme

Stagiaire 2019

«

Beaucoup de pratique tout au long de la semaine, ce qui permet de valider ce que l'on peut voir en cours. La pratique permet de mieux se souvenir des choses.

Jennifer G.

Stagiaire 2018

«

Une bonne approche pédagogique, très concrète. 

Sylvain M.

Stagiaire 2019

«

J'ai aimé la mise en situation et le travail en groupe sur un sujet concret. 

Raphaël M.

Stagiaire 2018

«

J'ai aimé le travail en autonomie chacun à son rythme, l'adaptation de certains exercices en fonction des besoins de mon entreprise, la disponibilité et les explications du formateur.

Veaceslav G.

Stagiaire 2018

«

Formateur très compétent et cours parfaitement organisé.

Alexis M.

Stagiaire 2019

«

Le formateur a su adapter son cours à la réalité du terrain et aux besoins des entreprises.

Bruno B.

Stagiaire 2019

«

Les exercices étaient pertinents et adaptés.

Anonyme

Stagiaire 2019

«

Les ateliers et workshops [...] étaient sur des exemples concrets et des cas très "pratiques" qui pourront nous servir plus tard. Cela permet de mettre en situation les compétences acquises lors de la semaine.

Jennifer G.

Stagiaire 2019

«

Disponibilité, écoute, accessibilité du formateur.

Fabien G.

Stagiaire 2019

«

J'ai suivi une formation SolidWorks et Autocad afin de me remettre à niveau sur ces logiciels, l'ambiance et le cadre sont très agréable dans des locaux neufs, les formateurs sont compétents et savent s'adapter aux groupes et au niveau de chacun. 

Valentin R.

Stagiaire 2019

«

Cours très complet et intéressant, qui m'a permis d’évoluer énormément.

Cyril S.

Stagiaire 2019

«

Formateur à l'écoute des stagiaires, avec une grande connaissance de son sujet.

Floriane P.

Stagiaire 2019

«

Grande diversité d'exercices, la pratique est vraiment un point fort.

Guillaume G.

Stagiaire 2018

«

Explications impeccables.

Damien C.

Stagiaire 2019

«

CTI formation, c'était trop bien. J'ai particulièrement aimé le module Illustrator dont je me sers tous les jours. :) 

Sylvain X

Stagiaire Designer web 2018

«

Une bonne initiation à Solidworks, qui donne envie d'aller plus avant dans cette formation !

Nicolas N.

Stagiaire 2018

«

Formateur à l'écoute de tous nos besoins et questions. Explications très claires.

Anonyme

Stagiaire 2020

«

Exercices concrets pour progresser, formateur très à l'écoute.

Valentin R.

Stagiaire 2019

«

Enseignant très professionnel et avec de l'expérience !

Guillaume L.

Stagiaire 2019

«

Beaucoup de pratiques et surtout un mini-projet en fil rouge sur toute la semaine, qui permet de consolider les apprentissages. 

Jennifer G.

Stagiaire 2019

«

Formateur super, très avenant et proche de ses stagiaires.

Camille M.

Stagiaire 2018

«

Christian (le formateur) prend le temps de nous réexpliquer si on ne comprend pas et c'est génial !

Anonyme

Stagiaire 2019

«

Formateur très pédagogue, en phase & dans l'air du temps avec son domaine professionnel.

Anonyme

Stagiaire 2019

«

Rémi (le formateur) est quelqu'un de passionné et de passionnant. Je n'ai pris aucune pause lors de cette semaine car je préférais rester parler avec lui pour en apprendre encore plus !

Mathilde D.

Stagiaire 2019

«

Formation très complète, ludique, on apprend énormément sur toutes les fonctionnalités.

Cyril S.

Stagiaire 2018

«

Le formateur est super. Passionné, il rend son cours passionnant !

Laetitia J.

Stagiaire 2018

«

Pour apprendre CREO d'une manière simple et efficace. 

Abdel B.

Stagiaire 2018

«

Excellente pedagogie. 

Charles R.

Stagiaire 2019

«

Moments de partage forts avec les membres de la classe. Bon cadrage de l'intervenante, et des techniques intéressantes à mettre en pratique.

Anonyme

Stagiaire 2020

«

Bonne équipe : très professionnels dans leur domaine, accueillants et à l'écoute.

Jérôme M.

Stagiaire 2018

«

L'ambiance est vraiment sympa, les formateurs expliquent super bien, les supports sont vraiment intéressants... Tout est positif !

Amélie B.

Stagiaire 2018

«

Le formateur m'a réconcilié avec le Java et avec plein de technologies communes à tous les langages. [Enfin] un vrai cours et un formateur qui donne une formation adéquate, avec les technologies actuelles et pas obsolètes. 

Nassym A.

Stagiaire 2019

«

Formation SolidWorks techniquement et humainement enrichissante. Au bout d'un mois , j'ai pu concrétiser un projet que je n'arrivais pas à dessiner - car trop complexe pour mon niveau - avant la formation.

Adrien A.

Stagiaire 2019

«

Une formation pertinente et un accompagnement quel que soit son niveau. 

Adrien F.

Stagiaire 2018

«

Professeur patient et à l'écoute pour toute question éventuelle.

Ambre R.

Stagiaire 2019

«

Même si on maîtrise déjà bien les réseaux sociaux, on apprend beaucoup de choses qu'on ne connaissait pas forcément.

Marie A.

Stagiaire 2018

«

Formateur très patient, pédagogique et sympathique. Travail réalisé en groupe permettant d'échanger, de répartir des taches. Tout est très bien.

Isaac D.

Stagiaire 2018

«

Très bon enseignant, donne envie d’approfondir le langage. Sait susciter l'intérêt et la motivation.

Anonyme

Stagiaire 2019

«

Théorique et pratique à la fois... et des astuces en plus !

Houda H.

Stagiaire 2019

«

Formateur super, très avenant !

Camille M.

Stagiaire 2019

«

Choix d'exemples concrets et formatrice très pédagogue.

Anthony C.

Stagiaire 2019

«

Module très enrichissant, formateur disponible et à l'écoute.

Anonyme

Stagiaire 2019

«

Ecoute, réponses simples et efficaces, et formation claire.

Steven K.

Stagiaire 2019

«

Vraie mise en situation, avec création de logo et de maquette depuis des consignes précises. 

Chloé B.

Stagiaire 2019

«

Partage des expériences et du savoir-faire dans le milieu : très instructif pour se donner une idée du métier.

Alexandre S.

Stagiaire 2019

«

Beaucoup de mise en pratique avec des exercices après chaque explication.

Anonyme

Stagiaire 2020

«

Les mises en situation sont très instructives !

Laurent L.

Stagiaire 2019

«

Les [supports de cours] sont très bien conçus, ils permettent de faire un apprentissage progressif du logiciel.

Jean-Francis M.

Stagiaire 2019

«

Cours très complet et intéressant, qui m'a permis d’évoluer énormément.

Cyril S.

Stagiaire 2018

«

Formateur impliqué et passionné de WordPress. Il est à l'écoute de ses élèves. Je recommande !

Anonyme

Stagiaire 2020

«

Le fait d'avoir une classe avec peu d'élèves est agréable pour la concentration et l'avancement en général. 

Ambre R.

Stagiaire 2018

«

Je trouve très intéressant de pouvoir faire un projet du début à la fin en utilisant l'ensemble des 3 logiciels.

Mégane N.

Stagiaire 2019

«

Pédagogie et pratique bien reparties et compréhensibles.

Bastien G.

Stagiaire 2018

«

Un très bon souvenir et une formation à faire absolument. On en ressort avec une autre vision.

Christophe C.

Stagiaire 2018

«

Boris (le formateur) sait se mettre au niveau de chacun pour reformuler les infos, prend le temps avec chacun. 

Gwenaël B.

Stagiaire 2019

«

Diversité et "progressivité" des exercices.

Adrien A.

Stagiaire 2018

«

De bonne méthodes que je pense garder pour ma vie professionnelle future.

Anonyme

Stagiaire 2019

«

Formateur au top ! Il nous tire vers le haut en vivant son langage, nous pratiquons à fond.

Anonyme

Stagiaire 2020

«

Contenus riches et intéressants, en adéquation avec mon besoin.

Anonyme

Stagiaire 2019

«

Cette formation permet de faire le pont entre la partie programmation (HTML et CSS) et la partie graphique de manière concrète. 

Pierre P.

Stagiaire 2018

«

Qualité des exemples choisis, diversité des cas pratiques.

Anonyme

Stagiaire 2019

«

Des mises en pratique régulières qui permettent de bien comprendre ce qui est vu en théorie. 

Jennifer G.

Stagiaire 2019

«

Formateur très professionnel, très pédagogue, connaît bien son sujet. Donne des exemples concrets sur des situations qu'il a connues. Nous fait participer sous forme de jeux.

Anonyme

Stagiaire 2019

«

Découverte très facile et rapide des outils de construction de CATIA.

Daniel O.

Stagiaire 2019

«

Bien expliqué, exercices pertinents.

Pierre-Olivier T.

Stagiaire 2019

«

Beaucoup d'exercices et de pratique. 

Jennifer G.

Stagiaire 2019

«

Faouzi, le formateur, toujours disponible dès que l'on a une question.

Floriane P.

Stagiaire 2019

«

Boris est un professeur pédagogue. Il maîtrise parfaitement son sujet, c'est extrêmement agréable !  

Fanny G.

Stagiaire 2019

«

Très bien pour les débutants.

Mathilde D.

Stagiaire 2019

«

[Le formateur] sait être attractif. Son cours était très intéressant, surtout  la partie sur la hiérarchie visuelle. Il nous a donné beaucoup de conseils tout au long de la semaine, que ce soit pour la recherche d'entreprise ou même en tant que freelance. 

Julie B.

Stagiaire 2018

«

Bonnes conditions de travail. Formateur très disponible en cas de besoin.

Anonyme

Stagiaire 2020

«

Les connaissances du formateur sont de très bon niveau et son dynamisme est motivant !

Anonyme

Stagiaire 2019

«

Tout est parfait.

Sid Ahmed A.

Stagiaire 2019

«

Très bon suivi de notre travail par le formateur.

Benjamin U.

Stagiaire 2018

«

Formateur très compétent et agréable, réponses aux questions pertinentes. Très bonne ambiance dans le groupe.

Malo V.

Stagiaire 2019

Ces Formations peuvent aussi vous intéresser

Développement web et Applications mobile

Adobe Dreamweaver  une formation en Développement web et Applications mobile à Lyon

Adobe Dreamweaver

 Formation courte

 5 jours

Développement web et Applications mobile

Sécuriser un site web une formation en Développement web et Applications mobile à Lyon
04 07

Sécuriser un site web

 Formation courte

 5 jours

Développement web et Applications mobile

Bootstrap une formation en Développement web et Applications mobile à Lyon

Bootstrap

 Formation courte

 5 jours

Développement web et Applications mobile

Concevoir un site en HTML et CSS une formation en Développement web et Applications mobile à Lyon
25 07

Concevoir un site en HTML et CSS

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Développer un site avec HTML et CSS une formation en Développement web et Applications mobile à Lyon
07 11

Développer un site avec HTML et CSS

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

iOS / Swift 2 une formation en Développement web et Applications mobile à Lyon

iOS / Swift 2

 Formation courte

 5 jours

Développement web et Applications mobile

Concevoir une application mobile en React Native une formation en Développement web et Applications mobile à Lyon
18 07

Concevoir une application mobile en React Native

 Formation courte

 5 jours

Développement web et Applications mobile

Concepteur développeur d’applications - diplôme niveau 6 une formation en Développement web et Applications mobile à Lyon
24 10

Concepteur développeur d’applications - diplôme niveau 6

 Formation diplômante

 Eligibilité CPF

 12 mois en alternance ou 6 mois si entièrement en centre de formation

Développement web et Applications mobile

Développeur web et web mobile - diplôme niveau 5 une formation en Développement web et Applications mobile à Lyon
31 10

Développeur web et web mobile - diplôme niveau 5

 Formation diplômante

 Eligibilité CPF

 18 mois en alternance ou 9 mois si entièrement en centre de formation

Développement web et Applications mobile

Intégrer les langages PHP et HTML dans une page web une formation en Développement web et Applications mobile à Lyon
14 11

Intégrer les langages PHP et HTML dans une page web

 Formation courte

 5 jours

Développement web et Applications mobile

Apprendre les bases de l’algorithmie et de PHP - Certification TOSA une formation en Développement web et Applications mobile à Lyon
02 11

Apprendre les bases de l’algorithmie et de PHP - Certification TOSA

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Créer des pages web dynamiques avec PHP / MySQL - certification TOSA une formation en Développement web et Applications mobile à Lyon
12 12

Créer des pages web dynamiques avec PHP / MySQL - certification TOSA

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Animer une page web avec JavaScript une formation en Développement web et Applications mobile à Lyon
05 12

Animer une page web avec JavaScript

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Améliorer l’ergonomie et l’interactivité d’un site web grâce à jQuery une formation en Développement web et Applications mobile à Lyon
03 04

Améliorer l’ergonomie et l’interactivité d’un site web grâce à jQuery

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Maîtriser les notions avancées de PHP - Certification TOSA une formation en Développement web et Applications mobile à Lyon
16 01

Maîtriser les notions avancées de PHP - Certification TOSA

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Développer une application web avec Angular une formation en Développement web et Applications mobile à Lyon
12 09

Développer une application web avec Angular

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Programmer en HTML avec JavaScript et CSS - certification Microsoft une formation en Développement web et Applications mobile à Lyon

Programmer en HTML avec JavaScript et CSS - certification Microsoft

 Formation courte

 3 semaines (5 jours de formation par semaine, soit un total de 15 jours de formation)

Développement web et Applications mobile

Maîtriser le langage XML pour développer des applications en AJAX une formation en Développement web et Applications mobile à Lyon
23 01

Maîtriser le langage XML pour développer des applications en AJAX

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Créer et administrer une base de données avec SQL/SQL Server une formation en Développement web et Applications mobile à Lyon
28 11

Créer et administrer une base de données avec SQL/SQL Server

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Modéliser des données avec Merise et UML une formation en Développement web et Applications mobile à Lyon
21 11

Modéliser des données avec Merise et UML

 Formation courte

 5 jours

Développement web et Applications mobile

Développer et concevoir des applications avec Java EE une formation en Développement web et Applications mobile à Lyon
03 10

Développer et concevoir des applications avec Java EE

 Formation courte

 5 jours

Développement web et Applications mobile

PrestaShop une formation en Développement web et Applications mobile à Lyon

PrestaShop

 Formation courte

 5 jours

Développement web et Applications mobile

Drupal CMS une formation en Développement web et Applications mobile à Lyon

Drupal CMS

 Formation courte

 5 jours

Développement web et Applications mobile

Joomla une formation en Développement web et Applications mobile à Lyon

Joomla

 Formation courte

 5 jours

Développement web et Applications mobile

Faciliter et accélérer le développement d'un site web avec Symfony une formation en Développement web et Applications mobile à Lyon
02 01

Faciliter et accélérer le développement d'un site web avec Symfony

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Gérer et configurer un site avec WordPress - certification ICDL ou TOSA une formation en Développement web et Applications mobile à Lyon
27 06

Gérer et configurer un site avec WordPress - certification ICDL ou TOSA

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Personnaliser un site WordPress avec PHP - certification ICDL ou TOSA une formation en Développement web et Applications mobile à Lyon
07 11

Personnaliser un site WordPress avec PHP - certification ICDL ou TOSA

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Installer et paramétrer un site avec WordPress - certification ICDL ou TOSA une formation en Développement web et Applications mobile à Lyon
04 07

Installer et paramétrer un site avec WordPress - certification ICDL ou TOSA

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Développer une application web avec C#.NET une formation en Développement web et Applications mobile à Lyon
17 10

Développer une application web avec C#.NET

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Comprendre les concepts avancés de Java une formation en Développement web et Applications mobile à Lyon
26 09

Comprendre les concepts avancés de Java

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Découvrir les fondamentaux de Java une formation en Développement web et Applications mobile à Lyon
16 08

Découvrir les fondamentaux de Java

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Python - initiation - Certification TOSA une formation en Développement web et Applications mobile à Lyon

Python - initiation - Certification TOSA

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Python - perfectionnement - Certification TOSA une formation en Développement web et Applications mobile à Lyon
30 01

Python - perfectionnement - Certification TOSA

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Django une formation en Développement web et Applications mobile à Lyon

Django

 Formation courte

 Eligibilité CPF

 5 jours

Développement web et Applications mobile

Gérer un projet web avec la méthode Agile une formation en Développement web et Applications mobile à Lyon
24 10

Gérer un projet web avec la méthode Agile

 Formation courte

 5 jours

Développement web et Applications mobile

Mettre en forme un site avec HTML et CSS une formation en Développement web et Applications mobile à Lyon
18 07

Mettre en forme un site avec HTML et CSS

 Formation courte

 Eligibilité CPF

 5 jours

Contactez-nous quelle est votre question ?

Nous mettons tout en œuvre pour vous répondre sous 2 jours ouvrés maximum.