Layout-Frage .... Tips, Vorschlag?

[CKern]

Hallo Zusammen,

ich möchte eine bestehende Webseite auf Contao umstellen.
Die Webseite ist im Grund einfach strukturiert (wenige Seiten), allerdings tue ich mir gerade etwas schwer, wie ich es anpacken soll.
Ich freue mich sehr, wenn ihr ein paar Tips für mich hättet, damit ich nicht in die falsche Richtung laufe.

Die alte Webseite findet ihr hier: www.berghaeuser-kern.de

Die Seite soll grundsätzlich den Aufbau einer Tageszeitung wiederspiegeln.
Klar, es gibt einen Kopf (zumind. mal bis zur blauen Linie) und einen Fuß.
Unterhalb des Kopfes seht ihr so was wie eine Navigation, allerdings hat das eher den Charakter eines Artikels mit Teaser - oder?
Der Artikelbereich/Hauptspalte ist mit 3 Spalten ausgestattet und jede Überschrift bzw. "... weiter auf Seite" öffnet dann einen konkreten Artikel.

hmm ....

• benötige ich ein Frontendmodul für eine Navigation?
• oder soll ich einen zusätzlichen Layoutbereich einrichten für die 4 "Artikel" unterhalb des Kopfes und binde über FE-Module und dort Insert-Tags Artikel mit Teaser ein?
• Wie würdet Ihr die 3 Spalten in der Mitte abbilden?
• Ich habe auch schon über "Nachrichten" nachgedacht, aber die Seite hat nicht wirklich immer wieder neue Nachrichten. An dem Inhalt der Website hat sich in den letzten 5 Jahren bis auf 2-3 kleinere Änderungen (Öffnungszeiten, etc.) nichts geändert.

1000 Dank im Voraus für Eure Tips !

Viele Grüße

[dackelchen]

Vorweg, ich habe noch nicht so viel mit Contao gemacht. Deshalb solltest Du das hier eher als Tipps, denn als Weisheiten nehmen.

benötige ich ein Frontendmodul für eine Navigation?

Ich finde dass eine Navigation der Seite ganz gut täte, um etwas mehr Übersicht zu schaffen.

oder soll ich einen zusätzlichen Layoutbereich einrichten für die 4 "Artikel" unterhalb des Kopfes und binde über FE-Module und dort Insert-Tags Artikel mit Teaser ein?

Du könntest dazu auch mit dem Gridsystem arbeiten oder mit Subcolumns. Aber das können Dir andere hier bestimmt kompetenter beantworten.

Wie würdet Ihr die 3 Spalten in der Mitte abbilden?

Gridsystem, Subcolumns oder einfach ein Dreispaltenlayout, und die Artikel darauf verteilen.

Ich habe auch schon über "Nachrichten" nachgedacht, aber die Seite hat nicht wirklich immer wieder neue Nachrichten. An dem Inhalt der Website hat sich in den letzten 5 Jahren bis auf 2-3 kleinere Änderungen (Öffnungszeiten, etc.) nichts geändert.

In dem Falle würde ich komplett auf ein CMS verzichten, das ja auch gewartet weren will und die Seite als HTML-Seite machen. Das ist auf länger Sicht bequemer.

Oder gibt es Änderungen, die Du anstrebst, wie das Häufigere Posten von Nachrichten, oder Kontaktformular, ein Blog, etc. pp.?

[CKern]

1000 Dank für Deine Tips !
An subcolumns habe ich auch schon gedacht. Ich glaube das ist ein guter Weg.
Habe da aber gerade ein Problem, das ich nachher hier in der Community nochmal posten werde.

Ich möchte halt gerne auf Contao wechseln, damit mein Vater den ein oder anderen Inhalt mal selbst ändern kann
und so manche Erweiterungen oder Core-Features (Bildgalerie) würden die Seite etwas aufpeppen. Die Features
dann mit HTML / CSS / Javascript selbst zu bauen habe ich keine Lust :-)

Als vielen Dank und viele Grüße

[armin41]

Hallo CKern,

ich würde auch eine Navigation empfehlen. Diese würde ich auch auf allen Seiten wiederholen, damit man nicht immer zurückschalten muss. Auch einige Tageszeitungen haben im Kopf so was. Ich würde die paar Punkte auch in den Kopf setzen. du kannst die aktuelle Seite ja dann farblich oder fett hervorheben.

Dann würde ich auch dafür sorgen, dass alle Seiten die gleiche Breite haben. Im Moment herrscht eine Unruhe beim Umschalten von Seite 1 auf die anderen Seiten. Das bedeutet natürlich, dass die erste Seite etwas weniger Text bekommt, oder die anderen etwas mehr Inhalt, aber da gehen ja auch Bilder, vielleicht eine Getränke- und/ oder Speisekarte (es ist ja ein Café mit dabei)...

Somit haben wir einen Kopf mit Navigation und einen Footer. Die drei Spalten würde ich dann per CSS floaten, dann muss niemand aufpassen, sollte eine Seite dazukommen. Die Subcolumns (die ich auch einsetze, also nicht grundsätzlich schlecht sind) müssen ja auf jeder Seite mit angelegt werden.

Das als meine Tipps.

Gruß

Armin

[Andreas]

Die 3 Spalten in der Mitte auf jeden Fall mit rechts mitte links von Contao.

Ich würde auch ne kleine einfache Seite die sich 'nie' ändert mit Contao machen, weils einfach Spaß macht

[dackelchen]

Ich würde auch ne kleine einfache Seite die sich 'nie' ändert mit Contao machen, weils einfach Spaß macht

Du bist ja auch der Andreas, der das kann und sich super auskennt...

Für die eigenen Seiten bin ich übrigens voll Deiner Meinung, wenn ich auch bei Contao im Moment noch ein bisschen zu kämpfen habe, damit ich aus meinen Seiten Contaoseiten hinbekomme, die die selben Funktionen haben, wie jetzt, aber es gibt eben auch viele Leute, die Ihre Seite ewig nicht updaten. Irgendwann funktioniert dann nicht mehr alles oder Sicherheitsupdates werden verschlafen und dann kommen die bösen Hacker.

Darum habe ich das hier mal nebenbei erwähnt, denn wer einmal hier im Forum ist, der hat die Entscheidung ja schon getroffen, 'ne gute finde ich... wenn man die Kniffe erst mal drauf hat.

[Andreas]

Du bist ja auch der Andreas, der das kann und sich super auskennt...

Gerade wenn sich jemand nicht so gut mit HTML und co auskennt ist es doch wesentlich einfacher mit Contao, als mit nem Editor, oder? Alleine schon das Menü, das auf jeder Seite anders aussehen muss. Und wenn ich z.B. den #footer auf allen Seiten aus dem #wrapper rausholen will, oder ähnliches, ist doch mit Contao ein Spiel.

Und wenn sone kleine Seite, die nie geändert wird gehackt wird, ist doch auch kein Weltuntergang, oder? Server reinigen oder umziehen, Backup aufspielen, fertig.

[db-connection]

Auch die Suchmaschinen freuen sich über regelmäßige Änderungen. Veraltete Seiten werden grundsätzlich schlechter bewertet.
Ich bin selber erst vor kurzem zu Contao gewechselt und muss sagen, nach wenigen Stunden hat man das System verstanden.

Zu den Tipps:
Derzeit öffnet jeder Link ein neues Fenster, ob das so gewollt ist weis ich nicht, aber es macht m.E. auch keinen Sinn.

Gruß Dirk

[CKern]

erstmal 1000 Dank an alle für die Tips und Infos.
Ich habe jetzt mal angefangen die Seite mit Contao umzusetzen.
.... ist noch nicht fertig
Speziell den Hinweis von Andreas mit den 3 Spalten (links, mitte, rechts) muss ich mir nochmal durch den Kopf gehen lassen, bzw. die Info von armin41 mit dem floaten per css in den 3 Spalten.
Derzeit mache ich das mit subcolumns. Funktioniert, aber nicht ideal.

Wer möchte kann hier ja mal schauen. presse.ck-slash.de

Viele Grüße

[Andreas]

Ja, hat doch super geklappt, auch mit den Subcolumns. Wenn du die 3 Spalten nur auf der ersten Seite hast, kannst du das durchaus auch mit Subcolumns machen, anstatt extra für die eine Seite ein 3-spaltiges Layout anzulegen.

Validiere auch mal deine Seite. Bei XHTML-Ausgabe gibt es ein paar strenge Richtlinien, aber nicht weiter schwer. Du musst standalone tags schließen. z.B. <img .... alt="" /> also eine Leerstelle und einen Slash, bevor du die Klammer schließt. Damit sagst du dem XHTML-Parser, 'ich habe keinen schließenden Tag, brauchst erst gar nicht zu suchen'. Das hast du z.B. bei BR, HR, INPUT, IMG und noch ein paar anderen.

Schade, dass du bei deiner ersten Seite nicht schon in den Genuss der automatisch generierten Navigation kommst.

Eine Herausforderung wäre es auch die Seite jetzt so zu bauen, dass du keinen eigenen HTML-Code eingeben brauchst. Du kannst alles von Contao generieren lassen.

Die Artikel im Wiki 'die erste Seite' ff wären interessant für dich.

Diese winz Grafik vor den Menüpunkten würde man doch auch eher per CSS dahin setzen.

[CKern]

Hallo Andreas,

danke !
Bzgl. den standalone tags werde ich die entsprechende FE-Module prüfen und korrigieren. Danke für den Hinweis.

Das mit der Navigation werde ich mal checken. Ich habe da doch soviel Text in den 4 Abschnitten. Die eigentliche Navigation ist natürlich jeweils z.B. "Markplatz - Seite1", "Lauterbacher - Seite ", usw. Meine Seiten müsssten dann als Titel "Markplatz - Seite1" usw. haben - richtig?
Ich stelle mir dass CSS-seitig dann schwierig vor, diese 4 Abschnitte entsprechend zu gestalten.
Wie würde ich denn dann die Texte wie z.B.

Café

Entspannung bei einer
guten Tasse Kaffe, Tee, .."

usw. bereitstellen.

Die kleinen Grafiken für den Menüpunkte ins CSS zu packen muss ich noch machen. Habe das schon auf anderen Webseiten gemacht.

Ich glaube so ein bisschen Erfahrung mit Contao habe ich schon
Du kannst ja mal schauen. Folgende Seiten habe ich mit Contao erstellt.

www.pfingstmusiktage.de
www.gn-gmbh.com
www.ecotherm2000.de
www.gas-heizölverbrauch.de

Viele Grüße
Carsten

[Andreas]

Äh sorry, dann hat sich mein Kommentar zu der Navigation wohl erübrigt, wollte nur sicherstellen, dass du die dynamische Navigation nicht übersehen hast, dachte das wäre deine erste Seite. Hast ja doch schon einige, auch mit Navi, gemacht.

Dann ist das auch bestimmt ok, wenn du für diese eine Website die Navigation so lässt. Wenn du es dennoch irgendwie dynamisch umsetzen wolltest, könntest du mit einer Mini-Erweiterung den Seiten ein od. auch mehrere neue Felder hinzufügen. Dann das Navi-Template anpassen, dass deine Felder dort ausgegeben werden. Die Formatierung mit CSS ist nicht sonderlich schwer, wenn man weiß wie's geht, je mehr du damit machst, desto routinierter wirst du natürlich.

ps Sehr schnell validieren, während des Entwickelns, ohne extra nach w3.org gehen zu müssen kannst du mit dem FF Addon HTML-Validator. Der zeigt dir in der Statuszeile ein grünes Icon (momentan nur bei XHTML), wenn alles ok ist. Du kannst ihn allgemein deaktivieren und für deine Domains erlauben (automatische Aktivierung).