Un petit aperçu du design créé sous photoshop pour le chat:

Planeoo Chat PNG

Cliquez ici pour obtenir le fichier Photoshop correspondant !

Pour ceux que celà intéresse et qui, comme moi, débutent dans le design sur Photoshop:

  • ouvrez le fichier et regardez comment les différents Layers ont été réalisés.
  • vous verrez également que le découpage a été effectué. Pour créer les différentes images qui constitueront le fond du Chat, il vous suffit d'aller dans File --> Save for Web & Devices , puis à nouveau cliquer sur Save.

Tout l'habillage dynamique (les différents boutons, les contenus des cases, ...) seront obtenus grâce au code qui sera fournit dans un prochain chapitre.