Découpage de l'interface graphique

De la création de l'interface graphique à la production d'une page web

La première étape consiste à produire une page dessinée graphiquement qui représente la future page web. Après le dessin, la création d'un modèle de page web se réalise de la manière suivant :

La page HTML est créé en utilisant un logiciel professionnel ou simplement dans un éditeur de texte. Il s'agit de mettre en place les blocs principaux : cadre haut, centre et bas de page.

La découpe de l'interface commence par le fond de page généralement. Le fond est alors coupé puis optimisé et enregistré au bon format graphique.

Après enregistrement dans un dossier d'image, il sera inséré directement dans la page HTML. L'image pourra également être utilisée en combinaison d'un style CSS pour plus de précision.

Chaque élément graphique suit ainsi le même procédé. L'objectif consiste à découper l'interface graphique afin de minimiser le poids graphique d'un page. Il faut donc privilégier la découpe en éléments répétitifs et utiliser le code HTML et CSS pour la continuité. Le travail de découpe, optimisation et conception d'une page HTML peu ainsi durer plusieurs heures.

Avec l'avènement du responsive design et l'augmentation du débit d'internet, cette étape de découpage graphique a perdu du sens et a peu à peu été abandonnée au sein de l'agence Olloweb !