2 Crédits +d'infos

Tuto Un menu complet à partir d'une seule image avec Photoshop, Dreamweaver, CSS


2 Crédits +d'infos

Dans ce tuto vous allez apprendre à créer un menu complet à partir d'une seule image. Ce menu contiendra plusieurs états pour chacun de ses boutons. Le tout se fera à partir d'une seule image exportée de Photoshop et intégrée dans dreamweaver grâce à un peu de CSS (la technique s'appelle CSS Sprite).

Dans la première partie de ce tuto, nous créerons notre menu dans Photoshop en définissant les 3 états pour chaque bouton. Puis, dans une seconde partie de tutoriel, nous nous occuperons de l'intégration html/css à l'aide de l'éditeur de votre choix (Dreamweaver dans ce tuto).

Ce menu au design sobre et soigné s'adaptera à tout type de site et comporte de nombreux avantages (chargement plus rapide du menu, une seule image pour tout le menu, une intégration simple et efficace).Ce menu est compatible avec la totalité des navigateurs internet.


Formateur : Infoprog

Infoprog a publié 16 tutoriels et obtenu une note moyenne de 4,6/5 sur 3 227 tutoriels vendus.

Voir les autres formations de Infoprog

  • Tutoriel très détaillé et bien expliqué, le rythme est parfait
    gmoisan, 10/07/2014
  • Plutot bien expliqué. Devrais à mon sens commenter un peu plus la partie photoshop, la souri se déplace vite et on ne voit bien pas certaines actions .
    mizuholux, 21/11/2013
  • Simple à suivre, rapide à faire. Merci pour cette vidéo et les explications qui permettent de savoir ce que l'on fait et par la suite l'appliquer à d'autres menus.
    davy971, 24/08/2013