Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Passer d'un design sous photoshop à un site tout simplement
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="JustSl" data-source="post: 7173307" data-attributes="member: 750119"><p>Hello tout le monde, aujourd'hui je vais vous présentez une petite astuce que j'ai trouver il y a pas longtemps pour passer d'un simple design sous photoshop donc en .psd à un site web en .html et .css.</p><p></p><p style="text-align: center"><span style="color: rgb(255, 0, 0)">/!\ Pour que cela marche, lorsque le design est réalisé sous photoshop, tout les calques doivent être séparé, ce que j'entend pas là c'est qu'il ne faut pas convertir en objet dynamique plusieurs calques sinon lors de la conversions vous vous retrouverez avec un seul truc alors qu'il en avait plusieurs.</span></p> <p style="text-align: center"><span style="color: #ff0000"></span></p> <p style="text-align: center"><span style="color: #ff0000">/!\ Pour le menu faite aussi attention que ce soit bien plusieurs texte et non un seul, sinon lors de la conversion vous vous retrouverez avec une image* regroupant tout les menus. <img src="http://image.noelshack.com/fichiers/2017/31/6/1501916614-capture.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="color: #ff0000"></span></p> <p style="text-align: center"><span style="color: #0080ff">(^^) N'hésitez pas à ajouter ce code dans votre html en l'interieur du head, cela empêche le clique droit et donc de voir que se sont des images.</span></p> <p style="text-align: center"><span style="color: #0080ff"></span></p> <p style="text-align: center"><span style="color: #000000">- Crée le design sous photoshop</span></p> <p style="text-align: center">Bon ca je vais vous expliquer c'est chacun qui fait a son ce qui veut. N'oubliez pas de séparé les élément et de pas regrouper plusieurs calque en les mettant en objet dynamique.</p> <p style="text-align: center"></p> <p style="text-align: center">- La conversion en site</p> <p style="text-align: center">Pour cela rien de plus simple, vous avez juste à vous rendre sur ce <a href="http://psdtoweb.de/index.php" target="_blank">site </a>et uploader votre psd, une fois cela fait vous pourrez télécharger votre site en .zip, l'extraire et là vous verrais un document image avec vos image, un index.html et un style.css, vous pourrez l'éditer à volonté et en faire ce que vous voulez.</p> <p style="text-align: center"></p> <p style="text-align: center">Si vous avez un problème n'hésitez pas à venir pv ou même à poster juste dessous <img src="/images/smiley-pack/oui.gif" class="smilie" loading="lazy" alt=":oui:" title="Oui :oui:" data-shortname=":oui:" /></p></blockquote><p></p>
[QUOTE="JustSl, post: 7173307, member: 750119"] Hello tout le monde, aujourd'hui je vais vous présentez une petite astuce que j'ai trouver il y a pas longtemps pour passer d'un simple design sous photoshop donc en .psd à un site web en .html et .css. [CENTER][COLOR=rgb(255, 0, 0)]/!\ Pour que cela marche, lorsque le design est réalisé sous photoshop, tout les calques doivent être séparé, ce que j'entend pas là c'est qu'il ne faut pas convertir en objet dynamique plusieurs calques sinon lors de la conversions vous vous retrouverez avec un seul truc alors qu'il en avait plusieurs.[/COLOR] [COLOR=#ff0000] /!\ Pour le menu faite aussi attention que ce soit bien plusieurs texte et non un seul, sinon lors de la conversion vous vous retrouverez avec une image* regroupant tout les menus. [IMG]http://image.noelshack.com/fichiers/2017/31/6/1501916614-capture.jpg[/IMG] [/COLOR] [COLOR=#0080ff](^^) N'hésitez pas à ajouter ce code dans votre html en l'interieur du head, cela empêche le clique droit et donc de voir que se sont des images. [/COLOR] [COLOR=#000000]- Crée le design sous photoshop[/COLOR] Bon ca je vais vous expliquer c'est chacun qui fait a son ce qui veut. N'oubliez pas de séparé les élément et de pas regrouper plusieurs calque en les mettant en objet dynamique. - La conversion en site Pour cela rien de plus simple, vous avez juste à vous rendre sur ce [URL='http://psdtoweb.de/index.php']site [/URL]et uploader votre psd, une fois cela fait vous pourrez télécharger votre site en .zip, l'extraire et là vous verrais un document image avec vos image, un index.html et un style.css, vous pourrez l'éditer à volonté et en faire ce que vous voulez. Si vous avez un problème n'hésitez pas à venir pv ou même à poster juste dessous :oui:[/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Passer d'un design sous photoshop à un site tout simplement
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut