Frames erstellen

[GreyWolf]

Hi,

beim Überarbeiten meiner HP möchte ich einen Frame erstellen.
(Ich weiß, dass Frames sich nicht ungeteilter Zustimmung erfreuen. Ich persönlich finde aber, sie erleichtern die Orientierung und es sieht meiner Ansicht nach auch besser aus).

Also konkret: auf jeder Seite sollen links 20 Prozent als Frame stehen, mit den einzelnen "Hauptseiten".
Das Ganze werde ich mit HTML machen.

Ich habe jetzt mal in zwei HTML-Büchern nachgeblättert.
Allerdings habe ich da ein Grundproblem, mit dem ich bisher nicht klarkomme.
Aus wieviel Seiten besteht eine Seite mit Frames?

Das versteht Ihr jetzt natürlich nicht - klar. Ich versuche es zu erklären.
Ich habe bisher meine normale Index-Seite ohne Frames von der dann wieder Links zu den weiteren Seiten gehen. Also habe ich immer eine einzige Seite vor mir.

Bei einem Frame, mit Frameset links 20 Prozent, habe ich dann, wenn ich die Seite aufrufe, zwei Seiten vor mir? Also einmal links die 20 Prozent Frameset-Seite und rechts die 80 Prozent Inhalt-Seite?

Oder sind es drei? Nämlich meine Indexseite, auf der nur steht: Seite aufteilen links 20 Prozent und recht 80 Prozent und dann Frameset-Seite links und Inhalt-Seite rechts reinladen?

[Cowgirl]

Hi,
die Indexseite wuerde ich ohne Frames machen, dass ist besser fuer die Suchmaschinen.
Von der Indexseite aus verlinkst Du auf ein HTML Dokument, dass die Frameset-Aufteilung enthaelt.
Dann hast Du noch 2 HTML Dokumente, und zwar das mit der Navigation und das mit dem eigentlichen Inhalt.
Die Navigation wuerde ich nicht in Prozent machen sondern eine feste Pixel-Anzahl nehmen.

Coole Infos:
http://selfhtml.teamone.de/
http://selfhtml.teamone.de/html/frames/index.htm

[Andre]

Wenn du eine Seite darstellen willst, bei der z.B. Links ein Frame fuer die Navigation und rechts der eigentliche Inhalt stehen soll, brauchst du insgesamt 3 HTML Dokumente:
1. das Dokument, welches die Frames sozusagen verwaltet und irgendwie "seite_xy.html" heissen koennte.
2. das Dokument, welches den Inhalt des Navigationsframes darstellt. Z.B. "linke_navigation_seite_xy.html"
3. Das Dokument, welches den Inhalt der eigentlichen Informationen darstellt, z.B.: "body_seite_xy.html".

[GreyWolf]

Okay, danke,
jetzt verstehe ich es. (hoffe ich zumindest)
 

[Tazmania]

1. Seite Fameset definieren:

<frameset cols="20%,80">
      <frame name="nav" frameborder="0" noresize src="navigation.html">
      <frame name="content" frameborder="0" noresize src="blank.html">
         </frameset>

2. Seite Frame mit Navigation
3. Seite Frame mit Inhalt

Über den Namen den in name="" steht lassen sie die Inhalte im gewünschten Frame aufrufen.

[Cowgirl]

Hi Taz,
da haste'n Prozent vergessen...

<frameset cols="20%,80%">

Oder man macht's so:

<frameset cols="150,100%">

Dann hat man eine Navigation in fester Breite und der Rest geht in den Inhalts-Frame. Das finde ich persoenlich besser.

[Scooby Doo]

Ich finde persönlich auch eine Navigation mit fester Breite besser, aber das ist ja Geschmackssache.
Ich würde den Tags aber noch einiges hinzufügen:

<frameset cols="120,*" border=0 frameborder=0 framespacing=0 noresize>
    <frame marginheight="0" marginwidth="0" name="menue" src="menue.html" scrolling=auto>
    <frame marginheight="0" marginwidth="0" name="inhalt" src="inhalt.html" scrolling=auto>
</frameset>

cols="120,*" bedeutet, nehme links 120 Pixel und rechts soviel wie passt.
border=0 frameborder=0 framespacing=0 sorgt dafür, dass zwischen den Frames keine Balken gezogen werden. Ich habe mal in einem Buch gelesen, dass alle drei Angaben notwendig sind, damit es jeder Browser versteht.
noresize besagt, dass der Nutzer die Größe der Frames nachher nicht mehr ändern kann.

marginheight, marginwidth gibt den Abstand des Inhalts von den Framegrenzen an. Will man, dass die Buchstaben nicht direkt an den Rand klatschen, kann man hier statt 0 auch gerne eine höhere Pixelzahl angeben. Ich nehme meistens 10.
scrolling gibt an, ob das Framefenster Scrollbalken erhalten soll. Bei yes bekommt es immer Balken, was mir nicht gefällt, da nehm ich lieber auto. Dann bekommt das Fenster nur Scrollbalken, wenn der Platz nicht ausreicht, alles anzuzeigen. Bei no bekommt das Fenster nie Scrollbalken. Sollte man mit Vorsicht einsetzen und an Leute mit niedrigen Auflösungen denken.

[GreyWolf]

Danke für die präzisen Anweisungen.

Aber bevor ich jetzt rumprobiere, tut mir mal noch einen Gefallen und gebt mir noch die HTML-Befehle für den Rest.

Also beim Betreten meiner Seite soll man erstmal auf eine Indexseite kommen, die im Wesentlichen aus einem Foto besteht. Da klicken die Leute drauf und sollen dann zur nächsten Seite kommen.
Da finden sie dann links den Frame, der so Links enthält wie  "Reiseberichte", "Tips" etc.  
Und rechts entsprechend eine "Inhaltsseite", die kurz erklärt, was es auf meiner Homepage alles gibt.

Wenn sie dann auf die entsprechende Punkte im linken Frame klicken, soll sich auf der rechten Seite immer die entsprechende Seite öffnen - ist ja auch klar, wenn ich links auf "Reiseberichte" klicke, kommt rechts die Seite "Reiseberichte". Der Frame links soll immer stehen bleiben.

Okay und jetzt meine unverschämte Bitte nach genauen Befehlen:

Welchen Link setze ich von der Indexseite auf die nächste Seite? Doch wohl auf die Navigation, oder? Also ganz normal einen Link auf - ich nenne sie jetzt einfach - navigation.html. Richtig?

Steht sonst noch was bei der Navigation außer der Frame-Einteilung, wie Ihr sie mir vorgegeben habt? Muss ja wohl, denn es muss ja noch die Frame-Datei links und die Inhalts-Datei rechts geladen werden. Denn ansonsten hätte ich ja eine weitgehend leere Seite.

Muss ich dann noch Befehle in meine linke Frame-Datei (nenne ich einfach mal frame.html) eingeben?

Und in meine rechten Inhaltsdateien?

Ach ja, wenn Ihr schon dabei seid, könnt Ihr mir noch meine Reiseberichte schreiben.....    

Danke schon mal für Eure Bemühungen..

[Doc Snyder]

Hi GreyWolf,

der Verweis muss auf das Frameset gehen (NICHT auf die Navigation). Das Frameset lädt dann die vorgegeben Seiten in die beiden Frames ("navigation.html und blank.html um bei Tazmania´s Beispiel zu bleiben).

Die Links in deiner Navigation müssen auf auf das entsprechende Target verweisen (in Tazmania´s Beispiel: "content"), also z. B.:

<a href="blank.html" target="content">HOME[/url]

Alles klar? Schau dir nochmal den 2. Link von Cowgirl an. Da ist das wirklich sehr genau erklärt (mit Beispielen).

Gruß
Stephan

[Reinhold]

Hallo Grey Wolf,

in der Index-Datei setzt Du einen Link auf die Datei, die den Frameset enthält, ich nehme mal an Du meinst damit die Navigations-Datei. Diese Navigations-Datei lädt dann in den linken Frame das Menü, deshalb hat Scooby Doo es in seinem Beispiel auch menue.htm genannt. Diese Datei menue.htm mußt Du dann natürlich noch mit Leben füllen. In den rechten Frame lädt die Navigations-Datei dann die eigentliche Inhaltsseite bspw. inhalt.htm. Hier sollte zunächst mal eine Art Startseite angezeigt werden, und mit Mausklick auf die Menüpunkte im linken Frame menue.htm wählt der Benutzer aus, welche Datei im linken Inhaltsframe angezeigt wird.

Beispiel von Scooby Doo:
<frameset cols="120,*" border=0 frameborder=0 framespacing=0 noresize>
<frame marginheight="0" marginwidth="0" name="menue" src="menue.html" scrolling=auto>
<frame marginheight="0" marginwidth="0" name="inhalt" src="inhalt.html" scrolling=auto>
</frameset>

Wenn Du im linken Frame (name="menue") z.B. einen Menüpunkt Kalifornien hast, würde der Link z.B. so aussehen:
<a href="california.htm" target="inhalt">California[/url]

Wenn also jetzt ein Besucher auf den Menüpunkt California im menue-Frame klickt, wird die Seite california.htm in den rechten Inhalts-Frame (name="inhalt") geladen.

Alles klar???

[Doc Snyder]

Reinhold, du hast es besser erklärt als ich.

[Reinhold]

@Doc Snyder:
da haben sich unsere Postings wohl überschnitten. Hauptsache Grey Wolf behält bei den verschiedenen Beispielen jetzt noch den Überblick.  

[Scooby Doo]

Ich versuchs auch noch mal, auch wenn meine Vorredner schon gute Arbeit geleistet haben, mit etwas mehr Code:

Startseite, keine Frames (index.html):

Code: [Auswählen]

<html>
  <head>
    <title>Grey Wolfs USA-Seite</title>
  </head>

  <body>
    Willkommen auf meiner Seite....
    <img href="bild_auf_der_startseite.jpg" border=0>
    <a href="frames.html">hier geht's rein</a>
  </body>
</html>


Seite, die die Frames erstellt (frames.html):

Code: [Auswählen]

<html>
  <head>
    <title>Grey Wolfs USA-Seite</title>
  </head>

  <frameset cols="120,*" border=0 frameborder=0 framespacing=0 noresize>
    <frame marginheight="0" marginwidth="0" name="menue" src="menue.html" scrolling=auto>
    <frame marginheight="0" marginwidth="0" name="inhalt" src="inhalt.html" scrolling=auto>
  </frameset>
</html>

Seite mit der Navigation (menue.html):

Code: [Auswählen]

<html>
  <body>
     <a href="reisebericht_2000.html" target="inhalt">Reisebericht 2000</a>
     <a href="reisebericht_2001.html" target="inhalt">Reisebericht 2001</a>
     <a href="reisebericht_2002.html" target="inhalt">Reisebericht 2002</a>
  </body>
</html>

Seiten mit dem Inhalt (hier reisebericht_2000.html, reisebericht_2001.html usw.):

Code: [Auswählen]

<html>
  <body>
     1. Tag Los Angeles - Las Vegas
     blablabla
  </body>
</html>


Ganz wichtig ist in der Navigation der Zusatz target="inhalt". Klickt man auf den Link, wird das gewünschte dann im angegebenen Frame geladen, nämlich im Frame Inhalt - und das ist der Rechte.

Den Codestücken fehlt natürlich noch das Leben, aber alle Arbeit können wir dir ja nicht abnehmen (Hintergrundfarbe, Schriftfarbe, -größe, ...)

[GreyWolf]

Ja super,

vielen Dank.

Den Rest müsste ich hinbekommen - hoffe ich.

Muss Euch wohl mal einen ausgeben....

[Doc Snyder]

Hi Grey Wolf,

ich hoffe, du kommst bei den verschiedenen Versionen nicht durcheinander  

Muss Euch wohl mal einen ausgeben....

Ahh     . Hat aber wohl doch Scooby Doo mit dem genauen Quellcode verdient.

Gruß
Doc