Les Grilles et le Responsive Webdesign

Il est temps de structurer votre site et de le rendre compatible tous supports !

INFOS PRATIQUES

TARIFNous consulter.
DURÉE2 jours (14h)

Public

Les professionnels de la communication, graphistes, maquettistes et photographes qui souhaitent maitriser les fonction essentielles pour composer et retoucher les images.

Prérequis

Seule la connaissance basique de l’outil informatique est nécessaire.

Objectifs

Retoucher, corriger et réaliser une composition à partir d’images pixellisées et vectorielles.

Je veux plus d'infos

Pour s’inscrire:
  • Remplir le formulaire ci-dessous
  • Appelez Emmanuel au 03.20.54.09.06

DATES

juillet

16jul(jul 16)9 h 15 min18(jul 18)17 h 15 minInDesign l'indispensable en juillet

août

29aoûallday31InDesign l'indispensable en août

septembre

05sep(sep 5)9 h 15 min07(sep 7)17 h 15 minWordpress l'indispensable en septembre

octobre

03oct(oct 3)9 h 15 min05(oct 5)17 h 15 minWordpress l'indispensable en octobre

novembre

12nov(nov 12)9 h 15 min14(nov 14)17 h 15 minWordpress l'indispensable en novembre

décembre

10dec(dec 10)9 h 15 min12(dec 12)17 h 15 minWordpress l'indispensable en décembre

PROGRAMME

Introduction

  • Quelques définitions utiles sur le jargon: Framework, boilerplate, bootstrap, responsive webdesign.

Les grilles

  • Principes et intérêt des grilles.
  • Les systèmes de grilles plébiscitées.
  • Utiliser un système de grilles lors du prototypage (mockup) et lors de la conception de la maquette graphique.
  • Comprendre la structure CSS d’un système de grilles.
  • Système de grilles imbriquées.
  • Les grilles et le responsive design.

Les frameworks

  • Définition des frameworks et boilerplates.
  • Les différents types de frameworks

Choix du framework

  • Critères à prendre en compte.
  • Préparer son site pour les différents terminaux.
  • Les frameworks les plus populaires.
  • Construire son propre framework.

Paramétrer un framework

  • Télécharger et installer un framework.
  • Adapter les fichiers nécessaires.
  • Découvrir les fonctionnalités d’un framework

Construire un site basé sur un framework

  • Démarrer une page d’accueil.
  • Techniques pour modifier les styles css.
  • Modifier les couleurs, typos et formulaires

Adaptabilité du contenant

  • Gracefull Degradation.
  • Responsive Design.
  • Mediaqueries et détection des résolutions.
  • Détecter les fonctionnalités.
  • Lisibilité et ergonomie

Adaptabilité du contenu

  • Pensez mobile !
  • Contenu unique et adaptif.
  • Gestion des nouvelles résolutions d’écran (retina)
  • Intégrer une webapp avec IUI

Ressources utiles

  • Sites incontournables (veille, ressources graphiques, code,…)
  • Bibliographie de référence.

 

X