Montage d'une page d'accueil à partir d'un PSD photoshop

Fermé
Livvie - 16 mai 2014 à 14:15
 TibereTchatcha - 18 mai 2014 à 07:55
Bonjour à tous
s'il vous plait comment créer une interface web à partir d'une d'un psd photoshop
c à dire faire le montage d'une page d'accueil à partir d'un PSD photoshop
Merci d'avance
A voir également:

1 réponse

Salut,

ce n'est pas possible ou en tout cas ne donnera pas de bon résultat(du tout) de passer par Photoshop en passant par le menu Fichier>Enregister pour le web.

Une page Internet est une page HTML comportant un fichier de mise en page au format CSS; ainsi que tous les fichiers qui sont nécessaires(et liés) à la page(les images, les textes externes, les vidéos, la musique, les scripts de programmation etc....).

La méthode qui donne les meilleurs résultats reste d'écrire vous même le HTML et le CSS qui sont des langages simples uniquement textuels et permettant beaucoup d choses.
Photoshop est un logiciel de graphisme dont pratique pour faire les images qui seront intégré dans la page, car HTML va intégrer les contenus de la page(textes, images, vidéo etc...) à l'aide de repères intitulés balises que l'on dispose ensuite avec CSS afin d'établir les paramètres ainsi qu'un certaines nombres de propriétés qui vont du positionnement et de l'aspect et couleur des bordures et fond à l'apparence des liens hypertextes lorsque l'utilisateur va passer la souris dessus.
Photoshop sert donc à faire 1) la maquette donnant un aperçu du final , 2) à découper les différentes images utilisées séparément par la page HTML, car une page HTML n'est pas une image en bloc, c'est plus proche d'un document de traitement de texte(word, writer) auquel on ajoute les images et textes par section. Les images doivent (et pour plusieurs raisons inhérentes à la nature mondiale et universelle du web) être "fractionnés" en différentes parties correspondantes aux éléments de chaque paragraphe et rubriques, chaque zones définies par les balises HTML de la page.

Pour un découpage plus efficace et rapide vous pouvez utiliser fireworks même si photoshop peut très bien le faire(soit en copiant collant chaque image à utiliser dans un nouveau fichier, soit avec l'outil découpe).
N'oubliez pas de le faire au format des normes graphiques du web:
RVB, 72dpi, jpeg png ou gif(seuls les2 derniers formats pourront comporter de la transparence, seuls les 2 premiers permettent d'offrir une qualité d'image optimisée).
0