Programmation et interface graphique spécifique, Responsive Design - INSPÉ (ESPE)

Nom du fichier : Fiche descriptive de la LP Métiers de l'informatique Extension du fichier : pdfPoids du fichier : 74 Ko
Nom du fichier : Guide pédagogique de la LP Métiers de l'informatique (2018-2019) Extension du fichier : pdfPoids du fichier : 1 Mo

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

Langue de l'enseignement : Français

Description du contenu de l'enseignement

En partant du constat qu’il est impossible de savoir depuis quel type de support (Desktop ou Mobile) un site web est ouvert, Ethan Marcotte a esquissé les premières idées qui ont amené à la conception responsive de pages web. Sans forcément disposer des maquettes adaptées, ce cours doit permettre aux intégrateurs de pouvoir être autonome dans l’adaptation des pages web à tout type de terminaux et de circonstances.

Compétences à acquérir

Compréhension de l’histoire des méthodes d’adaptation aux différents terminaux (notamment Adaptative Web Design vs. Responsive Web Design)
Principales méthodes CSS utiles à l’intégrateur web pour assurer une page web responsive
Le design Mobile First, vu du côté du code et de l’intégrateur
Analyse, dégradation et découpage de maquettes mobiles pour tout type de terminaux
Spécificités de l’accessibilité web en mobilité
Spécificités de la performance web en mobilité

Bibliographie, lectures recommandées

Responsive Web Design, mises en page et grilles, les techniques modernes de conception web (2e édition), Auteur : Christophe Aubry, Edition ENI, Collection : Objectif Web, ISBN13 978-2-409-00590-9
Mobile first, A book apart n°6, Auteur : Luke Wroblewski, Edition Eyrolles, Collection : A Book Apart, ISBN13 978-2-212-13406-3

Pré-requis recommandés

La participation à ce cours nécessite une bonne connaissance de l’environnement informatique, une pratique de la navigation sur le réseau Internet, ainsi qu’une :

compréhension du langage HTML,
compréhension du langage CSS,
compréhension de la chaîne de travail dans les métiers du numérique,
utilisation basique des logiciels utilisés pour les maquettes (Photoshop, Illustrator, SketchApp),
compréhension basique du fonctionnement du protocole http,
compréhension basique de gestion des versions, comme Git.

Environnement de travail sous Windows ou Mac OS, ou Linux.