Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: façon intégrer un bouton  (Lu 2994 fois)

Levendivin

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 417
    • Voir le profil
    • site levendivin
façon intégrer un bouton
« le: mars 09, 2012, 13:43:18 pm »

Bonjour,

J'ai fini le graphisme d'un site, je dois envoyer les images découpées au webmaster pour intégrer dans le site. J'ai un doute sur la manière de préparer le bouton. J'ai vu que certains utilisent un seul fichier avec 2 look du bouton çàd (1 est en stade normal, l'autre en stade de survol)

Est-ce-que c'est mieux de le faire en 2 fichiers avec 2 images séparées ou la manière dont j'ai décrit en haut ? (je veux dire, en terme de poids, fiabilité etc.)

Et s'il y a 3 look, comment ça se passe ?

A bientôt
IP archivée

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : façon intégrer un bouton
« Réponse #1 le: mars 09, 2012, 15:16:30 pm »

Salut, peut être anticipes et demandes à ton webmaster la solution qu'il a l'habitude de faire pour des boutons images. Dans le meilleur des cas, le sprite reste à mon avis la meilleur solution (tous les événements en une seule image), niveau poids c'est la même chose c'est au niveau requête pour appeler l'image que c'est mieux puisque que tu n'as qu'une seule image à appeler. Et pour la gestion derrière ça ne se fait que par le CSS donc c'est bien aussi (tous les navigateurs acceptent l'attribut background-position)
IP archivée
Less is more

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : façon intégrer un bouton
« Réponse #2 le: mars 09, 2012, 15:20:09 pm »

Salut.
Le mieux est de faire une image contenant les deux boutons. Ensuite ton webmaster joue avec les positions pour afficher l'une ou l'autre partie du bouton.
L'avantage est qu'au survol l'image est déjà chargée par le navigateur, l'état "hover" est alors instantané contrairement à deux images dont il faudrait charger au moins une fois le survol.
Cette méthode est nommée "sprites" et de nombreux sites l'utilisent avec parfois bien plus de boutons que tu ne pourrais l'imaginer, parfois même, tous ceux du site (Amazon p.ex.) !

Jettes un œil par là afin d'en savoir plus.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

Levendivin

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 417
    • Voir le profil
    • site levendivin
Re : façon intégrer un bouton
« Réponse #3 le: mars 09, 2012, 20:11:09 pm »

Salut !

Je comprends mieux le système maintenant, merci pour ton lien.  ;)
après les explications, c'est vrai que c'est plus raisonnable d'avoir une seule image pour différents choix.

Merci
A+
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : façon intégrer un bouton
« Réponse #4 le: mars 10, 2012, 07:18:13 am »

Je ne pense pas que ce soit une question de "Raisonnable" mais surtout d'efficacité et rapidité. ;)
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

Levendivin

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 417
    • Voir le profil
    • site levendivin
Re : façon intégrer un bouton
« Réponse #5 le: mars 10, 2012, 10:33:42 am »

 8)  Je voulais dire que ça serait plus judicieux de choisir cette méthode
IP archivée
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum