Von Adobe MUSE (html,css) zu Contao
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
Einsteiger, freie Contao Themes - KEINE bestehenden statischen Templates umschreiben
Zitat:
Zitat von toebel
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.
Zitat:
Zitat von pmueller
Thomas Weitzel - Mit Contao Webseiten erfolgreich gestalten (
Website)
Um Peter Müller auch noch gerecht zu werden, ein Zitat von Seiner Webseite:
Zitat:
Zitat von pmueller
Kurz: Wer Grundkenntnisse in HTML/CSS hat, lernt in diesem Buch ein tolles Werkzeug zur Erstellung von Websites kennen.