Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01Business

|-  INTERNET


|||-  

interface graphique, associer photoshop et html

 

27 utilisateurs inconnus
Ajouter une réponse
 

 
Page photos
 
     
Vider la liste des messages à citer
 
 Page :
1
Auteur
 Sujet :

interface graphique, associer photoshop et html

Prévenir les modérateurs en cas d'abus 
gégé140488
gege140488
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 29/02/2008 à 14:04:02  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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?

  1. homepage
polov
Assidu (de 10 000 à 19 999 messages postés)
  1. Posté le 29/02/2008 à 18:02:57  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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"


---------------
mon site : Photoshoplus.fr (tout pour Photoshop)
(Publicité)
  1. homepage
poum
Habitué (de 5 000 à 9 999 messages postés)
  1. Posté le 29/02/2008 à 21:16:10  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
:hello:

 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 :D

 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.

 http://img504.imageshack.us/im​g504/3135/areasr5.jpg

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


---------------
http://www.onlyweb.fr
gege140488
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 01/03/2008 à 11:24:55  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Quelle est la meilleure solution d'après vous alors? Merci

  1. homepage
poum
Habitué (de 5 000 à 9 999 messages postés)
  1. Posté le 01/03/2008 à 11:33:17  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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.


---------------
http://www.onlyweb.fr
(Publicité)
gege140488
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 01/03/2008 à 12:00:11  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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

  1. homepage
polov
Assidu (de 10 000 à 19 999 messages postés)
  1. Posté le 01/03/2008 à 12:06:07  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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


---------------
mon site : Photoshoplus.fr (tout pour Photoshop)
  1. homepage
poum
Habitué (de 5 000 à 9 999 messages postés)
  1. Posté le 01/03/2008 à 12:57:19  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
:top:


---------------
http://www.onlyweb.fr
(Publicité)
  1. homepage
polov
Assidu (de 10 000 à 19 999 messages postés)
  1. Posté le 01/03/2008 à 14:52:49  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
:tchin:


---------------
mon site : Photoshoplus.fr (tout pour Photoshop)
gege140488
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 01/03/2008 à 18:20:34  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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...

  1. homepage
poum
Habitué (de 5 000 à 9 999 messages postés)
  1. Posté le 01/03/2008 à 18:40:03  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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.

 http://img502.imageshack.us/im​g502/1185/ddoa3.jpg


---------------
http://www.onlyweb.fr
(Publicité)
gege140488
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 01/03/2008 à 19:01:27  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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.

  1. homepage
polov
Assidu (de 10 000 à 19 999 messages postés)
  1. Posté le 01/03/2008 à 19:12:10  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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


---------------
mon site : Photoshoplus.fr (tout pour Photoshop)
  1. homepage
polov
Assidu (de 10 000 à 19 999 messages postés)
  1. Posté le 01/03/2008 à 19:14:45  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
et ensuite tu donnes les dimensions de l'image à la td

 comme ça

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


---------------
mon site : Photoshoplus.fr (tout pour Photoshop)
(Publicité)
  1. homepage
poum
Habitué (de 5 000 à 9 999 messages postés)
  1. Posté le 01/03/2008 à 19:41:00  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Faut dans un premier temps cliquer la cellule et ensuite chercher son arrière plan.


---------------
http://www.onlyweb.fr
gege140488
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 02/03/2008 à 12:28:46  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
je viens de trouver ce site:
 http://www.yatooweb.com/graphi [...] atuit.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?

  1. homepage
poum
Habitué (de 5 000 à 9 999 messages postés)
  1. Posté le 02/03/2008 à 14:00:25  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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


---------------
http://www.onlyweb.fr
  1. homepage
polov
Assidu (de 10 000 à 19 999 messages postés)
  1. Posté le 02/03/2008 à 17:00:43  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
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)


---------------
mon site : Photoshoplus.fr (tout pour Photoshop)
 Page :
1

Aller à :
 

Sujets relatifs
interface entre outlook express et orange Image ==> kit graphique
Recherche formulaire de contact en HTML associer OLitec CPL 200AV et CPL 200AVplus
Créer un bouton style enfoncé avec Photoshop ou ImageReady Comment utiliser l'accès ADSL wanadoo sans l'interface wanadoo ?
interface wanadoo Se connecter sans interface AOL?
Plus de sujets relatifs à : interface graphique, associer photoshop et html

Les 5 sujets de discussion précédents Nombre de réponses Dernier message
Site super lent avec WebPlus 10 (Résolu) 12
compteur sur site web 3
diffuser un site internet 13
problème telechargement de pdf sur ie et mozilla 1
Besoin d'un conseil pour hébergement et nom de domaine 10