So konvertieren Sie eine PSD-Datei in Html

Ich lerne Photoshop, generiert Photoshop HTML- und CSS-Dateien, ich bin Webdesigner und überlege, die .PSD-Datei in HTML-CSS zu konvertieren.

Hallo Chris, willkommen auf der Seite. Wenn ich ein Problem anpacke, hilft es immer, mögliche Lösungen zu recherchieren und auszuprobieren (auch wenn ich sie nicht verstehe!). Können Sie uns mitteilen, was Sie möglicherweise bei der Suche nach einer Lösung dafür gefunden haben?
Sie können meine Website psdtohtmlcssconverter.com verwenden . Sie hilft Ihnen, HTML-, CSS- und Bilddateien aus Ihren PSD-Designs zu generieren

Antworten (3)

Sobald Sie das Design Ihrer Website haben, können Sie die Größen der Elemente in Photoshop verwenden, um die Größen der Elemente in CSS zu bestimmen.

Sie sollten jedoch wirklich Ihren eigenen Code schreiben und keinen HTML/CSS-Generator verwenden, um die Website für Sie zu erstellen.

Sie können jederzeit unter http://www.w3schools.com/ und http://www.codecademy.com/ nach Hilfe zum Codieren suchen, da Sie, sobald Sie den Dreh raus haben, viel mehr Freiheit haben, wie Sie arbeiten die Webseiten machen.

Wenn Sie dies jedoch wirklich automatisch tun möchten, besuchen Sie www.psdtoweb.de, es konvertiert PSD in HTML und CSS ganz gut, aber Sie müssen wahrscheinlich selbst etwas optimieren

Ich schlage vor, Sie werfen einen Blick auf w3fools , bevor Sie w3schools erneut empfehlen.
Ich weiß, wie man HTML und CSS schreibt, aber lassen Sie mich meine Frage umformulieren: Wie würde ein Webdesigner eine PSD-Datei konvertieren, die von einem Grafikdesigner mit Photoshop entworfen wurde?
Verwenden Sie einfach www.psdtoweb.de

Das würde ich nicht empfehlen. Sie werden höchstwahrscheinlich mit schlecht strukturiertem HTML und schlechten, ineffizienten CSS-Stilen enden.

Eine gute Idee ist jedoch die automatische Generierung des erforderlichen CSS. CSS hat ( 35 $ ) und CSS3ps ( kostenlos ) geben Ihnen alle Stile, die Sie brauchen, um ein Element in Photoshop neu zu erstellen. Sie müssen jedoch immer noch den HTML-Code schreiben.

Sie haben erst kürzlich Png hat veröffentlicht , das auch oben auf der Website von Css hat erwähnt wird. PNG-Hat ist im Grunde der alte Css-Hat und Enigma64, kombiniert in einem einzigen Plugin.

Chris,

Bevor Sie mit der Konvertierung von PSD in HTML fortfahren, sollten Sie die Photoshop-Datei überprüfen, um sicherzustellen, dass sie richtig eingerichtet ist. Versuchen Sie, https://www.oss-usa.com/web-preflight?promo=web-preflight zu verwenden , um die korrekte Schriftartverwendung, Schriftarteigenschaften, gerätespezifische Größe und Dateiorganisation zu überprüfen.

Hallo Max! Könnten Sie bitte einige Informationen darüber geben, um welche Art von Dienst es sich handelt und ob Sie ihm angeschlossen sind? Ihr Beitrag hat eine Spam-Flagge erhalten, und ich möchte Sie bitten, dies zu klären, um alle Zweifel auszuräumen. Danke!
Hallo Vincent, Web Preflight ist ein kostenloser Service und wir sind ihm sehr verbunden, da wir ihn als unser eigenes internes Produktionstool entwickeln und später unseren Partnern und der Öffentlichkeit zur Verfügung stellen. Ich bin mir nicht sicher, wie dies als Spam qualifiziert werden kann, da wir dieses Tool speziell entwickelt haben, um Produktionsprobleme zu beheben, auf die wir selbst gestoßen sind, als wir PSD in HTML konvertiert haben, der Titel dieses Beitrags.
Wir sind eher misstrauisch gegenüber Leuten, die ihre eigenen Sachen promoten, selbst wenn es eine passende Antwort auf eine Frage ist. Um Astroturfing zu verhindern, müssen Sie erwähnen, dass Sie mit dem von Ihnen erwähnten Produkt verbunden sind. Laut Hilfezentrum : Sie müssen Ihre Zugehörigkeit in Ihren Antworten offenlegen. . Könnten Sie bitte Ihre Antwort so bearbeiten, dass sie das enthält? Danke für Ihr Verständnis!
So konvertieren Sie eine PSD-Datei in Html
AntwortenHierDatenschutz-Bestimmungen1y, 0v