Discussion :

[frodum]

Bonjour,

Je suis développeur Web (Javscript, HTML, CSS) depuis 6 ans maintenant et je me me pose des questions sur ma façon de travailler, sur la façon d'optimiser mon temps.

Je dois régulièrement générer du code HTML à partir de fichiers Photoshop. En général, j'en extrais les images et je créé le code HTML de A à Z.

Je sens bien que ce n'est pas très optimal et depuis le temps, les outils de génération de code ont bien dû évoluer. Je connais finalement très peu Photoshop et pas du tout les autres produits Adobe (DreamWeaver, Fireworks, ...).

Je sollicite donc votre expérience de développeur web pour connaître vos habitudes et les outils que vous utiliser pour gagner du temps.

Je sais par exemple qu'on peut enregistrer un PSD en HTML en délimitant des zones (avec l'outil tranches), ce qui va générer un squelette de page HTML avec une image par zone. Mais peut-on aller plus loin? Par exemple, en générant les dégradés, en générant du texte et non pas des images (s'il y a du texte évidemment), ...

Est-ce qu'il n'existerait pas un outil qui permettrait d'importer un fichier PSD et de générer, à partir des calques, bien plus qu'un simple squelette de page HTML. Je pensais à Dreamweaver, mais à l'époque où j'avais regardé ce produit, le résultat était vraiment catastrophique.

Et vous, comment faites-vous pour générer le HTML à partir de PSD : tout à la main ? avec des outils ?

Merci pour votre retour d'expérience.

Frodum

[Vil'Coyote]

moi, à la main.

mon découpage de psd correspond à ce que je vais utiliser dans mon css donc derriere une fois le squelette de page html fait je n'ai plus qu'a intégrer mon css.

[Mr_Exal]

Salut ! Le divine project permet de créer des thèmes WordPress directement à partir de Photoshop. Sinon à part ça et l'outil tranche ...

Personnellement ce que je fais quand j'ai un site à faire c'est que je découpe toutes mes images et ensuite je me repaluche le reste (mettre toutes les positions des divs, créer les boutons, etc), ensuite, je ne suis pas directement dans le métier vu que je touche à tout donc mon avis est sûrement réduit.

http://www.divine-project.com/

[frodum]

Merci pour vos réponses.

Je suis dans le même cas que Zweet sauf que c'est mon métier

Je suis donc souvent confronté à faire du pixel perfect et j'ai surtout des contraintes de délais. Je cherche donc à augmenter ma productivité.

Je sens bien, même si je connais bien HTML, CSS, Javascript, que je pourrais aller beaucoup plus vite avec un outil adapté.

Je regarde Dreamweaver et je me dis que ça pourrait être le bon outil. Je découpe mes PSD via l'outil tranche, je génère un squelette de code HTML et je poursuis dans DW. Sauf, que je ne trouve pas de retour d'expérience de développeurs Web de métier qui utiliserait ces outils et qui pourrait me dire : "le gain de productivité est indéniable, en trois clics, j'obtiens un code HTML des PSD qui me sont fournis" et avec DW, je vais beaucoup plus vite à coder.

J'ai toujours pensé que DW s'adressait à des graphistes qui voudraient pondre leur maquette HTML depuis leur PSD sans avoir des connaissances poussées de développement web. Je me trompe sûrement, mais j'aimerais bien qu'on me le dise .

Je peux pas croire que dans les boîtes de développements web, ils utilisent encore notepad++ pour coder. Ils ont forcément des méthodes et des outils de travail pour augmenter le productivité.

Peut-être que des membres du forme utilisant DW pourraient me donner leur avis/retour.

[Mr_Exal]

Concernant le gain de productivité, je suis pas sûr que ça apporte vraiment. Un des seuls gros avantages que je verrais à utiliser Dreamweaver c'est pour la génération des squelettes. Ensuite, le mode graphique déconne souvent du coup tu dois refaire ça à la main, et le code "pissé" par DW est souvent extrêmement dégueulasse donc tu dois le retoucher à la main ...

Enfin je m'en suis servi pour un seul projet, je pense que tu gagnes un peu de temps mais au final pas énormément.

[Bovino]

J'ai toujours pensé que DW s'adressait à des graphistes

Certainement pas. Dreamweaver s'adresse essentiellement à des développeurs (comme tous les EDI). Le mode graphique n'est en rien la finalité de Dream et ne devrait pas être utilisé pour créer une page de zéro... Enfin, c'est mon avis...