Conception du site

L'aspect visuel

À l'aide de Photoshop et Illustrator, j'ai créé un visuel où j'ai construit la "peau" de mon site. Ce fichier est un montage mutisource, en effet il y a du bitmap de photoshop et aussi du vectoriel issus d' Illustrator. Puis, j'ai réalisé les diverses positions pour les Rollover des boutons (ici 3 états : off, survol et sélectionné). Enfin pour finir je pose des repères pour délimiter les futures tranches.

Visuel issu de Photoshop pour la réalisation du Template web	Visuel iddentique avec les repères pour la découpe des tranches

Les tranches

Une fois le fichier réalisé dans Photoshop , il suffit de cliquer sur et le visuel s'ouvre dans ImageReady afin de le Trancher, d'activer les Rollovers et enfin d'enregistrer un model.html ainsi que les images des tranches. Ces fichiers et dossiers générés sont la base de travail de la mise en page du site.

Une fois les tranches découpés avec ImageReady	Rollover issu d'ImageReady 3 positions (on, over, sel)