> Formations > Compétences métiers > Communication d'entreprise > Communication écrite, rédaction Web et Print > Formation Responsive webdesign, apprendre les techniques modernes de mise en page > Formations > Compétences métiers > Formation Responsive webdesign, apprendre les techniques modernes de mise en page

Responsive webdesign, apprendre les techniques modernes de mise en page

Responsive webdesign, apprendre les techniques modernes de mise en page

Télécharger au format pdf Partager cette formation par e-mail 2

Télécharger au format pdf Partager cette formation par e-mail 2

Ce cours en ligne 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. Il 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

Formation en ligne

Réf. 4DH
  7h00
Prix : 95 € H.T.
Langue : FR




Ce cours en ligne 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. Il 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 :
  • Maitriser les concepts fondamentaux du responsive web design.
  • Mettre en page avec les grilles responsives.
  • Effectuer une mise en page fluide et intégrer des images responsives.
  • Utiliser des 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.

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.


Modalités pratiques
Activités digitales
Démonstrations, cours enregistrés, partages de bonnes pratiques, quiz, fiches de synthèse.
Tutorat
Un formateur dédié accompagne l’apprenant dès le début de sa formation. Il corrige ses exercices et répond à ses questions par e-mail. Il anime une classe à distance sur mesure planifiée par l’apprenant durant la formation. Un forum de discussion permet aussi d’échanger et de partager entre les apprenants sur leurs pratiques. Un chef de projet coordonne les échanges.
Pédagogie et pratique;
Une évaluation tout au long de la formation grâce à une pédagogie active mixant théorie, exercice, partage de pratique et gamification. Un service technique est dédié au support de l’apprenant. La formation est diffusée au format SCORM (1.2) et accessible en illimité pendant 1 an.

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étence acquises.

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.