Posez votre question Signaler

Photoshop + html

bigc4684 347Messages postés 19 novembre 2007Date d'inscription 19 octobre 2011Dernière intervention - Dernière réponse le 12 mai 2008 à 20:27
Bonjour , Voici mon probléme J'ai crée tout mon design avec photoshop mais le probléme je ne c pas comment faire pour que quant on clique sur l'image accueil de mon design ben on aille a une autre page ???
Comment faire des zone active ='(
Lire la suite 

Photoshop + html »

6 réponses
Réponse
+0
moins plus
Bah si tu vise toute l'image tu procède de la sorte :

<a href=(ta cible)><IMG SRC=(adresse de ton image) border=0></a>

Lorsque tu cliquera sur ton image tu sera dirigé vers le lien que tu auras entré dans Href=
bigc4684 - 12 mai 2008 à 13:28
Merci de m'avoir répondu mais non ce n'est pas sa mon probléme par exemple j'ai un design avec une banniére et en dessous de ma baniére j'ai une image de 750 px de large sur 250 px de long et ke dedant il y a Accueil , Téléchargement ,Forum , Contact ... Ben comment faire pour que quant je clique sur accueil ont se dirige a l'accueil quant je clique sur téléchargement ont se dirige vers les téléchargement etc
Ajouter un commentaire
Réponse
+0
moins plus
Salut !

voici un exemple de ce que tu pourrais faire:

// balises de base à mettre pour que ta page web fonctionne
<html>
<head></head>

<body>
<div align="center">
<a href="page_ou_tu_veux_aller" target="_blank">
<img src="le_path_de_ton_image" border="0">
</a>
</div>
</body>

</html>


Avec ce code, tu aura une image au centre qui menera vers une autre page lorsqu'on cliquera dessus.
Tu devra remplacer page_ou_tu_veux_aller par ta page de destination et le_path_de_ton_image avec le
chemin de ton image sur ton serveur.
Également, tu peux changer le target du lien (actuellement à _blank, qui ouvre une nouvelle fenêtre) par _self,
_parent ou encore le laisser vide pour que l'action soit faite par défaut.
Finalement, tu peux changer l'attribut border à 1, 2, 3, etc. pour mettre une bordure à ton image de grosseur du chiffre que tu lui donne. Dans mon exemple, j'ai désactivé la bordure.

//OUPS, j'ai vu ta réponse après avoir écris mon message, désolé.

Alors là, il faut utiliser les "Image Maps"

Exemple:

<map name="FPMap0">
<area target="main" coords="25, 102, 86, 122" shape="rect" href="http://razia.ca/nouvelles.html">
<area target="main" coords="91, 103, 116, 124" shape="rect" href="http://razia.ca/bio.html">
<area target="main" coords="120, 102, 159, 123" shape="rect" href="http://razia.ca/multimedia.html">
<area target="main" coords="334, 103, 380, 123" shape="rect" href="http://razia.ca/merchies.html">
<area target="main" coords="473, 104, 518, 123" shape="rect" href="http://razia.ca/courriel.html">
</map>

// L'image à associer au map
<img border="0" src="images/top.jpg" usemap="#FPMap0" width="730" height="125">

En espérant t'avoir aidé,

Au plaisir,
maxmethot
bigc4684 - 12 mai 2008 à 13:41
Je v toujour esayer et je te dirai quoi apret merci !!!
Ajouter un commentaire
Réponse
+0
moins plus
Re ! Je vien d'esayer mais ce n'ai toujour pas sa que je recherche vous n'aurier pas un programe a me conseiller pour mon site ou bien si vous n'avier pas de logiciel pouvier vous me donner des exemple pour faire un beaux design ( je préfére et je mi connait mieux en CSS ) J'utilise Photoshop cs 2 et Notepad ++ Pouvier vous m'aider !
Ajouter un commentaire
Réponse
+0
moins plus
Ya toujours Frontpage de microsoft et Dreamweaver de Macromedia qui te permettent de faire des design web avec interfaces graphiques
Ajouter un commentaire
Ce document intitulé « Photoshop + html » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook