Organisation

Fichier et dossier de Développement

Une fois choisi dans ImageReady "Enregistrer une version optimisée pour le web" du fichier visuel issu de Photoshop (tranché, activé les divers rollover), nous obtenons dans le fichier racine du site un fichier "nom_du_template".html et un dossier "image" où se trouvent tous les fichiers image issus d'ImageReady.

Dossier image du template généré par ImageReady	Capture d'écran du dossier développement dans Dreamwaver

Organisation du dossier

L'organisation du dossier de développement doit être strict, tous mettre en "vrac" est la porte ouverte à des heures penibles de "mais c'est où ?" ("les ordinateurs ça n'en fait qu'à leur tête !!!!!!!!!") . Personellement, j'essais de respecter une certaine logique. Il est plus simple d'intervenir sur un élément lorsque les éléments sont biens nommés, rangés à une place spécifique dans un dossier bien iddentifié. Imaginez un site présentant la collection d'un Philatéliste ayant plusieurs centaines (voir milliers) de timbres, si les visuels sont en vrac dans un seul dossier regroupant tous les visuels (y compris la skin, les vignettes…), que du bonheur en prévision.

Dossier Finder (Mac OS X)