Webdesign et intégration

  • Cours (CM) -
  • Cours intégrés (CI) -
  • Travaux dirigés (TD) 10h
  • Travaux pratiques (TP) 50h
  • Travail étudiant (TE) -

Langue de l'enseignement : Français

Description du contenu de l'enseignement

Plan de cours :
¿Partie web design
  • Cours d’introduction au webdesign (le métier, les outils, les tendances, les fondamentaux du graphisme pour le web, le design responsive, les types de fichiers, export pour le web…)
  • Travail de refonte et de modernisation d’un site existant en respectant des règles d’ergonomie et de mise en page (utilisation d’une grille, taille des éléments, réflexion sur l’organisation…) et acquisition de nouvelles compétences techniques sur Photoshop
  • Initiation au design de maquettes d’applications mobiles
  • Réalisation d’images de positionnement pour mettre en valeur ses créations devant le client ou dans son portfolio
  • Présentation et utilisation de fonctionnalités avancées et cachées de Photoshop
  • Projet de conception d’une application mobile de A à Z (travail individuel) depuis la recherche d’idées et la création du concept jusqu’au design final des différentes pages sur Photoshop en passant par tout le travail de prototypage sur papier (+ oral de présentation)

Partie intégration
  • Introduction au Responsive Design - RD - côté développement front-end, implications techniques, media-queries, grilles, viewport, compatibilité, etc.
  • Initiation aux frameworks HTML/CSS/jQuery
  • Utilisation avancée du framework Bootstrap 4 (tour d’horizon, grilles, gestion du RD, éléments-clés, etc.), personnalisation de Bootstrap selon type de maquette.
  • Introduction à jQuery, intégration, paramétrage et personnalisation de plugins type Slick, Masonry, etc.
  • Mutualisation d’éléments HTML/CSS pour réutilisation sur différents projets.
  • Traitement des images pour le RD.
  • Approfondissement CSS (pseudo-classes, pseudo-éléments, sélecteurs d’attributs, combinateurs, transitions, animations, keyframes, etc.).
  • Introduction à l’accessibilité du web aux personnes handicapées (déficients visuels, déficient s moteurs, etc.) et aux différentes règles et normes en vigueur.

Compétences à acquérir

Partie web design
A l’issue du module, les étudiants doivent être capables :
  • de concevoir des graphismes pour des applications multimédia
  • d’établir un graphisme en fonction d’une expérience utilisateur
  • de maîtriser les outils techniques pour y parvenir
  • de mener une réflexion complète sur la réalisation d’un projet (analyse, recherches, prototypage, ergonomie, intégration…)

Partie intégration
A l’issue du module, les étudiants doivent être capables :
  • d’intégrer les éléments graphiques conçus
  • de créer un gabarit de page complet à partir d’une maquette (image) utilisant le framework Bootstrap 4.
  • de connaître les normes, règles et tendances en vigueur sur les techniques de développement front-end.
  • de connaître de manière avancée la syntaxe des langages HTML5 et CSS3.
  • d’analyser et déterminer la faisabilité/difficulté de l’intégration d’une maquette en une page web (lien avec le designer)

LICENCE PROFESSIONNELLE - METIERS DU NUMERIQUE : CONCEPTION, REDACTION ET REALISATION WEB - Métiers du numérique : conception, rédaction et réalisation web