Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Compétences métiers > Communication d'entreprise > Communication écrite, rédaction Web et Print > Formation Responsive web design: les techniques modernes de mise en page > Formations > Compétences métiers > Formation Responsive web design: les techniques modernes de mise en page
Nouvelle formation

Responsive web design: les techniques modernes de mise en page

Tutorat en option

Responsive web design: les techniques modernes de mise en page

Tutorat en option
Télécharger au format pdf Partager cette formation par e-mail


Cette formation digitale a pour objectif de vous apprendre des techniques modernes de mise en page afin de créer des sites web dont l'affichage s'adapte automatiquement aux écrans sur lesquels ils sont diffusés. Elle s'adresse aux créateurs de site web, designers, chefs de projets, webmasters ou à toute personne ayant des connaissances de base en langages HTML et CSS, et souhaitant s'initier au responsive web design. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.


Catalogue
Sur mesure

Cours en ligne

Réf : 4DH
  2h14
Prix : 40 € HT
Langue : FR
En option :
Tutorat : 350 € HT




Cette formation digitale a pour objectif de vous apprendre des techniques modernes de mise en page afin de créer des sites web dont l'affichage s'adapte automatiquement aux écrans sur lesquels ils sont diffusés. Elle s'adresse aux créateurs de site web, designers, chefs de projets, webmasters ou à toute personne ayant des connaissances de base en langages HTML et CSS, et souhaitant s'initier au responsive web design. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Découvrir le responsive web design
  • Mettre en page avec les grilles responsives
  • Effectuer une mise en page fluide
  • Intégrer des images responsives
  • Utiliser les frameworks CSS

Public concerné
Créateurs de site web, designers, chefs de projets, webmasters ou toute personne souhaitant s'initier au responsive web design.

Prérequis
Connaissances de base en langages HTML et CSS.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Modalités pratiques
Activités digitales
Exercices, quiz, fiche de synthèse, cours enregistrés et option de tutorat (débriefing, échanges par e-mail avec un expert, social learning, classe à distance sur mesure).
Pédagogie et pratique
Formation digitale basée sur une pédagogie active avec une combinaison de théorie, de démonstrations, de partages d’expérience et de bonnes pratiques. Pour renforcer l’apprentissage, les séquences pédagogiques sont de courte durée et un tutorat est proposé en option.

Programme de la formation

Découvrir le responsive web design

  • Le web design aujourd'hui.
  • L'utilisation et la syntaxe des media queries.
  • Le placement des requêtes de médias.
  • La taille des écrans.
  • L'attribut viewport.

Mettre en page avec les grilles responsives

  • Les grilles responsives.
  • La grille Simple Grid.
  • La mise en page avec Simple Grid.
  • La grille Columnal.
  • La mise en page avec Columnal.
  • Les images responsives avec Columnal.
  • La grille Responsive Grid System.
  • La mise en page avec Responsive Grid System.

Effectuer une mise en page fluide

  • L'affichage de la mise en page fluide.
  • La mise en page et les images fluides.
  • La mise en page fixe.
  • Passer à la mise en page fluide.

Créer des images responsives

  • Le script Respond.js.
  • Le script picturefil.js.
  • Le script picturefill.js pour les images HD.
  • Les propositions d'avenir.

Utiliser les frameworks CSS

  • Les frameworks.
  • Le framework Kube.
  • La grille de mise en page avec Kube.
  • Le formulaire avec Kube.
  • Le framework KNACSS.
  • La grille de mise en page avec KNACSS.
  • Le framework Pure.

Créer une page d'accueil responsive

  • Le framework UIkit.
  • La maquette responsive.
  • La structure de la mise en page.
  • La structure de l'en-tête.
  • La structure de la zone des trois activités.
  • La structure de la zone de l'image centrale.
  • La structure de la zone du bureau.
  • La structure de la zone des sorties.


Options
Tutorat : 350 € HT
Bénéficiez de l’accompagnement d’un formateur expert du domaine pour vous guider et renforcer votre apprentissage.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.