Homepage mit div-conatinern erstellen

[p4n!kK]

Halli hallo Leute, ich bin hier neu im Forum,
ich bin mir nicht sicher ob das Thema im richtigen Bereich ist, aber naja los gehts:

Also ich habe schon ein bisschen HTML-Erfahrung und wollte nun eine Homepage erstellen nach folgendem Beispiel:

Da ich gehört und gelesen habe, dass Frames keine gute Lösung sind, habe ich mich umgeschaut was es noch für Möglichkeiten gibt. Hab viel von DIV-Containern und CSS gelesen, doch wie genau ich das für diese Homepage realisieren soll, ist mir noch nicht bekannt...

Eines noch: Wie bekomme ich es außerdem noch hin, dass nachdem man auf einen Button(links) klickt, sich der Inhalt in der Mitte öffnet?!

Ich hoffe, dass ihr mir helfen könnt,

MfG p4n!kK

 

[threadi]

Hab viel von DIV-Containern und CSS gelesen, doch wie genau ich das für diese Homepage realisieren soll, ist mir noch nicht bekannt...

Mit HTML-Code natürlich. Div's sind nur ein Mittel um einzelne HTML-Elemente zu gruppieren, um z.B. einen Kopfbereich zu erstellen. Mit CSS wird das alles dann gestaltet.

Eines noch: Wie bekomme ich es außerdem noch hin, dass nachdem man auf einen Button(links) klickt, sich der Inhalt in der Mitte öffnet?!

AJAX wäre das Stichwort. Aber fang lieber erstmal mit HTML und CSS an ...

 

[_Thor_]

Eines noch: Wie bekomme ich es außerdem noch hin, dass nachdem man auf einen Button(links) klickt, sich der Inhalt in der Mitte öffnet?!

Am einfachsten ist es, du bindest dein Menü auf jeder Seite ein, dann hat der Betrachter den Eindruck, dass sich nur der Content ändert, weil das Menü immer an der selben Stelle bleibt und sich evtl. nur der aktive Link ändert.

Das Einbinden der Menüs kannst du per PHP include lösen, aber damit solltest du warten, bis du etwas sicherer im HTML und CSS bist. Zum probieren reicht es auch, wenn du es erstmal fest mit in jede Seite schreibst.

 

[prm]

Die Entwicklung eines solchen Layouts findest du in diesem Einsteigerkurs in einzelnen Schritten erklärt.

Was den Unterschied zu Frames betrifft wirst du hier fündig.

 

[p4n!kK]

Hey, vielen Dank für die schnellen Antworten!

Hat alles super geklappt dank dem Einsteigerkurs!

Danke nochmal :) Thema kann geclosed werden^^

Lg

 

[Efchen]

Und bitte nicht vergessen: div-Layout gibt es nicht! Man gestaltet seine Seite nicht mit divs, sondern mit semantisch sinnvollem HTML und CSS-Layout.
Dass divs dazu nicht benötigt werden, und auch nie die erste Wahl sein sollten, wird auf der von prm verlinkten[1] Site leider nicht deutlich.

Gruß,
-Efchen

[1] Der Link ist falsch eingetragen.

 

[Tobias]

Noch ein kleiner Tipp:

Es gibt viele Grundgerüste für ein valides CSS-Layout:

z.B.
Stichpunkt CSS: Layout ohne Tabellen
intensivstation :: CSS Templates :: Templates
etc..

Ist immer ein guter Anfang für Neulinge.
Musst dann nur noch die Farben bisschen ändern, Menü und Content einbinden, evtl. noch nen kleinen Banner oder so und schon hast du dein erstes valides Template :)

 

[xXxPeterPanxXx]

wenn du ein sehr aufwendiges menü erstellst würde ich doch lieber per php und include arbeiten. weil du den code um einiges verkürzen kannst. Ich habs erst gestern gelernt, aber das ist echt nicht schwer.