CMS Made Simple Forums

hallo,
ich wollte gerade damit beginnen templates/themes meinen wünschen anzupassen
da ich vom coden nur wenig ahnung hab benutze ich dazu dreamweaver, wo es auch eine "deisgn"-ansicht gibt - man sieht direkt wie der code grafisch dargestellt werden würde

nun habe ich eine zeit lang rumprobiert, kam aber zu keinem ergebnis. ich krieg es einfach nicht hin, dass in dieser ansicht etwas dargestellt wird.

weiß jemand wie das funktioniert?

(bei php-fusion ging das damals gut)

oder vielleicht anders gefragt: wie testet ihr zb aus welche textfarbe am besten zum hintergrund passt usw?
es codet doch keiner drauf los und sieht erst beim hochladen was er da eigtl verzapft hat?

Also in der regel wird bei mir erstmal ein design sketch am papier gemach  und danach das design in Photoshop oder Fireworks, da hast Du dann deine Farben.
Diese notiert mann und schreibt in seinem Stylsheet wo es hingehört.

Ich habe mich in letzter zeit schon öfter erwischt, die Templates und css schon direkt im CMS zu schreiben, mit EditArea modul ist das schon ziemlich angenehm und ich muss nicht das HTML zwei mal bearbeiten.

naja das design hab ich schon komplett fertig.. ich muss es jetzt nur noch irgendwie schaffen das in ein template zu packen.. und bin da gerade leicht am verzweifeln, weil ich ohne so eine previewmöglichkeit keine ahnung habe was ich veränder..

bei php-fusion hat das "damals" auch einwandfrei funktioniert. wenn ich das hier nicht hin krieg werd ich wohl auch wieder darauf umsteigen.. weiß nicht wie ich das mit dem code jetzt sonst hinkriegen soll

c0keh wrote: weil ich ohne so eine previewmöglichkeit keine ahnung habe was ich veränder.. :

Da könnte ein Buch über HTML und/oder CSS helfen

Wozu braucht man so eine Preview-Funktion eigentlich?

Also ich habe einen simplen Text oder Code Editor (z.B. jEdit). Dort code ich meist einfach drauf los. Zunächst erstmal die Struktur der Seite. Völlig ohne Stylesheets. Nur reines (X)HTML. Gespeichert wird es auf dem Desktop als einfache statische HTML Datei. Und das Ergebnis schaue ich mir parallel im Firefox an. Im Editor einfach immer speichern und dann im Browser einfach neuladen.

Firefox ist meine "Preview-Funktion"

Ist erstmal ein logischer Aufbau aller inhaltlichen Elemente fertig, erstelle ich einfach eine statische CSS Datei (ebenfalls auf dem Desktop), binde sie im HTML Grundgerüst ein und nutze die Firefox Plugins HTML Tidy, Firebug, Webdevelopper Toolbar und Pixel Perfect um die HTML Elemente so zu formatieren, dass sie am Ende aussehen wie gewünscht. Dabei kopiere ich jedesmal die im Firefox live editierten Stylesheets und füge sie in meine CSS Datei ein. anschließend speichern und wieder im Browser neuladen und das nächste Element formatieren.

Ich fange immer bei jeder Seite von Grund auf neu an.
Fertige Layouts, die nur noch angepasst werden müssen, nutze ich sehr selten.

Von solchen Spielereien wie die Design Ansicht von Dreamweaver oder GoLive halte ich rein garnichts. Hauptsächlich deshalb, weil man eben nie weiß, was man da eigentlich tut und vor allem, weil das Ergebnis dieser Tools meist alles andere als zufriedenstellend ist. (Das ist wirklich selten guter Code der dabei rauskommt.)

Ich finde sowas einfach Geldverschwendung.
Weil man damit nicht lernt, wie HTML, CSS etc. funktioniert.
Es ist eine weitere Blackbox von der man sich abhängig macht und wo man im Zweifel keine Ahnung hat wo man ansetzen und was verändern muss, wenn es mal nicht so funktioniert wie gewünscht.

Hat man von solchen Dingen keine Ahnung - so leid es mir tut das sagen zu müssen - sollte man entweder, sich die nötigen Kenntnisse aneignen (denn so schwer ist es eigentlich auch wieder nicht - ist ja nicht wirklich krasses Informatik Zeugs oder so) oder lieber jemanden beauftragen der sich damit auskennt.

ich glaube mitlerweile, dass das problem PHP ist. dreamweaver scheint keine PHP templates grafisch darstellen zu können, da PHP serverseitig ist und DW somit wohl nicht den nötigen zugriff für einen "preview" bekommt..

mit HTML ist das klar NaN, aber mitlerweile ist ja fast alles in PHP.
das problem scheint also gar nicht bei CMSms zu liegen, sondern daran, dass ich damals bei php-fusion ein HTML template hatte?

ich habe leichte html kenntnisse, kann tabellen, rahmen, schriften, hintergründe usw erstellen/verändern, aber für ein CMS (sei es HTML oder PHP) reicht es bei weitem nicht aus

ich bin hobby designer und mache eigtl nur seiten layouts. da die person, die eigtl das coden für mich übernimmt leider nicht mehr aktiv dabei ist, versuche ich halt nun das irgendwie anders hin zu bekommen. also nein; ich will nicht wochen damit zubringen weder html noch php lernen!

jetzt bin ich gerade dabei apache zu installieren und einen php-test-server einzurichten damit ich die änderungen lokal ausprobieren kann. habe vorhin gelesen, dass das eine mögliche lösung meines problems sein soll

vielleicht schaff ich es dann doch noch irgendwie mein design in ein CMS zu spielen..

Wenn mich die Erinnerung nicht täuscht kann mann ja DW mit einem lokalen Server verbinden, also dürfte dein Problem damit gelöst sein.
Das feine beim CMSMS, Du brauchst ja keine PHP Kenntnisse um ein Template zu erstellen, da reicht ein HTML Entwurf (für dich im DW) diesen kopierst in denn Template bereich des CMS, Stylsheet unter Stylesheets, Stylsheet mit Template verbinden, Pfade zu Bilder anpassen und schon läuft es.
Danach brauchst Du nur mehr statt dein Dummy Text {content} und andere relevante tags einzubinden.

Natürlich Du am lernen keine Freude hast wird es schwierig zbsp. beim Menu aufbau oder stylen diverse Module.
Da würde ich dir empfehlen entweder deine Einstellung zum lernen zu ändern,  kein CMS zu verwenden (persönlich kenne ich keins mit solchen Umfang wie CMSMS und doch so leicht optisch zu gestallten) oder Professionelle Hilfe zu suchen.

c0keh wrote:
ich glaube mitlerweile, dass das problem PHP ist.

Und ich glaube, dass Du Da etwas misverstehst.
Wie uniqu3 schon sagte, brauchst Du keine PHP Kenntnisse um Templates für CMSms zu erstellen.
Schau doch einfach mal in die mitgelieferten Beispieltemplates rein.
Dort ist kein PHP.
Dort ist nur HTML.
Okay und ein wenig SMARTY.
Aber das dürfte wirklich Deine geringste Sorge sein.

Die Erstellung von Templates für CMSms musst Du Dir wirklich vorstellen, als würdest Du eine statische HTML Seite entwerfen. Daher habe ich in meinen Ausführungen PHP bewusst weggelassen

An den Stellen wo dann dynamische Inhalte rein sollen, kommt dann SMARTY zum Einsatz.
Schau mal hier rein: http://wiki.cmsmadesimple.org/index.php ... d/Designer
vielleicht gibt das einen besseren Einblick wie Templates bei CMSms funktionieren.

Und das Filmchen sollte dir beim Konvertieren von HTML nach CMSms-Template helfen

http://cmsmadesimple.org/uploads/media/ ... colate.htm