> 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

Responsive webdesign, apprendre les techniques modernes de mise en page

tutorat en option

Responsive webdesign, apprendre les techniques modernes de mise en page

tutorat en option
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

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
  2h00
Prix : 40 € H.T.
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 :
  • 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 du parcours. Il échange avec lui sur ses pratiques et répond à ses interrogations lors d’un rendez-vous individuel en classe à distance. Il l’aide tout au long du parcours par email. Un forum de discussion permet aussi à l’ensemble des apprenants d’échanger et de partager leurs expériences.
Pédagogie et pratique;
Pédagogie active mixant pratique, théorie, gamification et partages. Un chef de projet coordonne les échanges et un service technique est dédié au support de l’apprenant. La formation est diffusée au format SCORM 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.

Points forts
  • Séquences de courte durée
  • Activités digitales variées
  • Accès illimité pendant 1 an ou pendant la durée du parcours
  • Tutorat personnalisé inclus ou en option
  • Accès multi-device (smartphone, tablette ou ordinateur)

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