Intégration de charte graphique

Un site internet repose sur plusieurs composantes, dont les plus importantes pour l'intégration graphique sont :

  • Une structure de page codée en "langage" compris par les navigateurs internet : le HTML ou xHTML,
  • Une mise en page et un formatage (mise en forme - à l'identique d'un traitement de texte : mots en gras, soulignés, texte justifié, etc) : la feuille de style, ou CSS
  • Des éléments graphiques : images, photos, pictogrammes, fonds d'écran...
Pour plus d'informations sur ces technologies, consultez le résumé historique des technologies internet.

Lors de la conception d'un site, l'infographiste ou le webdesigner créé une maquette graphique, dont la représentation visuelle globale est une image.

En tant qu'image, c'est un support "passif" qui doit être transposé sur internet pour en faire un élément interactif (afin de pouvoir cliquer sur les textes, faire défiler des images dans une zone, envoyer un formulaire, etc).

Cette image va alors être découpée en plusieurs zones qui vont être intégrées dans la structure HTML du site.

Le formatage graphique du texte sera quant à lui assuré par la CSS.

L'intégration graphique consiste donc à découper un fichier image dans le but d'en faire un document interactif.

Transposition sur les différentes plateformes

Selon la cible visée par le site, l'intégration graphique se fera en respectant un ensemble de paramètres prédéfinis.

L'intégrateur web n'est toujours pas à l'abri des éclats d'obus de la guerre des navigateurs, et s'il est admis qu'un site "grand public" doit pouvoir être accessible et vu de façon constante selon les différentes plateformes (système d'exploitations et logiciels de navigation), le portage d'un site web traditionnel sur des appareils mobiles communicants tels que le smartphone et le tablet-PC ne se réalise pas qu'avec des CSS, et requiert souvent une refonte (redesign) en terme d'ergonomie, de fonctionnalités et de ré-écriture des contenus.

 

Ressources sur l'intégration graphique :

  1. http://Pompage.net
  2. http://www.lesintegristes.net/