xxandreaxx
Feb 09, 2008, updated at 21:54:16 (UTC)
view7871
view6
0
Goto Top

Frage zur Verlinkung Inhalte mit Frames

GermansolvedQuestionHTMLDevelopment
Hallo alle miteinander!

Ich habe ein wahnsinniges Problem und weiß nicht, wie ich es angehen soll. Im Internet selber finde ich nichts, was mich weiterbringen könnte, bzw. kann ich mit den Inhalten nicht umgehen.
Ich habe ein kleines Beispiel erstellt, damit ich mein Problem besser erläutern kann:
Ich habe eine Seite, die ich nicht hochladen will! Zuerst habe ich eine Framedatei erstellt:

Pfad: C:\ich\Probe\Frames.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  
<html>
<head>
</head>
<frameset rows="100,*">  
<frame src="top.htm" name="top" scrolling="no" noresize>  
<frameset cols="200,*">  
<frame src="left.htm" name="left">  
<frame src="content.htm" name="content">  
</frameset>
</frameset>
</html>


Dann das Inhaltsverzeichnis:

Pfad: C:\ich\Probe\Inhalt.html

<HTML> 
<HEAD> 
<Meta HTTP-EQUIV="content-type" content="text/html; charset=iso-8859-1">   
<Title> 
</Title> 
</HEAD> 
<BODY bgcolor="99FF99" link="blue" alink="blue" vlink="blue">  
<basefont face="Arial">  
<b>
<a href=“C:\ich\Probe\Dies und Das.html>Dies und Das</a><br>
<a href=“C:\ich\Probe\Neuigkeiten.html>Neuigkeiten</a><br>
<a href=“C:\ich\Probe\Über uns.html>Über uns</a><br>
</b>
</BODY> 
</HTML>


Dann die Indexseite:

Pfad: C:\ich\Probe\Index.html

<HTML> 
<HEAD> 
<Meta HTTP-EQUIV="content-type" content="text/html; charset=iso-8859-1">   
<Title> 
</Title> 
</HEAD> 
<BODY>
<basefont face="Arial">  
Hallo und herzlich Willkommen auf <br>
<font color=“red“><b>meiner neuen HP</b></font><br>
</BODY> 
</HTML>


Und dann eine Unterseite (Neuigkeiten):

Pfad: C:\ich\Probe\Neuigkeiten.html

<HTML> 
<HEAD> 
<Meta HTTP-EQUIV="content-type" content="text/html; charset=iso-8859-1">   
<Title> 
</Title> 
</HEAD> 
<BODY>
<basefont face="Arial">  
01.01.2008 – Ich habe eine neue Internetseite! :-)
</BODY> 
</HTML>
Jetzt ist mein Problem, dass ich gerne das Inhaltsverzeichnis fest im Leftframe hätte (Logo im Topframe, ist aber nicht so wichtig), die Indexseite als Startseite (logisch!) und dass sich halt die Unterseiten im Mainframe öffnen, wenn ich die Links im Leftframe anklicke. Das verlinken an sich ist nicht das Problem, aber ich weiß nicht, auf welcher Seite ich die Hauptkomponenten mit den Frames verlinken soll. Also dass alles dann zusammen auftaucht, wenn ich auf die Startseite gehen will. Welche Seite muss ich überhaupt anklicken, um alles gleichzeitig öffnen zu können? Die „Frames.html“?

Ich hoffe, ihr versteht mein Problem und könnt mir vielleicht weiterhelfen. Denn das Blöde an der Geschichte ist, dass ich das für meine Firma, wo ich gerade erst die Ausbildung begonnen habe, machen muss und ich wirklich die Einzige bin, die wenigstens einen kleinen Funken Ahnung von HTML hat... Und jetzt macht mir der Betrieb voll Druck, weil das als einfache Benutzeroberfläche dienen soll, wenn wir dieses Frühjahr eine Prüfung haben und unsere Prüfungsunterlagen dann da fertig sein müssen. face-sad

Ich würde mich wirklich riesig freuen, wenn mir jemand helfen könnte! Stehe nämlich voll auf dem Schlauch!! Wäre auch super, wenn diejenigen dann die oben genannten Bsp.-Codes nehmen könnten, check das nämlich sonst noch nicht so, bin halt noch ein Newbie. face-wink

Vielen lieben Dank im Voraus!!

Liebe Grüße,
Andrea
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 80320

Url: https://administrator.de/contentid/80320

Printed on: April 23, 2024 at 22:04 o'clock

6 Comments
Latest comment
Goto Top
Member: Petrof
Petrof Feb 09, 2008 at 12:54:21 (UTC)
Goto Top
Hallo,

http://de.selfhtml.org/

Gruß
Peter
Member: xXAndreaXx
xXAndreaXx Feb 09, 2008 at 13:06:00 (UTC)
Goto Top
Ja, die Seite hatte ich auch schon gefunden und wurde bestimmt schon 1000x drauf verwiesen, aber ich habe auch schon vorher gesagt, dass ich damit nichts anfangen kann, weil das zu sehr verschachtelt ist und ich damit nicht klarkomme. Also Danke für den Tipp, leider werde ich nur immer dadrauf verwiesen und kriege trotzdem nie die Antwort, die ich haben wollte. face-sad
Member: Petrof
Petrof Feb 09, 2008 at 13:16:43 (UTC)
Goto Top
Hallo,

http://de.selfhtml.org/html/frames/index.htm

Also "noch" besser kann das niemand erklären.
Ein wenig einlesen und ausprobieren sollte doch nicht zu viel verlangt sein.


Gruß
Peter
Member: xXAndreaXx
xXAndreaXx Feb 09, 2008 at 13:35:16 (UTC)
Goto Top
Ach, Mensch, ich lese da seit 3 Wochen drin rum, probiere aus, es klappt nicht. Da es aber scheinbar zu viel verlangt ist, einem einen einfachen Link-Tag und die Stelle, wo der eingefügt werden muss, zu geben, lass ich es ganz sein. Deswegen kann dieses Thema geschlossen werden.

P.S. Peter, nimms nicht persönlich, aber ein Forum bringt echt nichts, wenn man immer nur auf die gleiche Seite verwiesen wird, obwohl man sagt, dass man mit den Inhalten nicht klar kommt. Dazu brauch ich auch kein Pro zu sein, um eine URL angeben zu können...
Member: Dani
Dani Feb 09, 2008 at 19:08:24 (UTC)
Goto Top
Abend Andrea,
ich habe eben mal die SelfHTML Seite angesehen. Ruf einfach mal den Link auf und klicke im Menü auf Verweise bei Frames an. Da wird genau dein Problem geschildert / erklärt.
Bessere Seite kenne ich nicht!

Da es aber scheinbar zu viel verlangt ist, einem einen einfachen Link-Tag und die Stelle, wo
der eingefügt werden muss, zu geben, lass ich es ganz sein. Deswegen kann dieses Thema
geschlossen werden.
Sind wir ein bisschen ungeduldig?! *liebguck* Soweit ich das sehe, hast du heute Mittag diesen Beitrag geschrieben und erwartest am Abend eine vollkommende Lösung?! Also am WE ist hier wenig los, sprich es kann schon mal bis Montag oder Freitrag dauern. Aber in 95% aller Fälle finden wir eine Lösung. face-smile Also Kaffee kochen, ins Zimmer einschließen und nochmal versuchen! face-wink

Gruß
Dani
Member: Arano
Arano Feb 09, 2008 at 21:54:13 (UTC)
Goto Top
Nabend zusammen,
ich habe da mal etwas vorbereitet *fg*

Nein, sorry aber zuerst muss ich noch mal etwas anderes loswerden:
Auch wenn ich selbts kein Fan davon bin andere User nur auf gewisse Suchmaschienen oder Refferenzseiten weiterzuleiten weil ich ebenfals der Ansicht bin das man dazu kein Forum o.ä. benötigt.
Aber dennoch verstehe ich nicht warum dir die Links von Peter (Petrof) nicht weiter helfen konnten !?
Mit diesem http://de.selfhtml.org/html/frames/index.htm Link kommt man auf eine Seite mit __nur__ fünf weiteren Links, einer davon nennt sich "Verweise bei Frames" (man beachte die Ähnlichkeit zum Thema), folgt man ihm kommt man auf eine Seite bei der der erste Satz folgender ist:
Wenn Sie mit Frame-Sets arbeiten, werden Sie häufig in einem Frame-Fenster Verweise anbieten wollen, bei derem Anklicken das Verweisziel in einem anderen Frame-Fenster angezeigt werden soll.
Mit einer folgenden, fast schritt für schritt Erklärung inklusieve HTML-Beispielen !
??

Naja, wie dem auch sei !
Da mein Beitrag, würde ich ihn so lassen, zu denen gehören würde die ich selber nicht mag und ich fürchte bei dem Versuch es zu erklären scheitern würde, s.o. Habe ich es doch mal eben getippt !

Sofern ich dich richtig verstanden habe, bist du auf der Suche nach dem target-Attribut eines Verweises (<a>). Mit diesem kann man das Ziel des Links in einem angegebenem Frame öffnen lassen.
Im target-Attribut wird dazu der Name des Ziel-Frames geschrieben.
Der Frame wirderum bekommt duch das name-Attribut seinen Namen zugewiesen.

Ich habe deine Quelltexte von oben verwended und teilweise ein bisschen geändert bzw. die "Startseite" so abgeändert wie ich es machen würde.
(Bei meinem Anfang waren meine Quelltexte auch fast unleserlich, mit der Zeit und wachsender Erfahrung entwickelt man sich eben und gewöhnt isch das eine oder andere an face-wink )

Eins davon wäre z.B. das groß bzw. klein schreiben von HTML-Tags. Sicher ist (!) man sollte sich für eines der beiden entscheiden(!), also entweder groß (<HTML>) oder klein (<html>) geschrieben, ABER __nicht__ gemischt. Das ist einfach lesbarer. Hier liegt die Entscheidung ganz bei dir für welches der beiden du dich entscheidest.

Noch etwas wären Datei- und Verzeichnisnamen, hier sollte man sich an die Zeichen a-z, 0-9 Binde- und Unterstrich (-_) halten und auf jegliche Umlaute sowie Sonderzeichen (inkl. "leerzeichen") verzichten !

So, nun aber wieder zu deinem Problem:
Einer deiner Fragen war, wie du alles miteinander Verlinken sollst !?
Nun, dazu diehnt das Framset das du erstellt hast, diese Datei solte "index.html" heißen weil sie sozusagen die Zusammenfasung ist.
Wenn im Internet ein Verzeichnis aufgerufen wird, wird darin nach eine Datei namens "index.htm","index.html","default.htm" oder "home.htm" gesucht und beim finden angezeigt, am gängigsten ist es glaube ich sie "index" zu nennen (ob *.htm oder *.html ist glaube ich egal)

__index.html__
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">  
<html>
  <head>
    <title>Betrieb so und so</title>
  </head>
  <frameset rows="100,*">  
    <frame src="./header.html" name="top" scrolling="no" noresize>  
    <frameset cols="200,*">  
      <frame src="./navi.html" name="left">  
      <frame src="./start.html" name="content">  
    </frameset>
  </frameset>
</html>
Man beachte hier die Namen der Frames ("top","left","center")

__header.html__
<HTML>
  <HEAD> 
    <Meta HTTP-EQUIV="content-type" content="text/html; charset=iso-8859-1">   
    <Title>header</Title>
    <style type="text/css">  
      <!--
        .website_titel { color:#990000; font-size:22px; font-weight:bold; font-family:Comic Sans MS; }
      -->
    </style>
  </HEAD> 
  <BODY>
  
    <span class="website_titel">  
      www.betrieb.de
    </span>
    
  </BODY> 
</HTML>
Der Inhalt dieser Datei wird im oberem Frame angezeigt und bildet die Kopfzeile (den sogenannten "header")

__navi.html__
<HTML>
  <HEAD> 
    <META HTTP-EQUIV="content-type" content="text/html; charset=iso-8859-1">   
    <Title>Navigation</Title> 
  </HEAD> 
  <BODY bgcolor="99FF99" link="blue" alink="blue" vlink="blue">  
  
    <basefont face="Arial">  
      <b>
        <a href="./start.html"     target="content">Startseite</a><br>  
        <a href="./news.html"      target="content">Neuigkeiten</a><br>  
        <a href="./ueber_uns.html" target="content">Über uns</a><br>  
        <br>
        <a href="./start.html"     target="top">Startseite im Header</a><br>  
        <a href="./header.html"    target="top">Header im Header</a><br>  
      </b>
    </basefont>
    
  </BODY> 
</HTML>
Diese Datei ist im linken Frame zusehen und enthält die Navigation. Habe zwei weitere Links hinzugefügt um ein weiteres Beispiel für das taget-Attribut geben zu können.
Die Zieldateien der ersten drei Links werden im dem Frame mit dem Namen "content" geöffnet.
Der vierte Link öffnet die Startseite, aber nicht im "content"-Frame sondern im "top"-Frame, also im oberem Frame wo normalerweise der Header ist. Der fünfte und letzte Link öffnet den Header wieder im "top"-Frame um wieder Ordnung zu schaffen face-wink

__start.html__
<html>
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">   
    <title>Startseite</title> 
    <style type="text/css">  
      <!--
        h3                { font-zize:20px; }
        p                 { color:#000000; font-size:15px; }
        a:link, a:visited { color:#990000; text-decoration:underline; }
        a:hover,a:active  { color:#00CCFF; text-decoration:underline; }
        .gruener_text { color:#00ff00; }
      -->
    </style>
  </head>
  <body>

    <h3>Startseite</h3>
    <p>
      Hallo und herzlich Willkommen auf <br>
      <span class="gruener_text">meiner neuen HP</span><br>  
      <br>
      <a href="http://arano.redio.de" title="Eine freundlicher Helfer">ein schoener link</a>  
    </p>
    <p>
      Ein eitere Absatz mit <span class="gruener_text">gr&uuml;nem Text</span><br>  
      <br>
      <a href="http://arano.redio.de" title="Eine freundlicher Helfer">ein schoener link</a>  
    </p>
  
  </body> 
</html>
Die Startseite, sie wird, so wie es im Frameset definiert ist, standart mäßg beim Aufrugf der Seite im Hauptframe (content) angezeigt. Wie du vieleicht schon erkennst ist dieses Dokument durch "meine" Art der Formatierung lesbarer (find ich jedenfalls).
Hinzu kommt, das ich hier für das gestalten der Inhalte CSS http://www.css4you.de verwended habe. Das mag dich vieleicht noch mal erschreiken, aber es ist wirklich sinvoll CSS zu verwenden da es die Designangaben von den Inhalten trennt. Als Beispiel enthält diese Seite zweimal einen grünen Text, die CSS definition dazu (".gruener_text") existiert aber nur einmal ! Das vereinfacht natürlich auch bei der wiederverwendung grüner Texte die Handhabung weil nur noch der Name einer sogenannten CSS-Klasse (class-Atribut) vergeben werden muss/kann.

__news.html__
<HTML> 
  <HEAD> 
    <Meta HTTP-EQUIV="content-type" content="text/html; charset=iso-8859-1">   
    <Title>News</Title> 
  </HEAD> 
  <BODY>
  
    <h3>Neues</h3>
    <basefont face="Arial">  
      01.01.2008 – Ich habe eine neue Internetseite! :-)
    </basefont>
    
  </BODY> 
</HTML>
__ueber_uns.html__
<HTML>
  <HEAD> 
    <Meta HTTP-EQUIV="content-type" content="text/html; charset=iso-8859-1">   
    <Title>&Uuml;ber uns</Title> 
  </HEAD> 
  <BODY>
  
    <h3>&Uuml;ber uns</h3>
    <basefont face="Arial">  
      Etwas &uuml;ber mich oder unseren Betrieb.
    </basefont>
    
  </BODY> 
</HTML>
Man beachte den Dateinamen face-wink

So, das wars jetzt aber auch endlich !
Jetzt musst du nur noch die Quelltexte der Dateien kopieren, in Dateien speichern und die "index.html" aufrufen.
(Aufpassen das du die Dateien so nennst wie ich sie betitelt habe weil sont die Links nicht mehr stimmen).

Schönen Gruß und Sonntag
Tobias (Arano)
GermansolvedQuestionHTMLDevelopment
Hotly discussed
gleixnerdCheck of ZFW Firewallgleixnerd - 5 CommentsjstrickerWireguard VPN on UDM Pro behind Fritzbox - Handshake did not completejstricker - 3 CommentsAlexWishaHow to set up and configure a Linux GRE tunnelAlexWisha - 3 Comments