Ein Rahmen ist was? Struktur und Erstellung von Frames

Wird geladen ...

Ein Frame ist ein Bereich auf einer Site (Fenster), in dem eine andere Webseite sichtbar ist. Webmaster nutzen diese Gelegenheit, um die Hauptseite der Site ihrer Freunde oder Partner zu präsentieren. Dieselbe Technik wird verwendet, um die Suchmaske in den Fenstern und ihrem Ergebnis anzuzeigen, und so weiter.

Aber im Grunde werden Frames verwendet, um große Webportale zu erstellen, wo viele Menüpunkte und Untermenüs benötigt werden. Über diese sagen normalerweise: "Seite auf den Rahmen." Um eine solche Ressource zu erstellen, sind gute Kenntnisse der HTML-Sprache erforderlich.

Erstellen von Frames im Site Builder

In einigen Website-Designern wird die automatische Generierung eines solchen Codes bereitgestellt. Normalerweise befindet sich die Schaltfläche zum Hinzufügen eines Rahmens im Hauptmenü des Programms. Zuerst müssen Sie den Cursor an der gewünschten Stelle auf der Seite platzieren, dann klicken Sie auf die Schaltfläche, das Fenster öffnet sich (wie im Screenshot gezeigt). Darin können Sie die Adresse der Seite festlegen, die im Rahmen geöffnet wird, und die Abmessungen anpassen: Breite und Höhe.

Aber im Grunde werden Frames verwendet, um große Webportale zu erstellen, wo viele Menüpunkte und Untermenüs benötigt werden. Über diese sagen normalerweise: "Seite auf den Rahmen." Um eine solche Ressource zu erstellen, sind gute Kenntnisse der HTML-Sprache erforderlich.

Rahmung

Mit Hilfe dieses "Dienstes" ist es möglich, mehrere Frames auf der Seite zu erstellen, das sind nur die verbundenen Elemente, die Sie nicht bekommen.

Rahmen in CMS

Viele Programme zum Erstellen von Websites bieten die Möglichkeit, das entsprechende Modul zu installieren. Zum Beispiel für den Joomla-Rahmen ist dies das "Wrapper" -Modul.

umrahmen dies

Es kann im Control Panel CMS Jumla gefunden und erstellt werden: "Extensions" - "Manager Module" - "Create" (runde Schaltfläche orange mit einem Pluszeichen innen). Im Popup-Fenster in der Liste sehen Sie das Modul "Wrapper".

Wenn er nicht hier ist, dann ist es nicht enthalten. Um es zu verwenden, müssen Sie es zuerst hier aktivieren: die Registerkarte "Erweiterungen", dann "Extension Manager", dann die Registerkarte "Verwalten". Und schauen Sie in die sich öffnende Liste, Sie können im Feld "Filter" das Wort: Wrapper für eine schnelle Suche eingeben. Gegenüber diesem Modul sollte ein grünes Symbol mit einem Häkchen nach innen sein. Ein roter Kreis mit einem Punkt im Inneren zeigt an, dass das Plugin ausgeschaltet ist.

Wird geladen ...

Nach diesem Vorgang können Sie zum "Module Manager" zurückkehren, einen Rahmen erstellen und seine Parameter einstellen.

Was ist ein Rahmen?

Wie Sie auf dem Bild sehen können, können Sie im Modul festlegen: die Kopfzeile über dem Rahmen, die Position des Moduls, wählen Sie die Seiten der Website, auf der es angezeigt werden soll. Und justieren Sie auch die Breite, die Höhe; fügen Sie einen Rahmen und den tatsächlichen Link zur Webseite hinzu. Wenn Sie im Rahmen die Hauptseite einer beliebigen Site mit voller Breite anzeigen möchten, ist 100% (standardmäßig installiert) nicht ausreichend. Sie können sofort 400% setzen. 200-Höhen reichen normalerweise aus, um das oberste Menü anzuzeigen. Der gesamte Rest des Inhalts wird sichtbar, wenn der Benutzer (der Site-Besucher) die Bildlaufleiste verwendet.

Hier ist ein Beispiel für einen Rahmen in Jumla.

Frames Beispiele

Das Jumla-Modul zum Erstellen eines Rahmens ist sehr praktisch und einfach zu bedienen. Seine Fähigkeiten sind jedoch begrenzt, ebenso wie die Fähigkeiten des Designers.

Geschichte und Realität

In der Praxis, Sites aus Frames zu erstellen, ist dieses Tag (seine Anwendung) seit langem zweitrangig geworden. Sie waren in der Lage, Module, Einstellungen in den Designer-Programmen, die Code für die Webseite generieren, ohne die Teilnahme des Site-Builders zu ersetzen. In einigen Fällen ist dies jedoch nicht genug. Zum Beispiel, wenn ein Frame eine integrale komplexe Struktur der im Browser angezeigten Bereiche ist. So sehen die Eigentümer die Komplexität strukturierter Sites. Auf seine Erstellung sind nur in extremen Fällen, weil Frameys Websites ausschließlich mit Hilfe von spezialisierten Tags erstellt werden.

Komplexe strukturierte Websites

Für sie ist die Erstellung mehrerer zusammenhängender Frames die optimale Lösung, um Inhalte auf den Seiten der Ressource zu organisieren. Das sind in der Regel große Portale, die jedes Jahr mehr und mehr wachsen.

Wie erreiche ich das gleiche Ergebnis? Wie erstelle ich eine Rahmenstruktur?

Rahmenstruktur

Wie schreibe ich einen Rahmen in den Seitencode?

Frames in HTML werden mithilfe von Tags hinzugefügt:

  • Rahmen (für ein separates Fenster);
  • frameset (es erstellt mit Hilfe eine ganze Struktur);
  • iframe ("schwebender" Rahmen);
  • noframes (falls der Rahmen nicht im Browser des Benutzers angezeigt wird).

Das erste angegebene Tag passt immer in das Paar и . Und es ersetzt и . Und mit den entsprechenden Attributen können Sie die Eigenschaften der einzelnen Elemente einstellen: Name (name =), Größe (cols = und rows =), das Vorhandensein des Rahmens (Grenze), die Form der Bildlaufleiste und, natürlich, ein Link zu einer Webseite anzuzeigen.

Design-Variationen

Die ganze Seite der Website kann in Bereiche unterteilt werden. Zum Beispiel:

Links

Oberer Rahmen

Rechts

Eine solche Struktur (es wird nested genannt) kann durch das Schreiben einer Markierung erhalten werden, im Inneren cols Attribut, die den Ort des horizontalen Rahmens und Reihen - in vertikaler Richtung. Das nächste ist das Zeichen = und die Dimensionen werden geschrieben. Zum Beispiel 60%, 40% - Anteil (ein Fenster nimmt 60% Raum-Browser eines anderen bzw. 40%). Oder 100, 200 - das Seitenverhältnis in Pixeln. Die Größe eines der Frames kann überhaupt nicht eingestellt werden (es wird standardmäßig installiert). Um dies zu tun, müssen Sie ein * nach dem Komma oder danach angeben.

Innerhalb dieses Paares registriert Frameset jeden Frame mit den Parametern: src =, dann wird in Anführungszeichen eine Verbindung zur Webseite und Name = mit der Überschrift (zum Beispiel der Frame 1) gegeben.

Die Verschachtelung jedes neuen Bereichs wird durch das neue Frameset angezeigt.

Beispielcode:

Beachten Sie, dass in unserem Beispiel für Frames der zweiten und dritten Dimension nur einmal geschrieben wird.

Viele zadumok erlauben Ihnen, Rahmen auszuführen. Beispiele für ihre Position im Browserfenster können endlos eingefügt werden (Ändern des Codes entsprechend). Diese Information findet jedoch lange Zeit keine praktische Anwendung. Frames, wenn sie heute beim Erstellen von Websites verwendet werden, dann nur in Form von Modulen im freien CMS oder in Form von iframe.

Schwimmender Rahmen

Website auf Frames

Es ist seltsam, warum er diesen Namen bekommen hat, das Wort "eingebaut" ist hier besser geeignet. Dieser Rahmen wird erstellt, um den Inhalt einer Datei anzuzeigen. Sie laden ein beliebiges Dokument oder eine Datei in die Datenbank, verwenden die Tags des ayframe, um den Pfad dazu zu registrieren - und die Besucher sehen den Text der Datei (Video oder Bild). Leider zeigen Browser Inhalte nicht immer an. Um dies zu tun, geben Web Builder die Phrase zwischen dem öffnenden und schließenden Tag ein: "Ihr Browser zeigt den Inhalt nicht an."

Zum Beispiel ist Seopult.ru ein bekannter Service für Promotionmaster. Nicht seine Hauptseite, sondern I.seopult.pro Spiegel, erstellt für Portal-Kunden. Der Code des Ayframe ist hier geschrieben:

  • Unterricht
  • . Wo tag

  • Erstellt, um ein Listenelement zu definieren. Unterstützt von allen Browsern.

    Auf der Seite des Spiegels können Sie das Wort "Anweisung" in Form einer Schaltfläche sehen. Wenn Sie darauf klicken, wird eine Präsentation in der Mitte des Browserfensters geöffnet.

    Alle wichtigen Websites zum Ansehen von Filmen und Serien werden mit Hilfe von ayframes (z. B. "Imhonet") sowie sozialen Netzwerken erstellt. Sogar die Hauptseite von "Yandex" enthält dieses Tag und nicht ein Paar.

    Wie verschreiben Sie Iframe?

    Laden Sie auf die Website ein Dokument in Form eines Fensters mit einer Bildlaufleiste kann überall sein. Normalerweise werden Tags innerhalb des Körpers platziert. Zusätzlich zum Standard

    и

    Wie im obigen Beispiel gezeigt, kann auch ein List-Tag verwendet werden -

  • .

    Attribute werden dem Attribut hinzugefügt:

    • Breite (Breite) und Höhe (Höhe =);
    • an der Kante ausrichten ausrichten;
    • Einrückung, die Sie nicht vorschreiben können: Der Standardwert ist 6 - das ist genug;
    • Mit allowtransparency können Sie die Transparenz des Bildbereichs so einstellen, dass der Hintergrund der Seite sichtbar ist.
    • plus bereits vertrauter scr, name, scrolling, border.

    Navigation mit Hilfe einer Flugzeugzelle

    Die interessanteste Fähigkeit beim Erstellen von Frames ist das Schreiben von Code, mit dem man Inhalte in einem Fenster durch Verweis öffnen kann, was die Macher des Seopult-Spiegels nur mit ein paar Links (gleichzeitig für den Benutzer auf einer Seite verfügbar) getan haben.

    Zu diesem Zweck wird ein ayframe genommen, er wird zusätzlich mit einem Namen über name = registriert. Zum Beispiel, Zagolovok. Weiter davor in Tags и Links werden durch eine HREF = mit der obligatorischen Angabe nach dem Attribut target = zagolovok zugewiesen. Bevor Sie das schließende Tag verwenden, wird eine Inschrift angezeigt, die als Link-Button dient. Die "a" -Tags werden im p-Tag geöffnet und geschlossen.

    Es gibt mehrere Zeilen im Code, mit denen mehrere Schaltflächen in einer Zeile auf der Website abgerufen werden können. Klicken Sie darauf, welche anderen Inhalte im unteren Fenster angezeigt werden.

    Der Code sieht so aus:

    Kleinanzeige inserieren

    Anzeigen anzeigen

    Wie es auf der Website aussehen wird:

    schwebender Rahmen

    Wie füge ich einen iframe in Jumlas Website ein?

    Im Jumla Control Panel gibt es standardmäßig ein enthaltenes (d. H. Bereites) Modul "HTML-Code". Damit können Sie beliebigen Code auf der Website einfügen. Der Code mit dem ayfrem-Tag wird jedoch dauerhaft ignoriert. Deshalb werden wir das spezielle Modul Jumi verwenden.

    Zunächst einmal muss er aus dem Internet heruntergeladen werden und sich durch die Platte Joomla Admin installieren: „Erweiterungen“ - „Erweiterungen“ - „Wählen Sie Datei“. Geben Sie den Pfad zum heruntergeladenen Archiv an und klicken Sie auf "Herunterladen".

    Nach einer erfolgreichen Installation, gehen Sie zum "Module Manager" und erstellen Sie einen neuen. Wählen Sie den Jumi-Typ. Geben Sie in dem sich öffnenden Fenster im Feld "Benutzerdefinierter Code" ein
    ayfrem, wie es im vorherigen Absatz des Artikels gezeigt wurde. Geben Sie dem Modul einen Titel, geben Sie die Position und die Seite der Site an. Klicken Sie auf Speichern und überprüfen Sie, was passiert ist.

    Browser und Frames

    Alle gängigen Browser zeigen den Inhalt des Windows-Frames gut an: Chrome, Safari, Firefox, Android, iOS. Besonders hoch in dieser Hinsicht sind Internet Explorer und Opera. Und dennoch kann nicht garantiert werden, dass der Besucher Ihrer Website den Inhalt aller Fenster sehen kann. In diesem Fall sollten Sie eine Nachricht mit dem Tag noframe (Öffnen und Schließen) hinterlassen. Darin können Sie Folgendes eingeben: "Ihr Browser ist veraltet." Um den Inhalt der Site anzuzeigen, aktualisieren Sie die Version ". Wenn der Browser des Benutzers die Frames korrekt anzeigt, wird diese Nachricht nicht angezeigt.

    Ein Frame ist also ein Bereich oder ein Fenster einer Site mit einer eigenen URL. Es wird verwendet, um in einem Feld des Browsers mehrere Webseiten oder unabhängige Dokumente anzuzeigen, die auch ihre eigene URL haben. Trotz der Tatsache, dass Frames Ihnen erlauben, eine komplexe strukturierte Site gut zu organisieren, wurden sie lange Zeit nicht verwendet, außer für iframe. Die Anwendung dieses Tags ist immer noch relevant für den Download von Präsentationen, Video-Player, Textdokumenten in einem bestimmten Fenster. Es wird aktiv von großen und bekannten Web-Ressourcen genutzt.

    Drucken Freundlich, PDF & Email
  • Wird geladen ...

    Kommentar hinzufügen

    Ihre E-Mail wird nicht veröffentlicht. Erforderliche Felder sind markiert *