Das Separat ionen von Layout und Inhalt ist die Domäne von CSS und HTML - so weit so gut. Nun über separate ing ...
Ich bin auf der Suche nach Tipps und Best Practices, um mit der Aufgabe zu beginnen, ein "Skin" oder "Theme" für ein Content Management System zu erstellen.
Hintergrund:
Wir beginnen mit der Einführung eines Portal Servers/Content Management Systems und beginnen damit, das Erscheinungsbild an unsere Bedürfnisse anzupassen.
Unser Designer hat bisher hauptsächlich mit der vollen Kontrolle über HTML und CSS gearbeitet und beide optimiert, um ein pixelgenaues Layout zu erhalten. Mit der Einführung des CMS gibt es viel vorgefertigtes HTML (sehr semantisch, fast keine Tabellen :), das mit CSS und Bildern veredelt werden muss. Obwohl es möglich ist, die HTML-Fragmente zu ändern, würde ich es vorziehen, dies nur als letzten Ausweg zu tun.
Da dies die Herausforderung darstellt, "wie man anfängt", ist meine Frage, ob es Tipps gibt, wie man vorgeht, oder Artikel, die helfen können, diese Aufgabe zu verwalten oder zu organisieren - z. B. bewährte Praktiken bei der Gestaltung, wie man diese Aufgabe aufteilt oder welches Werkzeug man verwenden sollte.
Es scheint eine schlechte Praxis zu sein, eine dynamisch generierte Seite einfach auf der Festplatte zu speichern und Änderungen lokal vorzunehmen. Für die CSS-Dateien wäre das einigermaßen in Ordnung, aber Änderungen an HTML-Elementen müssen in die Fragmente, aus denen sie generiert wurden, nachgerüstet werden. Das möchte ich nach Möglichkeit aus dem Bereich des Designers heraushalten. Auch der Gedanke, dass Dreamweaver (oder ein ähnliches Tool) implizite Änderungen an der HTML-Struktur vornimmt, macht mir Angst.
Für Neugierige: Der erwähnte CMS/Portalserver ist Liferay aber die Frage ist eigentlich sprach- und toolunabhängig.
Bearbeiten: FireBug (wie Josh vorgeschlagen) ist für das Ausprobieren on-the-fly Änderungen an css awesome. Gibt es mehr - entweder im Bereich der Werkzeuge oder im Prozess und Selbstorganisation?
