|
Anwendungsbereiche von Rahmen
Entwicklern von HTML-Dokumenten steht eine ziemlich große Auswahl an Formen zur Anzeige von Informationen auf Seiten zur Verfügung. Text- und Grafikinformationen können mithilfe von Listen, Tabellen oder einfach mithilfe von Ausrichtungsparametern, dem Setzen horizontaler Linien und der Unterteilung in Absätze geordnet und organisiert werden. Manchmal reichen diese Funktionen nicht aus und dann müssen Sie das Browserfenster in separate Bereiche oder Frames aufteilen. In einer Reihe russischsprachiger Beschreibungen der HTML-Sprache wird anstelle des Begriffs Frames der Begriff Frames verwendet. Die Häufigkeit der Verwendung beider Begriffe ist ungefähr gleich.
Die Wahl einer Rahmenstruktur zur Darstellung von Informationen im WWW ist in folgenden Fällen gerechtfertigt:
- Verwalten Sie bei Bedarf das Laden von Dokumenten in einen der Unterbereiche des Browser-Anzeigefensters, während Sie in einem anderen Unterbereich arbeiten.
- Informationen an einer bestimmten Stelle im Anzeigefenster zu lokalisieren, die immer auf dem Bildschirm angezeigt werden müssen, unabhängig vom Inhalt anderer Teilbereiche des Bildschirms;
- um Informationen übersichtlich in mehreren angrenzenden Unterbereichen des Fensters darzustellen, die jeweils unabhängig voneinander angezeigt werden können.
Die angegebene Liste erschöpft nicht alle möglichen Anwendungsfälle von Frames, sondern hat empfehlenden Charakter.
Betrachten wir zunächst die typische Verwendung von Frames anhand von Beispielen realer HTML-Dokumente und wenden uns dann den Regeln für die Entwicklung von Dokumenten zu, die Frames enthalten.
In Abb. Abbildung 5.1 zeigt eine der HTML-Seiten der Agentur Finmarket, die sich auf die Bereitstellung von Informationen über die Finanz- und Aktienmärkte Russlands spezialisiert hat.
Reis. 5.1. Ein typisches Webdokument mit Rahmenstruktur
Diese Seite teilt das Browserfenster in drei Frames. Der untere Teil des Fensters nimmt 20 % der Höhe des gesamten Fensters ein und enthält permanente Informationen, in diesem Fall ein grafisches Menü, über das Sie jederzeit auf die wichtigsten Abschnitte zugreifen können. Dieser Rahmen kann seine Größe nicht anhand von Benutzerbefehlen ändern und verfügt über keine Bildlaufleisten. Der obere Teil des Fensters (der 80 % der Höhe ausmacht) ist horizontal in zwei Rahmen unterteilt. Der linke Rahmen enthält das Inhaltsverzeichnis der Dokumente, die vom Benutzer angezeigt werden können. Der rechte Rahmen, der den größten Teil des Sichtfensters einnimmt, dient der Darstellung der Dokumente selbst. Beim ersten Laden teilen diese beiden Frames das Browserfenster horizontal in einem Verhältnis von 15 % zu 85 %. Dieses Verhältnis kann vom Benutzer während der Anzeige geändert werden, sodass Sie die optimale Bildgröße unter Berücksichtigung des Inhalts der geladenen Dokumente auswählen können. Jeder dieser Rahmen verfügt über eine eigene Bildlaufleiste, sodass Sie den gesamten Inhalt des Rahmens anzeigen können, unabhängig von der Größe des Rahmens selbst, des gesamten Browserfensters oder der verwendeten Schriftarten. Wenn Sie im linken Frame einen Link auswählen, wird das entsprechende Dokument im rechten Frame geladen. Diese Struktur ermöglicht es Ihnen, gleichzeitig das Inhaltsverzeichnis von Dokumenten und den Inhalt des ausgewählten Dokuments auf dem Bildschirm anzuzeigen.
Hier ist ohne Erklärung ein Fragment des HTML-Codes, der zum Erstellen eines Dokuments mit dieser Struktur verwendet wurde:
Dieses Beispiel zeigt die typischste Verwendung von Rahmenstrukturen, wobei ein Rahmen als Inhaltsverzeichnis für Dokumente dient und ein anderer zum Laden der Inhalte verwendet wird. Die Lösung eines solchen Problems ohne Verwendung von Frames erfolgt normalerweise wie folgt. Auf einer der Seiten befindet sich ein Inhaltsverzeichnis, bestehend aus Links zu anderen Dokumenten oder deren einzelnen Fragmenten. Wenn Sie auf einen solchen Link klicken, verschwindet das Inhaltsverzeichnis und an seiner Stelle wird das gewünschte Dokument geladen, nach dessen Lektüre Sie normalerweise zum Inhaltsverzeichnis zurückkehren müssen. Bei der Verwendung von Frames entfällt dieser Rücksprung, da sich das Inhaltsverzeichnis immer auf einem Teil des Bildschirms befindet.
Sie können es im Internet finden
Website der elektronischen Ausgabe des beliebten Adress- und Telefonverzeichnisses „All Petersburg“ in St. Petersburg.
Die elektronische Version des Verzeichnisses finden Sie unter http://www.allpetersburg.ru und ermöglicht es Ihnen, die erforderlichen Informationen basierend auf Benutzeranfragen zu finden. Diese Dokumentseite hat ebenfalls eine Rahmenstruktur und besteht aus zwei Rahmen, von denen der erste 100 Pixel breit ist und der zweite die gesamte verbleibende Breite des Ansichtsfensters einnimmt. Der auf der linken Seite befindliche Rahmen dient einem ständig auf dem Bildschirm angezeigten grafischen Menü und enthält außerdem das Firmenlogo von Nevalink. Der zweite Rahmen enthält das Dokument, in diesem Fall ein Benutzeranfrageformular. Der Aufbau dieser Seite wird durch den folgenden HTML-Code definiert:
Frames sind Tabellen sehr ähnlich – beide unterteilen das Browserfenster in rechteckige Bereiche, in denen sich einige Informationen befinden. Mit Hilfe von Frames können Sie jedoch nicht nur das Problem der Formatierung von Dokumentseiten lösen, sondern auch die Interaktion zwischen ihnen organisieren. Der grundlegende Unterschied zwischen Frames und Tabellen besteht darin, dass jeder Frame über ein eigenes separates HTML-Dokument verfügen muss, der Inhalt aller Tabellenzellen jedoch immer Teil desselben Dokuments ist. Darüber hinaus kann die im Frame angezeigte Seite unabhängig von den anderen angezeigt werden. Jeder Frame ist im Wesentlichen ein separater „Mini-Browser“. Im Gegensatz zu Rahmen, deren gesamte Struktur immer auf dem Bildschirm dargestellt wird, passen Tabellen möglicherweise nicht vollständig in das Fenster und können nur in Teilen angezeigt werden. Daraus folgt, dass, wenn in HTML-Tabellen die Gesamtzahl der Zellen praktisch unbegrenzt ist und mehrere Hundert erreichen kann, die Anzahl der Frames in einem Dokument normalerweise mehrere Einheiten nicht überschreitet.
Beratung
Wenn Sie ein Dokument nur formatieren müssen, reicht es aus, sich auf die Verwendung von Tabellen zu beschränken. Wenn Sie komplexere Probleme lösen müssen, beispielsweise die Interaktion zwischen Fensterteilbereichen organisieren oder Teilbereiche erstellen möchten, die dauerhaft auf dem Bildschirm angezeigt werden, ist die Verwendung von Rahmen sinnvoll.
Letztendlich hängt die Wahl der Dokumentenstruktur – tabellarisch oder rahmenförmig – von vielen Faktoren ab und kann nicht eindeutig vorherbestimmt werden.
es gibt auchSeiten, die ähnlich aufgebaut zu sein scheinen wie die vorherigen. Zum Beispiel können Sie nehmen Seite einer sehr beliebten weltweiten Sammlung von Softwareprodukten, die hauptsächlich für die Arbeit mit dem Internet entwickelt wurden. Serveradresse http://www.tucows.com. Beachten Sie, dass der Name des Servers durch eine Abkürzung bestimmt wurde, die von der Abkürzung des vollständigen Namens der Sammlung abgeleitet ist – The Ultimate Collection of Winsock Software. Da sich herausstellte, dass die Abkürzung tucows mit der Phrase zwei Kühe (zwei Kühe) übereinstimmt, enthalten die Serverseiten häufig Bilder von Kühen, und die Bewertung von Softwareprodukten wird anhand der Anzahl der Muhgeräusche („Muh“) geschätzt und grafisch dargestellt als Reihe der entsprechenden Anzahl Kühe. Die meisten Serverseiten sind auf die gleiche Weise aufgebaut – auf der linken Seite des Fensters befindet sich eine Liste der verfügbaren Abschnitte und auf der rechten Seite eine Liste der Softwareprodukte für den ausgewählten Abschnitt. Auf den ersten Blick sollte der Aufbau des Dokuments ungefähr so aussehen wie in den vorherigen Beispielen. Dieses Dokument verwendet jedoch keine Frames! Diese Seite wird mithilfe einer Tabelle erstellt, die nur aus einer Zeile mit zwei Zellen besteht. Die Tabelle hat keinen Rahmen und dient lediglich der Formatierung der Seite. Der Eindruck einer vertikalen Zweiteilung des Bildschirms entsteht durch die Verwendung einer Hintergrundgrafik mit einer vertikalen Linie anstelle eines Tabellenrasters. Sie können dies überprüfen, indem Sie die Seite anzeigen, ohne Bilder zu laden. Die Verwendung einer Tabelle ist hier offenbar auf Überlegungen zur besseren Zugänglichkeit von Dokumenten zurückzuführen, da Frames nicht die Anzeige in allen Browsern ermöglichen.
Der Nachteil dieses Ansatzes besteht in diesem Fall darin, dass die gesamte Liste der Abschnitte (linke Seite der Seite) in jedem Dokument wiederholt werden muss, was die Dateigröße leicht erhöht.
Ein Vergleich der obigen Beispiele zeigt, dass die Verwendung von Tabellen und Rahmen manchmal austauschbar sein kann und von den Wünschen der Entwickler bestimmt wird. Beachten Sie, dass es beim Betrachten einer Seite, auf der ein Dokument angezeigt wird, oft unmöglich ist, festzustellen, wie es aufgebaut ist. Der Endbenutzer muss die interne Struktur des Dokuments nicht kennen, aber wenn er seine eigenen Webseiten entwickelt, wäre es äußerst nützlich, sich mit dem Quellcode vorhandener Dokumente vertraut zu machen. Im ersten Beispiel (siehe Abb. 5.1) ist die Rahmenstruktur des Dokuments sofort sichtbar – das Vorhandensein zweier vertikaler Bildlaufleisten weist bereits auf das Vorhandensein einzelner Rahmen hin. Die folgenden beiden Beispiele sehen sehr ähnlich aus und es lässt sich nicht feststellen, dass das erste mithilfe von Frames und das zweite anhand von Tabellen erstellt wurde. Unterschiede treten nur dann auf, wenn mit ihnen gearbeitet wird. Im Beispiel eines Telefonbuchs bleibt beim Scrollen eines Dokuments der linke Teil des Fensters an Ort und Stelle, was nur möglich ist, wenn eine Rahmenstruktur vorhanden ist. Im folgenden Beispiel (eine Sammlung von Softwareprodukten) wird durch Scrollen der gesamte Inhalt des Fensters verschoben.
Sie können die Dokumentstruktur anzeigen, wenn Sie mit dem Netscape-Browser arbeiten, indem Sie den Eintrag „Seiteninfo“ (in den Versionen 3.x des Netscape-Browsers hieß dieser Menüpunkt „Dokumentinfo“) des Menüs „Ansicht“ (Abb. 5.2) verwenden.
Reis. 5. 2
.
Ansichtsmenü des Netscape-Browsers
Darüber hinaus können Sie jederzeit den HTML-Quellcode des gesamten Dokuments anzeigen, indem Sie das Element „Seitenquelle“ im Menü „Ansicht“ verwenden (oder das Element „Frame-Quelle anzeigen“ im Kontextmenü mit der rechten Maustaste, um den HTML-Code des geladenen Dokuments anzuzeigen ausgewählten Rahmen).
Beratung
Sie sollten die Verwendung von Frames nicht unnötig missbrauchen und ihre Anzahl sollte drei oder vier nicht überschreiten.
Auf echten Seiten im Internet sieht man oft folgende Fälle der Verwendung von Frames:Zwei benachbarte Rahmen werden zum Laden von Dokumenten verwendet, die bequem gleichzeitig angezeigt und miteinander verglichen werden können. Jedes der beiden in Frames geladenen Dokumente verwendet eine tabellarische Form zur Darstellung von Informationen. Aufgrund dieser Datenorganisation kann jede der beiden Tabellen separat angezeigt (oder gedruckt) oder im Vergleich zueinander untersucht werden.
Alle in diesem Abschnitt aufgeführten Beispiele stammen von den Seiten beliebter WWW-Server und können möglicherweise als Beispiele für die Verwendung von Frames in HTML-Dokumenten dienen.
In den folgenden Abschnitten dieses Kapitels werden Regeln zum Schreiben von Dokumenten behandelt, die Frames enthalten.
Regeln zur Beschreibung von Frames
Betrachten wir nun die Regeln zum Schreiben von Tags, die für Dokumente mit Rahmenstrukturen verwendet werden.
Schauen wir uns zunächst den vollständigen HTML-Code an, der ein Dokument mit Frames mittlerer Komplexität erstellt:
<![CDATA[
</p>
<p>]]>
In diesem Beispiel wird die in Abbildung gezeigte gerahmte Seite erstellt. 5.3. Wie Sie sehen, definiert dieser HTML-Code vier Frames. Der obere Rahmen erstreckt sich über die gesamte Seitenbreite und enthält die Überschrift. Als nächstes folgen zwei zentrale Rahmen, von denen einer auf der linken Seite liegt und 25 Prozent der Bildschirmbreite einnimmt und der zweite den restlichen Platz einnimmt. Das letzte, vierte Bild nimmt das untere Viertel des Bildschirms ein. In jeden Frame wird ein separates HTML-Dokument geladen, dessen Name durch den SRC-Parameter bestimmt wird.
Wie aus dem Beispiel hervorgeht, werden Tags verwendet, um die Struktur von Frames zu beschreiben |
