ELEXPRESS.de |

Standardmäßig erstellt Photoshop Tabellenkonstrukte, wenn man Slices als Webseite abspeichern möchte. Da Tabellen für derartige Dienste eigentlich gar nicht geschaffen wurden und man mit Divs im Zusammenhang mit CSS deutlich mehr realisieren kann, ist es unumgänglich für Webmaster, welche moderne Webseiten erstellen wollen, diese auch mit DIVs und CSS zu umzusetzen.

Manch einer mag denken, dass man mit Photoshop gar keine DIV + CSS Webseiten erstellen kann, jedoch ist dies durchaus möglich. Die Funktion dafür liegt jedoch gut versteckt . In diesem Tutorial zeige ich dir, wie du mit Photoshop CS4 (DE) Webseiten mit DIVs und CSS erstellen kannst.

Zuerst wähl unter Datei “Für Web und Geräte speichern…” aus.

Anschließend klick ganz oben rechts auf die kleine Grafik mit dem Pfeil und wähl “Ausgabeeinstellungen bearbeiten…” aus.

Nun wähle “HTML” aus der Selectbox aus und stelle sicher, dass bei “Ausgabe im XHTML-Format” ein Häkchen ist. Der Rest kann in den Voreinstellungen bleiben.

Zuletzt noch aus der selben Selectbox “Slices” auswählen und den Radiobutton auf “CSS generieren” setzen. Bei “Mit dem Verweis” sollte dann “ID” korrekt voreingestellt sein.

Nun kannst du eigentlich schon auf “OK” klicken und die Webseite erstellen lassen, wenn du jedoch häufiger Webseiten erstellst, sollten die nun gemachten Einstellungen eventuell als Standard gespeichert werden. Hierzu einfach auf “Speichern…” klicken und “Default Settings.iros” mit deinem neuen Profil überschreiben.

Das wars auch schon! Ich hoffe ich konnte dir etwas Neues beibringen .