PDA

Vollständige Version anzeigen : Web-Design Bitte um ein CSS Beispiel


tuffenuff
28.05.09, 18:37
Hey folks!
Ich habe mal eine Bitte an euch.
Und zwar, ich möchte eine Website programmieren, die erstmal ganz einfach aufgebaut ist.
Oben Menü, Unten Inhalt. Aber ohne Frames (sind mir zu veraltet).
Ich habe mich nun schon ein wenig in HTML eingelesen!

Ich habe mir mal dieses Beispiel hier angeschaut:
http://web-toolbox.net/webtoolbox/download/bsp-frames09.htm
Nur ich finde das noch ein wenig komplex...

Ich würde es sehr schätzen, wenn mir jemand so eine Beispielseite machen könnte!
Ich möchte ja nicht, dass mir jemand jetzt eine halbe Website programmiert, mir sondern nur mal einen kleinen Denkanstoss gibt!

Vorhanden sein muss nur:
Oben ein Menü und unten Inhalt, bitte mit 2 Beispielseiten, ich hab mal ein Bild in PS gemacht, was mein Anliegen veranschaulicht.
http://www.abload.de/thumb/vorschauk2y9.png (http://www.abload.de/image.php?img=vorschauk2y9.png)

Also nochmal: Einfach nur eine Startseite wo etwas steht, und eine Seite 2, wo unten auch irgendetwas steht, das wäre wirklich nett wenn mir jemand so ein Beispiel machen könnte! Ich hab nämlich leider nichts gutes / einfaches im Internet gefunden :nixweiss:

Schonmal vielen Dank im voraus!

mfg tuffenuff

intelli
29.05.09, 04:17
Guck mal ob Du damit (http://intelliproductions.de/psc/demo_page_php.zip)was anfangen kannst......

Habe ich irgendwann mal zu einer Schulung gemacht. Ist zwar mit 2 Menüs, aber so kannst Du Dir die Systematik mal im Grundsatz angucken.

Gruß

intelli

tuffenuff
29.05.09, 07:11
Schonmal Danke für den Link, jedoch hilft der mir noch nicht soo viel :whistling
Es wäre schön, wenn das ganze schon irgendwie in eine kleine Seite eingebunden wäre, so ist das ganze wesentlich anschaulicher. Hätte ich vielleicht dazusagen sollen. ;)

Ylloh
29.05.09, 09:44
Ich vermute mal, dass du das via DIVs in XHTML und CSS aufbauen willst.

Dafür mal ein Link, vielleicht hilft der dir weiter (auch wenn die Templates alle noch um ein Menu erweitert sind)
http://www.intensivstation.ch/templates/

Wobei dein Beispiel ja die absoluten Grundlagen beinhalten: 2 Div-Boxen mit der gleichen breite, einer definierten (oder dynamischen) Höhe fertig :)

tuffenuff
29.05.09, 15:12
Danke Ylloh für die Links! :ok:
Werde mir das ganze jetzt nochmal genauer anschauen.
Wenn aber jemand noch so eine Beispielseite machen möchte hab ich natürlich nichts dagegen, aber muss jetzt nicht mehr unbedingt sein.
Wenn ich ein bisschen Zeit darin investiere werd ich das bestimmt (irgendwann) auch selber hinbekommen!

Nochmal thx :)

tuffenuff
29.05.09, 18:23
Sry für Doppelpost, aber ich bräuchte nochmal Hilfe und wollte nicht extra deswegen einen Thread eröffnen.
Ich habe mir von Ylloh's Link mal eine Vorlage runtergeladen und mir das angeschaut, hab auch schon das ein oder andere verstanden.
Ich habe mich nun mal daran versucht ein eigenes Template zu machen, und ein wenig von dem Beispiel (http://www.intensivstation.ch/files/templates/3/intensivstation-template-1-07.html) übernommen.

Ich bitte euch, dass ihr euch das hier mal kurz anschaut:
http://www.file-upload.net/download-1669557/test-numero2.rar.html
In der index.html Datei ist das Problem in den Kommentaren nochmal genauer geschildert!

Ich möchte eigentlich nur, dass wenn ich auf einen Link im Menü klicke, dass sich rechts der Inhalt ändert.

Ihr merkt ich bin noch ein absoluter Anfänger, aber das Problem ist gerade meine größte Hürde und ich würde mich freuen wenn ich über die hinweg komme!

Schonmal danke im voraus :)

Ylloh
29.05.09, 18:36
Zu deinem Problem gibt es min. 3 verschiedene Möglichkeiten

1) Du erstellst 3 Dateien, jeweils mit dem HTML-Gerüst, fügst in den Content bereich den Content ein.

2) du verwendest ein iFrame (http://de.selfhtml.org/html/frames/eingebettete.htm)

3) du includierst mit php deine Information (wie in intellis beispiel) -> Google (http://www.google.de/search?hl=de&q=include) hilft (http://www.webdesign.rudomazin.de/tutorials/php-tutorials/php-include-statt-frames.html) da (http://tut.php-q.net/de/include.html) weiter (http://www.selfphp.de/funktionsreferenz/kontroll_mechanismen/include.php)

tuffenuff
29.05.09, 18:44
Sehr Viele Dank Ylloh für die schnelle Antwort! :ok:

zu 1:
Das war auch meine erste Idee, aber ich hab mir gedacht das geht eleganter.

zu 2:
(i)Frames wollte ich ja wenn möglich vermeiden aber danke für den Tipp.

zu 3:
Vielen Dank für die Links!
Ich wusste leider nicht nach was ich suchen soll...das ist meistens das Problem, wenn einem die Begriffe fehlen. :notok: Wär ich auf include gekommen hätte ich wahrscheinlich erstmal gesucht...oder auch nicht...:tease:

Edit: Ich glaube PHP verwerfe ich dann wohl wieder :notok:
Ich hab rausgefunden, dass mein Browser (firefox 3) keine php Unterstützung hat, wieso auch immer :nixweiss:
Ich hasse es wenn ich nicht meine Ergebnisse gleich anschauen kann.
Und einen extra Webserver für solche Kleinigkeiten möchte ich nicht haben.
Ich werde mich dann wohl für Möglichkeit 1 oder 2 entscheiden müsssen :(

intelli
30.05.09, 13:01
php ist eine serverseitige Programmiersprache. Wenn Du php lokal zum testen nutzen willst, lade Dir Xampp (http://www.apachefriends.org/de/xampp-windows.html) runter. Damit installierst Du Dir funktionsfähige Apache-Server-Umgebung, auf der Du alles - auch php - lokal testen kannst.

Also! Möglichkeit 3 ist die eleganteste und die solltest Du beileibe nicht verwerfen!!! :)

Gruß

intelli

intelli
30.05.09, 13:03
Ach ja, hier (http://www.google.de/search?q=php+include&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:de:official&client=firefox-a) findest Du in der ersten Treffern genau das richtige zum Thema php - include anstatt Frames....

intelli

tuffenuff
30.05.09, 16:14
Danke intelli. :)
Auf der Seite war ich gestern auch schon, hab mich aber als gewundert warum bei mir nichts angezeigt wurde bis ich rausgefunden habe, dass das so im Browser nicht angezeigt wird...
Dann werde ich mir mal Xampp anschauen :)

Vielleicht geb ich php noch eine Chance :D