Tools zum einfachen Abrufen von HTML/CSS aus PSD?

Ich habe die PSD-Designs für meine Website und möchte nun die Website mit diesen Designs erstellen. Ich bin nicht sehr gut mit CSS, obwohl ich HTML und Javascript gut kenne. Gibt es ein Tool, eine Website oder eine Software, mit der ich HTML und CSS per Drag-Drop von Steuerelementen erstellen kann?

Ich habe versucht, die Verwendung des Blueprint CSS-Frameworks zu verstehen, konnte aber nicht viel daraus lernen.

Jede Hilfe wäre sehr willkommen.

Danke

Antworten (3)

Es gibt keine Software, die das gut macht, hauptsächlich weil es eine so ungenaue Wissenschaft ist. Sie können Ihr Glück mit der Export-to-HTML-Funktion in PS versuchen, aber das erzeugt im Allgemeinen sehr schlechten Code.

Blueprint und andere CSS-Frameworks werden Ihnen nicht viel helfen, wenn Sie mit CSS nicht so vertraut sind, es ist wirklich dazu gedacht, die Grundlagen für Ihr Layout festzulegen, es wird nicht viel helfen, wenn Sie mit der Arbeit in CSS nicht vertraut sind, um anzufangen mit. Viel Glück.

danke ... irgendwelche anderen Vorschläge?
Versuchen Sie, das Firebug-Plugin für Mozilla zu verwenden, es hilft sehr. Sie benötigen jedoch die Grundkenntnisse von CSS.

Fireworks ist für diese Art von Arbeit besser als Photoshop. Fireworks war schon immer ein Webdesign-Tool, während Photoshop ursprünglich ein Tool für Druckdesigner war.

Fireworks öffnet eine PSD-Datei und stellt Tools zum Erstellen interaktiver Slices und des entsprechenden HTML bereit. Wie Wil jedoch sagt, ist es eine ungenaue Wissenschaft und Sie werden viel bessere Ergebnisse erzielen, wenn Sie sich die Zeit nehmen, Ihren Code von Hand zu schreiben.

Ich stimme zu, dass Fireworks > PSD für diese Art von Dingen verwendet wird, aber letztendlich ist es immer ein Mist, es sei denn, Sie erstellen HTML/CSS/JS selbst.

Wenn ich versuche, das Aussehen eines Designs für das Web nachzubilden, verwende ich in Dreamweaver ein Tracing-Bild .

Ein Tracing-Bild stellt Ihr ursprüngliches Design in den Hintergrund des WYSIWYG-Fensters, und Sie können das Design dann mit den Tools von Dreamweaver duplizieren.