PSD Template zu Contao

Mag.... · 03.08.2012, 11:45

Hallo zusammen,

ich dacht mir, ich frag einfach mal in die Runde...

Wollt Wissen wie Ihr das macht. Wenn man ein PSD Template erstellt hat. Wie geht ihr nun vor?
Macht ihr die (Slice) Bilde im Artikel rein oder per CSS als Background? Oder Macht ihr das mit den Modulen?

Hier in diesen möglichkeiten gerate ich momentan etwas durcheinander...

Richtig natürlich per CSS definiert das Bild... Aber worüber baut ihr das ein? Artikel? Module?

Hoff ich konnt mein kleines weh wechen relativ gut ausdrücken......

VG aus dem Odenwald
Marco S.

**Goody** · 03.08.2012, 16:10

Hallo Maggo1982,

jeder arbeitet anders. Ich erstelle mir auch erstmal ein pixelgenaues Layout in Photoshop. Als Template würde ich es nicht bezeichnen. Der Begriff ist irreführend.
Dann schneide ich die Bilder und was ich noch benötige aus und lege sie in den Ordner tl_files am besten in ein Unterverzeichnis meiner Contao-Installation. Nun hängt es auch vom Layout ab, ob ich die Bilder als Hintergrundbild mittels CSS einbinde oder über die Inhaltselemente von Contao. (Also über Artikel > neues Inhaltselement > Text und dort ein Bild anfügen oder direkt als Inhaltselement Bild auswählen). Wenn die Seite später auch mal vom Kunden gepflegt werden soll, ist es am besten mit den Inhaltselementen. Da kann er dann selber Bilder austauschen.

Um einen grundlegenden Einstieg zu bekommen kann ich dir das Buch von Peter Müller nur wärmstens empfehlen. http://http://websites-erstellen-mit-contao.de/

Gruß
Goody

Mag.... · 03.08.2012, 16:15

hi und danke erstmal für die Rückmeldung,

ja hab das buch hier.. hab so einige hier.
Kam nur auf dauer etwas durcheinander und ich fragte mich einfach, wie es am besten ist,
Bilder für ein Template / Design in Contao einzubinden.

Weil hier gibt es ja auch die Möglichkeiten mit Subcolums usw zu Arbeiten.
Aber ich denke die Basic an Design sollte per CSS und wie du selbst schon sagtest,
Bilde die auch der Kunde ändern kann / soll, dann halt per Inhalt.

**Goody** · 03.08.2012, 16:19

… hab ich vergessen. Mit den Modulen arbeite ich nur wenn ich z.B. ein Logo im Header einbinden möchte. Dann binde ich das Bild über eigener HTML in ein Modul, das ich dann im Seitenlayout einbinde, um das Logo dann auf allen Seiten zu haben.

Gruß
Goody

**pmmueller** · 07.08.2012, 12:09

Zitat von Maggo1982

Wollt Wissen wie Ihr das macht. Wenn man ein PSD Template erstellt hat. Wie geht ihr nun vor?
Macht ihr die (Slice) Bilde im Artikel rein oder per CSS als Background? Oder Macht ihr das mit den Modulen?

Tja, das kommt drauf an

Man könnte das ungefähr so unterteilen:

Inhaltliche relevante Bilder => im Artikel einbinden, mit "Bild hinzufügen" unter dem Editor
Dekorative Bilder => im CSS als Background
Bilder mehrfach verwenden => Modul erstellen und in Seitenlayout oder Artikel einbinden (z. B. Header)

Hope it helps...

**do_while** · 07.08.2012, 18:18

Bei der Entscheidung ein Bild als <img> oder als Background einzubinden, sollte man berücksichtigen, dass Backgroundbilder meist nicht im Ausdruck enthalten sind. Wichtige Grafiken, wie das Logo, sollten nicht nur im Hintergrund existieren, sonst sinkt der Wiedererkennungswert deutlich.