J'apprends web dev et je suis déjà coincé à un moment donné ..
Comment convertir un modèle PSD en un site Web HTML / CSS?
J'ai recadré toute partie de l'image et les sauve-t-il séparément, mais alors? Dois-je les placer manuellement dans un modèle vide Dreamweaver? Je pensais qu'il y avait une façon automatisée de le faire ..
En outre, j'ai essayé "Enregistrer pour web et périphériques .." Mais lors de l'enregistrement, il crée un fichier .html et une seule image contenant chaque élément ?! Je m'attendais à plusieurs images pour que je puisse les réorganiser dans Dreamweaver.
5 Réponses :
Yea, la conception Web ne fonctionne pas par magie. La bonne façon de faire est de écrire manuellement le code réel qui positionne les éléments, non seulement les frapper en place dans Dreamweaver. Il y a beaucoup de bons tutoriels là-bas, vérifiez ceux-ci par exemple:
Merci, je vais regarder ces liens.
+1: merci; J'allais poster une question sur «Comment puis-je convertir un PSD, une tranchée ou une autre, à une page Web idiomatique qui n'est pas centrée sur la table et n'utilise pas par exemple« Affichage: cellule de table »pour simuler des tables Avec Div's's. Je pourrais toujours poser une question, mais je pense que le deuxième lien fournit un lien supérieur qui répond à ma question.
Il n'y a pas de moyen entièrement automatisé de le faire, d'une manière générale, car en fonction de ce dont vous avez besoin de la mise en page pour vous permettre de poser des choses de différentes manières et bien que cela soit théoriquement possible de rendre compte de toutes les exigences potentielles possibles dans Une belle petite interface d'exportation n'est pas vraiment réalisable.
La ligne de fin est de le faire, vous devez apprendre HTML / CSS. Et plus vous apprenez, plus vous allez haïr Dreamweaver (au moins dans la vue de la mise en page »). Garaned.
Bienvenue dans la réalité.
Vous devrez vous couper et couper vous-même (bien, tranche et couper l'image vous-même, mais ne vous tranche-même que peu importe la quantité que vous souhaitez), puis placez chaque pièce individuelle dans votre HTML ou votre modèle. < / p>
Il existe un certain nombre de services automatisés convertissant des PSD pour vous:
Cependant, vous voudrez peut-être également envisager une approche basée sur un service également. Il existe une communauté florissante de trancheurs professionnels (juste Google "PSD à HTML" et vous verrez ce que je veux dire).
Vous pouvez également essayer de redéfinir un programme ou un cadre tel que:
Cela dépend vraiment de votre budget, de vos calendriers et de votre compétence.
Je suis un grand partisan de comprendre quelque chose de vraiment avant d'essayer de l'automatiser. Donc, comme les autres affiches l'ont dit, la coupe par rayure (codage) est très précieuse, surtout si vous ne le comprenez pas déjà bien. Cependant, vous ne vous souciez peut-être pas d'investir le temps nécessaire pour bien comprendre le sujet. Et c'est parfaitement bon aussi.
Je pense que cette annonce la fin de la journée, il n'y a pas de solution "correcte". Différentes personnes ont des exigences différentes qui changeront le choix.
Photoshop n'est pas un outil approprié pour créer une conception Web. Il suppose des choses sur l'impression qui ne fonctionnent plus pour le Web.
Oh, et au fait: utiliser
gif aujourd'hui est une très mauvaise idée. Utilisezpng à la place. (Certaines restrictions s'appliquent - mais dans la plupart des cas,png est la voie à suivre.)Selon la FAQ sur le débordement de la pile ( Stackoverflow.com/faq ), vous devez poser des choses comme celle-ci à DOCTYPE ( DOCTYPE.COM ).
@JOEL: C'est une amende pour créer le composite pour servir de base aux graphismes - et lorsque la plupart des personnes qui ne sont pas déjà dans l'industrie, pensent "la conception de sites Web" qu'ils pensent du côté graphique du côté du code. Photoshop est l'outil standard de l'industrie du côté graphique de celui-ci - beaucoup à ma chrigine alors que je préfère beaucoup les feux d'artifice pour faire des composites. À mon avis, Photoshop est et sera toujours un "éditeur de photos" non adapté à la mise en page, que ce soit Imprimer ou Web. Il doit toujours être utilisé conjointement avec InDesign / Quark, Illustrator ou Fireworks - mais jamais en tant qu'application de mise en page d'acutale.