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

No Events on The List at This Time

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