Ich lerne Web-Dev und bin schon irgendwann festgefahren.
Wie konvertiere ich eine PSD-Vorlage in eine HTML / CSS-Website?
Ich habe den gesamten Teil des Bildes abgeschnitten und separat in .gif gespeichert, aber dann? Muss ich sie manuell in eine Dreamweaver-leere Vorlage einfügen? Ich dachte, es wäre ein automatisierter Weg dazu ...
Ich habe auch versucht "Speichern für Web und Geräte ..", aber beim Speichern, erstellt es eine HTML-Datei und ein einzelnes Bild, das jedes Element enthält? Ich habe mehrere Bilder erwartet, damit ich sie in Dreamweaver neu anordnen kann.
Es gibt im Allgemeinen keinen vollautomatischen Weg, dies zu tun, denn je nachdem, was Sie für das Layout benötigen, müssen Sie die Dinge auf verschiedene Arten auslegen, während es theoretisch möglich ist, alle möglichen potenziellen Anforderungen zu berücksichtigen eine nette kleine Export-GUI ist nicht wirklich machbar.
Um das zu erreichen, müssen Sie HTML / CSS lernen. Und je mehr Sie lernen, desto mehr werden Sie Dreamweaver hassen (zumindest in "Layout-Ansicht"). Garaunteed.
Willkommen in der Realität.
Sie müssen sich selbst in Scheiben schneiden und würfeln (gut, schneiden Sie das Bild selbst und schneiden Sie es selbst, aber schneiden Sie sich nicht, egal wie viel Sie wollen), und platzieren Sie dann jedes einzelne Teil in Ihrem HTML oder Template.
Es gibt eine Reihe von automatisierten Diensten, die PSDs für Sie konvertieren:
Sie sollten jedoch auch einen service-basierten Ansatz in Betracht ziehen. Es gibt eine blühende Gemeinschaft von professionellen Slicern da draußen (einfach google "psd to html" und du wirst sehen, was ich meine).
Sie könnten auch versuchen, aus einem Programm oder Framework wie:
RedesignEs kommt wirklich auf Ihr Budget, Ihre Zeitpläne und Ihre Fähigkeiten an.
Ich bin ein großer Befürworter, etwas wirklich gut zu verstehen, bevor ich versuche, es zu automatisieren. Wie die anderen Poster schon gesagt haben, ist das Schneiden von Hand (Handcoding) sehr wertvoll, besonders wenn man es nicht gut versteht. Es kann jedoch sein, dass Sie nicht die Zeit investieren, die für ein gutes Verständnis des Themas erforderlich ist. Und das ist auch vollkommen in Ordnung.
Ich denke, am Ende des Tages gibt es keine "richtige" Lösung. Unterschiedliche Leute haben unterschiedliche Anforderungen, die die Wahl ändern werden.
Tags und Links html dreamweaver psd