2. Zerschneide das Layout in die späteren Div-Elemente und Background-Images

3. Codiere das Template / die CSS erst mal wie in eine statische Website. Mit Blind-Text, Ul-Listen-Menü. Dazu benutze ich einen einfachen Text-Editor. Tatsächlich immer noch Phase 5. Ich codiere jede Seite neu.  Dabei ist der HTML-Validator natürlich immer immer aktiv.

4.  Speichere das Template unter andem Namen, ersetze die Inhalts-Elemente durch Tags.

5. Füge das Template und die CSS CMCMS hinzu.

6. Bearbeite die Modul-Templates

6. Layoutabweichungen vom Basis-Template werden mittels CGSimpleSmarty ins Template eingefügt, da ich lieber - sofern möglich - mit nur einem varablen Template arbeite.

Und ich wundere mich sowieso immer, wer alles sich Photoshop gekauft hat ;=)

Bekenne mich Schuldig.

Photoshop nehme ich nur noch für die Bildbearbeitung.

Piratos hatte den entsprechenden Kommentar dazu: Der Rest ist Kinderkram.

Kleinkram nicht Kinderkram.

Anfangs hab ich auf Yaml zurückgegriffen ( findest Du auch ein Template http://themes.cmsmadesimple.org/Downloa … works.html ) dann noch den Builder.yaml.de und man kann schnell loslegen. Nachteil bei Yaml und Co ist das sie einen ziemlichen Overhead an Code mitbringen, da kann man ordentlich herausschmeißen. Man sollte nur wissen was man tut. ;-)

YAML war bei mir der Grund eine eigene Layout-Bibliothek anzulegen. Nach einem YAML Projekt habe ich YAML wieder links liegen gelassen. Das ganze hat eine Struktur welche ich nicht immer ganz durchschauen kann. Somit suchte ich auch schon mal ein wenig länger wo denn nun eine Einstellung vorgenommen, wo überschrieben und wo neudefiniert wird.

Die eigenen Vorlagen kenne ich In- und Auswendig und bin recht schnell mit dem Anpassen. Piratos hatte den entsprechenden Kommentar dazu: Der Rest ist Kinderkram.

Anfangs hab ich auf Yaml zurückgegriffen ( findest Du auch ein Template http://themes.cmsmadesimple.org/Downloa … works.html ) dann noch den Builder.yaml.de und man kann schnell loslegen. Nachteil bei Yaml und Co ist das sie einen ziemlichen Overhead an Code mitbringen, da kann man ordentlich herausschmeißen. Man sollte nur wissen was man tut. ;-)

Gruß aus HH

So ein Mini Entwicklersystem (index.php nebst Smarty) im Zusammenhang mit Dummyeinträgen und vor allem eine anständige Sammlung von Menütemplates können da erheblich den Arbeitsaufwand reduzieren.

Ich verwende ebenfalls eine ziemliche Anzahl von Rohtemplates - wobei roh wörtlich zu nehmen ist - die habe ich so gestaltet das Dimensionen über CSS sehr einfach, leicht und vor allem schnell über CSS einzustellen sind.
Hat man einen solchen Fundus ist der Rest eigentlich nur noch Kleinkram.

Stylesheets mache ich oftmals auch direkt im Template. Mit Splitscreen kann man ja auch dieselbe Datei einmal oben und einmal unten bearbeiten
Müssen also nicht unbedingt separate CSS Dateien sein.
Kann man ja später immer noch teilen.
Seitdem Piratos das Thema Pagespeed hier angesprochen hat, lasse ich die Styles je nach Menge manchmal auch gleich im Template stehen. Ist bei "wenigen" Styles zu empfehlen. Da kann man dann außerdem so hübsch dynamische Sachen mit Smarty einbauen

Fremde Templates anpassen ist nicht mein Ding. Es sei denn das Template macht tatsächlich genau das was ich will und ich brauche nur Farben und Grafiken zu ändern. Sobald es dann um Maße oder Positionierungen geht, wird's mir oftmals zu viel und ich fange dann lieber von Grund auf neu an.

Ich persönlich bevorzuge auch die Methode, eine einfache statische HTML Seite zu erstellen (völlig losgelöst von CMSms) und wenn das Ergebnis stimmt, dann wird es via Copy & Paste einfach ins System übertragen. Zunächst lokal und dann auf den Server.

Template-Erstellung für CMSms unterscheidet sich im Wesentichen nicht groß von Layout-Erstellung einer jeden HTML Seite allgemein.

hier kann ich die codeteilung empfehlen. sowas bieten gute editoren.
links html, rechts css. ne feine sache ist das.
http://img208.imageshack.us/img208/6833/bildschirmfoto20110223u.th.png

Kann ich zustimmen, obwohl ich Dreamweaver besitze bevorzuge ich doch PSPad (unter windows) oder jEdit (unter linux) für solche aufgaben, ist Systemressourcen schonend.
Erwische mich aber immer öfter, im Fall von CMSMS Seiten, beim Templaten direkt im System in Kombination mit EditArea und ScriptDeploy, damit ist auch Syntaxhervorhebung gelöst.

Also um mich der Diskussion anzuschließen gehe ich meisten so vor wie die Mehrheit hier. Design erstellen, slicen, im PSPad oder jEdit Grundlayout (html+css) erstellen, Seite in WAMP Umgebung einrichten, Fertigstellen.
Finde anpassen der Fertigen Templates nicht als gute Idee ausser als lese Referenz für bestimmte tags.

Die CSS halte ich inline - habe also im Prinzip am Anfang eine einzige Datei.

hier kann ich die codeteilung empfehlen. sowas bieten gute editoren.
links html, rechts css. ne feine sache ist das.

Die CSS halte ich inline - habe also im Prinzip am Anfang eine einzige Datei.

Allerdings verwende ich eine Entwicklerebene die aus einer index.php und Smarty besteht, so das ich im Standard einige Dinge an Smarty zugewiesen habe wie z.B. eine Dummy Menüstruktur nebst Dummy Content und Blöcken.

Damit kann ich dann auch gleich wichtige Dinge antesten.

1. Layout in Photoshop; Festlegen von Grundsätzlichem, wie feste Breite oder fluid layout, Menüführung, Buttons, Hintergründe, etc. pp
2. Einzelelemente abspeichern im Bildordner, der eigens nur für Basiselemente da ist (nicht für den uploads-Ordner, auf den später jeder CMS-Editor Zugriff hat). Also Buttons, Menühintergrund, feste Headerbilder etc.
3. Integration dieser Dateien ins CSS. Wenn ich bereits ein Template habe, das von der Architektur her meinem Ziel nahe ist, dann muss ich das Rad nicht neu erfinden und ändere das Template + CSS solange ab, bis es so aussieht, wie ich will. Also Hintergrundbild, Headergröße, Schrift, Farben etc. Wenn ich etwas Exotisches will, fange ich bei Null an. Generell empfiehlt es sich jedoch, die (natürlich eigenen) Codeschnipsel, die funktionieren für sich selbst zu archivieren.

Generell arbeite ich nicht mit den Online Editoren sondern copy & paste aus Notepad++, da hier die farbliche Absetzung ungemein hilft, ich Sicherungskopien machen kann und auch mal aus Versehen ein Browserfenster schließen kann

Als gestalterischer Tipp allgemein: bei den Layouts die auf den vorgefertigten Templates erstellt werden besteht immer die Gefahr, dass man nicht "outside the box" denken kann und alles wie ein Aufguss der Standardtemplates aussieht. Häufig sieht man z.B. diese Headlines in gelb mit vertikalem Border links, die dann nur umgefärbt werden oder gleich so belassen. Sieht sofort nach lieblos bearbeitetem Standardtemplate aus. Ich würde zuerst Layouten und dann umsetzen, nicht umgekehrt, sonst schleppt man Elemente mit, die völlig unbedacht sind.