Von Adobe MUSE (html,css) zu Contao

[toebel]

Hallo liebe Contao-Community,
ich arbeite seit längerer Zeit intensiv mit Adobe MUSE (http://muse.adobe.com/). Nachwievor erstelle ich Layouts als .psd in Photoshop, aber mit MUSE habe ich als reiner Gestalter die Möglichkeit einfache, statische Websites und Layouts in HTML und CSS umzusetzen. Denn im Coden kann ich nur mit den Basics glänzen.
Mit dem Programm hat man die Möglichkeit, die erstellte Seite zu exportieren und die fertigen .html, .css-Dateien und Scripts zu erhalten.

Eine Beispiel-Seite von mir ist jetzt mal folgende:
http://zahnvitr.businesscatalyst.com
(Bitte nicht von Fotos, Texten etc. verwirren lassen. Ist ein reines Layout.)

Ihr wisst wahrscheinlich schon, worauf dieser Thread hier hinaus läuft. Ich würde diese Beispiel-Seite gerne in ein fertiges und benutzbares Contao-Template umwandeln. Wie mache ich das?

Wichtig ist vor allem die Homepage, die auf die meisten anderen Seiten verweist und von dort auch die Informationen anzeigen soll. Als Blogfeed bei "Neues" habe ich einfach mal einen ungestylten tumblr-feed genommen. Grundsätzlich sollte die Seite aber, wenn sie dann einmal im Contao nutzbar ist, mit mehr Möglichkeiten wie z.B. einem Kalender ausgestattet sein.

Also noch mal grob: Wie code ich meine HTML und CSS Seiten um, sodass ich sie in Contao als Template nutzen kann?



-Tobbe

[schman]

Dann würde ich dir mal den Wiki Eintrag Die erste Webseite empfehlen, oder auch das Buch von Thomas Müller: Mit Contao Webseiten erfolgreich gestalten.

[pmmueller]

@schman
Grins. Da hast du zwei Bücher verschmolzen:

Peter Müller - Websites erstellen mit Contao (Website)
Thomas Weitzel - Mit Contao Webseiten erfolgreich gestalten (Website)

@toebel
Zuerst HTML und CSS lernen, und dann Contao. Ohne solide HTML/CSS-Kenntnisse kommst du in keinem CMSystem ganz weit, wenn du eigene Layouts umsetzen willst.

[CeeKay]

aber mit MUSE habe ich als reiner Gestalter die Möglichkeit einfache, statische Websites und Layouts in HTML und CSS umzusetzen.

Hm, wie formuliert man das nun freundlich: Nein, hast du leider nicht wirklich. Was dort rauskommt, hat mit sinnvollem Code ungefähr soviel gemeinsam, wie ein Nudelsalat mit einem Smartphone.
Hör auf pmmuellers Rat, das ist der sinnvollere Weg.

[schman]

@pmmueller:
Ach menno, da war ich ein wenig zu unkonzentriert, danke für die Richtigstellung

[toebel]

Danke für den Tipp. Eines der Bücher werde ich mir wohl zulegen.

Es sollte aber doch auch möglich sein, ein bestehendes Template, das meiner Vorab-Seite ähnlich ist, umzuschreiben.
Grundsätzlich besteht der Header aus einem Logo links und einer Navigation rechts. Und im Footer braucht auch nicht mehr zu sein, als die 3 "social" Links.. Irgendwas Minimalistisches sollte sich doch da finden lassen.

[ciaobello]

Grundsätzlich besteht der Header aus einem Logo links und einer Navigation rechts. Und im Footer braucht auch nicht mehr zu sein, als die 3 "social" Links.. Irgendwas Minimalistisches sollte sich doch da finden lassen.

Meine Empfehlung: Verwende ein bestehendes freies Contao Theme das Deinem am nächsten kommt und passe es nach Deinen Bedürfnissen an.

Dann lernst Du die CSS-ID's/Klassen die in Contao verwendet werden auf eine "neutrale" Art kennen. Mach es am Besten mit der Music-Accademy installiert dann kannst Du auch die verschiedenen Module (wie zum Beispiel den Kalender) testen und siehst wie Sich "Deine Version vom Theme" auf Contao auswirkt.

Deine Seite wird von Anfang ansprechend aussehen und Du kannst Dich wirklich zuerst mal nur um den Inhalt kümmern.

Hier noch Infos und Links zu freien Contao Themen.

Ich empfehle Dir auch ein Contao Buch zuzulegen ... das hilft Dir die Zusammenhänge Besser zu verstehen. Mein Buch(-Tipp) wurde oben schon erwähnt.

Thomas Weitzel - Mit Contao Webseiten erfolgreich gestalten (Website)

Um Peter Müller auch noch gerecht zu werden, ein Zitat von Seiner Webseite:

Kurz: Wer Grundkenntnisse in HTML/CSS hat, lernt in diesem Buch ein tolles Werkzeug zur Erstellung von Websites kennen.

[rocknroller_96]

Hi Zusammen
Ist schon etwas älter, aber evtl. werden noch andere Luete durch googlen auf diesen Thread stossen (wie ich zum Beispiel).
Ich habe diesen sehr nützlichen Link gefunden:
http://codiso.postach.io/post/layout...tao-cms-nutzen

Lieben Gruss

[planepix]

Ergänzend dazu noch die Website des Conmunicators:
http://www.conmunicator.de/de/

[c.romeni]

Ergänzend dazu noch die aktuellsten News:

Wichtige Mitteilung zu Adobe Muse
Im Rahmen unserer Neufokussierung auf Produkte und Lösungen mit dem größten Nutzwert für unsere Kunden möchten wir Ihnen mitteilen, dass die Weiterentwicklung von Adobe Muse CC eingestellt wird.

http://muse.adobe.com/product-announ...ingid=695P7RDL