Skip to content

fberrabah/responsive-website

Repository files navigation

Python3 : Réaliser des interfaces responsives

Déroulement

Cette vous allez découvrir l’enjeu le plus important de la création d’interfaces graphiques: le responsive design. Aujourd’hui avec les smartphones, les tablettes et les ordinateurs, les tailles d’écrans se multiplient. Or les utilisateurs s’attendent à avoir des interfaces graphiques toujours adaptées à leur écran. Il faut donc réussir à modifier son interface graphique selon la taille de l’écran sur lequel on se trouve, on dit qu’on réalise un design responsive

Emmanuel (ou Emmanuelle à vous de choisir) Dupret a contacté l’agence dans laquelle vous travaillez car elle un projet en tête depuis maintenant plusieurs années. Actuellement contrôleur/se budgétaire pour le secteur public, Emmanuel/le est passionné/e par la pâtisserie et voudrait un jour se reconvertir en critique de pâtisserie. En attendant, il/elle souhaite démarrer un site qui fera office de blog pour poster ses critiques, des recettes, prendre contact ou encore permettre aux utilisateurs de suggérer leurs recettes et d’échanger sur leur passion. Pour l’instant il/elle souhaiterait obtenir dans un premier temps la home page ou page d’accueil du site, si le résultat est satisfaisant, alors votre agence poursuivra le travail. Attention cependant, les pâtissiers sont souvent à leurs fourneaux, il faudra donc que cette page soit adaptée aussi bien aux smartphones, qu’aux tablettes ou au PC afin de pouvoir les suivre dans toutes leurs aventures glucidiques!

Le graphiste de votre agence est très occupé mais il a quand même eu le temps de vous réaliser un zoning très détaillé de la home page basée sur les demandes du client. Il vous propose une version smartphone, tablette et PC qu’il faudra respecter. Par contre vous êtes libre d’intégrer le design que vous souhaitez tant que celui-ci reste moderne et mets en avant le contenu de la page.

Critères de qualité

Cette vous allez découvrir l’enjeu le plus important de la création d’interfaces graphiques : le responsive design. Aujourd’hui avec les smartphones, les tablettes et les ordinateurs, les tailles d’écrans se multiplient. Or les utilisateurs s’attendent à avoir des interfaces graphiques toujours adaptées à leur écran. Il faut donc réussir à modifier son interface graphique selon la taille de l’écran sur lequel on se trouve, on dit qu’on réalise un design responsive.

Ressources