interface graphique, associer photoshop et html

Bonjour,

Je veux me créer un site et je veux créer l'interface graphique sous photoshop. Mais ma question est la suivante: Lorsque j'aurais finis de créer l'interface sous photoshop il faudra bien que je transfert ce fichier dans dreamweaver mais je ne pourrais pas faire des liens vers les pages suivantes en sélectionnant un endroit précis dans mon image.
Comment faut il faire pour créer un site en faisant soi même l'interface et en créant des liens exactement où l'on veut dans l'interface crée?

il y a 2 possiblités pour faire un lien :
soit sur une image soit sur un texte

sinon il est aussi possible de faire "une zone cliquable", dans une image avec la balise "area shape"

Si tu veux créer ta page de manière entièrement graphique puis gérer l'ensemble dans du HTML pourquoi pas mais ce n'est pas une très bonne idée.
Cela étant, le graphisme ne bougera pas

Dans ce cas, ce que dis Polov (zone cliquable) est ta solution.
Dans DreamWeaver, place ton image et utilise l'outil "zone réactive".
Tu trace cercla, rectangle ou des formes puis saisie ton lien et c'est tout.



Cela étant, ce n'est pas bonne idée pour l'ensemble d'une page mais bon

Quelle est la meilleure solution d'après vous alors? Merci

Utiliser des zones graphique QUE quand c'est indispensable.
Si on veut faire un magnifique menu, on le découpe et on place les images...
Pour les parties texte, laisser faire le HTML.

Reagrde ce site, c'est un bon exemple où le graphisme est très présent dans la page.
Fais attention lors du premier chargement. On voit les zone graphique s'afficher.
Sinon, enregistre la page sous et ouvre-là avec Dreamweaver.

merci poum pourb ta réponse. en fait je vois comment faire, mais si ça te dérange pas, pourrais tu me dire quelle est selon toi la meilleure méthode pour mettre un texte quelconque sur une image au préalable créer avec photoshop? et après créer des liens sur le texte de cette image?
j'espère que tu me comprends...
J'ai déjà créer 2 sites, en bidouillant et j'aimerais me lançer dans quelque chose de plus conséquent.
merci encore pour ta réponse

une image lien ?

tu as 2 solutions :
- soit tu écris le texte dans Photoshop et donc dans l'image et ensuite tu enregistres l'image
après dans Dream tu as juste à importer l'image et lui ajouter un lien
donc là c'est l'image entière qui est un lien

- soit tu fais une image de fond, que tu places dans une div ou une td de tableau
ensuite dans Dream tu écris le texte dans cette div ou tableau et tu ajoutes un lien à ce texte

on peut panacher ces 2 méthodes dans un site, c'est souvent le cas
par exemple si on veux avoir un joli texte
ou si on veut un petit lien dans une grande image, etc...

pour la méthode de la zone cliquable, avec la balise area shape, là c'est réservé à des cas particuliers
parce que le code est beaucoup plus long, donc mis en grande quantité il va ralentir ta page

on fait par exemple une carte et on mets des emplacements cliquables avec cette balise (des zones)
par exemple sur le nom des villes

Bon j'ai suivis vos conseils mais ça donne rien. J'ai dream 4, et je peux dessiner des tableaux de mises en forme et des cellules ,ou je veux dans ce tableau.
Dons je créer un tableau, je fait une cellule, j'insère ma photo dedans et la je n'arrive pas à la faire passer en arrière plan pour pouvoir insérer du texte dessus. Et je n'arrive pas à faire de calques dessus.
Il reste bien la solution de faire mon texte sous photoshop et de créer des zones cliquables par la suite ça ça marche mais c'est beaucoup plus long!
Help me...

Mais si voyons

Crée ton tableau.
Atention, c'est là où faut le faire très proprement, donc vérifier le code.
Il faut avoir tout prévu pour que ça colle au pixel près mais bon, pour débuter ce n'est pas indispensable.

Or donc, crée ton table puis clic dans une cellule. Là, va chercher ton image que tu places en ARRIERE PLAN.

Tu peux dés lors écrire dessus.

je vois bien ton image mais moi je créé mon tableau, une cellule dedans, je met l'image et quand je clique sur la cellule je n'ai pas la possibilité comme toi de choisir une image en arrière plan, je peux mettre que une couleur.

dans ce cas tu entre le code manuellement

à la place de
<td>LE TEXTE</td>

tu écris
<td background="image.jpg">LE TEXTE</td>

et après tu changes le lien et le nom de l'image.jpg

et ensuite tu donnes les dimensions de l'image à la td

comme ça

<td width="100" height="100" background="image.jpg">LE TEXTE</td>

Faut dans un premier temps cliquer la cellule et ensuite chercher son arrière plan.

je viens de trouver ce site:
http://www.yatooweb.com/graphisme/kit-graphique-gratuit.html
il propose au téléchargement des fichiers .psd pour faire un site. comment faut il faire pour créer des liens et tout dans photoshop?

Avec Photoshop tu ne fais pas de site ou page HTML, ce n'est pas son rôle.
Il doit être utiliser pour créer le graphisme qui sera ensuite monté dans une page avec un éditeur.

Ou alors tu reprends ce que disait Polov

avec un kit graphique
s'il ne contient que le fichier .psd (pas le fichier .html)

il va falloir créer entièrement la page en html

donc là soit on utilise un tableau soit (mieux) on utilise des div

il faut reconstruire la même forme que dans le psd mais sous forme html
c'est à dire que si tu as une image de 150x200 dans le psd
tu dois créer soit un tableau avec un <td> de la même taille
soit une div de la même taille

puis tu mets le lien qui va vers l'image pour remplir la td ou la div

c'est un travail assez "costaud" !

l'idéal c'est d'avoir un kit complet, avec la page .html déjà faite
et les images en plus (.jpg, gif ou .psd)