Texte PSD--> HTML
Bonjour,
Voila, je travaille sur la conception d'un site à partir d'un Templates. J'ai bossé sur le psd et quand je passe à l'enregistrement html + images, je n'ai plus les bocs texte sous DReamweaver !!! Gros soucyyyyy. Comment faire ?
Merci
Voila, je travaille sur la conception d'un site à partir d'un Templates. J'ai bossé sur le psd et quand je passe à l'enregistrement html + images, je n'ai plus les bocs texte sous DReamweaver !!! Gros soucyyyyy. Comment faire ?
Merci
Configuration: Windows Vista Internet Explorer 7.0
23 réponses
Résumé de la discussion
Le fil porte sur la difficulté de préserver les blocs de texte lors de l’export HTML d'un PSD et d'un Template, car le texte se transforme en images sous Dreamweaver. Des réponses conseillent de modifier le texte directement dans le fichier HTML généré, d'épurer le PSD et d'utiliser Dreamweaver avec prudence pour éviter que le texte devienne une image. D'autres suggèrent d'utiliser les fichiers sources fournis avec le template, de retoucher les images et de réaffecter le texte dans le CSS et le HTML plutôt que dans Dreamweaver. En cas de modifications du PSD, privilégier l'accès à des parties textuelles modifiables pour éviter les décalages lors du recadrage et de la réorganisation des paragraphes.
-
tu dois gérer ça en html
par exemple les listes non-ordonnées utilisent la balise <ul> ... </ul>
Et les éléments quelle contient par <li> ... </li>
Pour la mise en page il faut utiliser css -
Ok Merci je vais me remettre au boulot !!!
Mais si je rédige mon texte sous DW, qu'en est-il des barres séparant les paragraphes, les puces et numéros ??? Ce sont des éléments graphiques mais leurs positions sont très dépendantes du texte...
Merci -
En fait utiliser des images où le texte est noté est techniquement réalisable mais ce n'est pas la bonne façon de procéder : le texte ne sera pas accessible (moteurs de recherches par exemple) et les mises à jour seront laborieuses...
Il faut donc mettre le texte dans le document html et si possible utiliser css pour faire la mise en page. -
Ben... je dois dire que ce n'est pas la réponse qui me rassure... mais bon, je vais donc tout retaper sur DW. Allez, un peu de courage et j'y arriverais !!! Je mle suis donné l'hiver pour faire ce site. Je crois que j'en suis pas à la fin de mon apprentissage.
Merci quand même -
Tu ne peux pas faire ça.
En fait quand tu fais une découpe tu obtiens des images et une page html.
C'est dans la page html que tu dois mettre ton texte (entre les balises <body> ... </body>) : donc ça ne sert à rien de mettre de texte sur un .psd, ce n'est pas exploitable. -
Oui dommage que je puisse pas vous montrer mon travail... Vous m'aurez bien pu m'aider davantage. Comment découper le psd en gardant le texte exploitable sur le html produit ????
-
Par forcément, ta découpe perso peut-être plus pratique...
Mais comme tu sembles être débutant dans le domaine et que tu possèdes le kit-graphique déjà fait autant l'exploiter.
Tu peux l'éditer avec dreamweaver mais je te conseille dans ce cas de mettre l'affichage en mode "fractionner" : ça te permettra de voir ce qui se passe dans le code lorsque tu modifies le document
N'hésites pas à consulter quelques cours de html et de modifier directement le code dans dreamweaver si nécessaire.
Autre chose : il ne fait pas se fier à 100% au rendu que l'on obtient dans dreamweaver, le mieux est d'ouvrir la page dans un navigateur pour la tester (plusieurs si possible) -
Merci,
J'ai fait un découpage avec Photoshop : enregistrer pour le web -> html et images... mais le texte est transformé en image et n'est plus exploitable sous DW. Peut-être faudrait-il que je reprenne tout sur DW directement avec le fichier html de base... -
Salut Tchico,
le .psd fourni avec ton kit-graphique il ne te sert qu'à modifier des éléments graphiques si certains ne te plaisent pas... ou à refaire une découpe perso du kit (si le template est complet sur le .psd)
Pour insérer du texte sur ton site tu dois le faire en éditant le fichier .html (fait une copie de sauvegarde du kit-graphique non modifié avant)
La tu peux soit utiliser un éditeur de texte (bloc-note, wordpad, ...) ou un éditeur dit wysiwyg comme Dreamweaver.
Mais dans tout les cas je pense que quelques notions de html ne sont pas inutiles car il faut parfois travailler directement sur le code source ( utiliser un éditeur wysiwyg peut engendrer des décalages dans le design)
Tu devrais chercher quelques cours de html (par exemple : http://www.netgerdesign.com/webmastering/cours-et-exercices-de-xhtml-1.php) -
Comment faire ?
Je n'ai pas encore souscrit un hébergeur...-
-
@GihefAprès avoir étudié la question, je penses m'orienter vers un hébergeur payant sans pub type one and one. Il s'agit d'un site pour une asso sportive.
-
-
ContributeurSans voir**, pas possible de répondre.
**
Pas une copie d'écran, la page réelle.
-- -
Bonjour,
Oui j'aurais pu modifier le texte à partir de DW. Mais, j'ai un petit peu changer la mise en page, les textes qui sont plus ou moins longs que le modèle initial, rajouter un paragraphe... Je ne maîtrise pas (encore) DW et dès que je faisais une modif, tout se décalait... alors j'ai préféré travailler sur le psd. Peut-être à tort ???? -
ContributeurC'est commercial, alors pas d'accès à la source…
Pourquoi modifier le .psd ?
Les parties sont certainement déjà disponibles (dossier images).
C'est elles qu'il faut retoucher.
Et le texte du contenu est modifiable dans DW.
Es-tu sûr d'avoir lu 2758367 ?
-- -
Bonjour,
Voici le lien vers le site comercial
http://www.templatehelp.com/preset/pr_preview.php?i=21209&pr_code=z6kE3jSbnYztA9KlWlwRj8Cb702DWV¤cy=1&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=e7aee4bcbceaf414c56534fbea35fb11&referer=http%3A%2F%2Fgodtemplates.com%2Fsport.php&i=2240
Désolé si c'est un peu long...
Seul l'entête est en flash. Le dossier téléchargé comprend
- un dossier html avec site html, images et fichier flash
- un dossier psd avec fichier psd
Pb toujours pas résolu hier soir... comment découper le psd en gardant sur le html obtenu un texte modifiable ?
MERCI -
ContributeurSi on ne peut pas voir la page, le kit est peut-être accessible gratuitement en ligne ?
-- -
Merci
Déjà lu, tu as peut être raison, travailler le texte sous html... mais le texte étéait déjà présent sur le psd... -
ContributeurBon.
Le texte dans le .psd, c'est une mauvaise idée (à moins que ce soit juste les titres).
Si tu veux un site facilement gérable, c'est dans le code HTML qu'il te faut le mettre, avec DW ou autres.
S'il est dans le flash, je ne sais pas.
++
Lis 2758367
-- -
J'ai pas encore de nom de domaine. C'est un kit graphique avec anition flash en entête et livré avec fichier html et psd + images. Je trouve d'ailleurs très peu de tutoriels sur les templates... Même si c'est fait pour nous simplifier la vie, il est difficile pour les débutants de se lancer dans des modifs...
Bref j'ai un gros souci pour le recoupage du psd avec mon texte qui n'est pas identifié comme texte mais devient un bloc image... -
ContributeurOù est-ce qu'on peut voir ça ?
-- -
Oui ça met à jour la page html et remplace les images... mais pas le texte qui est certes remplacé mais devient des blocs image. J'ai quand fait une modif sur le psd pour le texte : j'ai transformé le texte qui était en mode point je crois en paragraphe pour pouvoir faire une meilleure mise en page.
- 1
- 2
Suivant