Ein Frame ist ein Bereich auf einer Site (Fenster), in dem eine andere Webseite sichtbar ist. Webmaster nutzen diese Gelegenheit, um die Homepage der Websites ihrer Freunde oder Partner zu präsentieren. Die gleiche Technik wird verwendet, um das Suchformular in den Feldern mit dem Ergebnis daneben anzuzeigen usw.
Aber meistens werden Frames bei der Erstellung großer Webportale verwendet, wo eine beträchtliche Anzahl von Menüpunkten und Untermenüs benötigt werden. Sie sagen normalerweise über solche Leute: "Website auf Frames". Gute HTML-Kenntnisse sind erforderlich, um eine solche Ressource zu erstellen.
Frames im Website-Builder erstellen
Einige Website-Ersteller bieten eine automatische Generierung eines solchen Codes. Normalerweise befindet sich die Sch altfläche Rahmen hinzufügen im Hauptmenü des Programms. Zuerst müssen Sie den Cursor an der richtigen Stelle auf der Seite platzieren und dann auf die Sch altfläche klicken. Ein Fenster wird geöffnet (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 meistens werden Frames bei der Erstellung großer Webportale verwendet, wo eine beträchtliche Anzahl von Menüpunkten und Untermenüs benötigt werden. Sie sagen normalerweise über solche Leute: "Website auf Frames". Um eine solche Ressource zu erstellen, sind gute Kenntnisse erforderlichHTML-Sprache.
Mit Hilfe dieses "Dienstes" ist es möglich, mehrere Frames auf der Seite zu erstellen, aber Sie erh alten auf diese Weise keine miteinander verbundenen Elemente.
Frames im CMS
In vielen Programmen zum Erstellen von Webseiten ist es möglich, das entsprechende Modul zu installieren. Beispielsweise ist ein Frame für Joomla ein "Wrapper"-Modul.
Es kann im Joomla CMS Control Panel gefunden und erstellt werden: "Extensions" - "Module Manager" - "Create" (eine runde orange Sch altfläche mit einem Pluszeichen darin). Im Popup-Fenster sehen Sie in der Liste das Modul „Wrapper“.
Wenn es nicht hier ist, ist es nicht enth alten. Um es zu verwenden, müssen Sie es zuerst hier aktivieren: Registerkarte "Erweiterungen", dann "Erweiterungsmanager", dann Registerkarte "Verw altung". Und wir suchen in der Liste, die sich öffnet, geben Sie für eine schnelle Suche im Feld "Filter" das Wort ein: Wrapper. Gegenüber diesem Modul sollte sich ein grünes Symbol mit einem Häkchen darin befinden. Ein roter Kreis mit einem Punkt darin bedeutet, dass dieses Plugin deaktiviert ist.
Nach diesem Vorgang können Sie zum "Module Manager" zurückkehren, einen Frame erstellen und seine Parameter einstellen.
Wie Sie auf dem Bild sehen können, können Sie mit dem Modul Folgendes einstellen: den Titel über dem Rahmen, die Position des Moduls, die Seiten der Website auswählen, auf denen es angezeigt werden soll. Und passen Sie auch die Breite, Höhe an; einen Rahmen hinzufügen und tatsächlichLink zu einer Webseite. Wenn Sie in einem Frame die Hauptseite einer Site in voller Breite anzeigen möchten, reichen die standardmäßig eingestellten 100 % nicht aus. Sie können sofort sicher 400% setzen. Eine Höhe von 200 reicht normalerweise aus, um das oberste Menü der Seite anzuzeigen. Alle anderen Inh alte werden sichtbar, wenn der Benutzer (Website-Besucher) die Bildlaufleiste verwendet.
Hier ist ein Beispiel dafür, was ein Frame in Joomla ist.
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 Konstruktors.
Geschichte und Wirklichkeit
In der Praxis, Seiten aus Frames zu erstellen, ist dieses Tag (seine Anwendung) lange in den Hintergrund getreten. Sie konnten durch Module ersetzt werden, Einstellungen in Konstruktorprogrammen, die Code für eine Webseite ohne die Beteiligung eines Website-Erstellers generieren. In einigen Fällen reicht dies jedoch nicht aus. Zum Beispiel, wenn ein Frame eine ganzheitliche komplexe Struktur von Bereichen ist, die im Browser angezeigt werden. So sehen es die Besitzer komplex strukturierter Seiten. Seine Erstellung wird nur in extremen Fällen verwendet, da Frame-Sites ausschließlich mit Hilfe spezialisierter Tags erstellt werden.
Komplex aufgebaute Seiten
Für sie ist das Erstellen mehrerer miteinander verbundener Frames die beste Lösung zum Organisieren von Inh alten auf Ressourcenseiten. Dies sind in der Regel große Portale, die von Jahr zu Jahr stärker werden.
Wie erreiche ich dasselbe Ergebnis? Wie entsteht eine Rahmenstruktur?
WieRahmen in Seitencode einfügen
Frames in HTML werden mit Tags hinzugefügt:
- Frame (für ein separates Fenster);
- frameset (damit eine ganze Struktur erstellen);
- iframe ("schwebender" Rahmen);
- noframes (falls der Frame nicht im Browser des Benutzers angezeigt wird).
Das erste angegebene Tag passt immer in ein Paar von und. Und es ersetzt und. Und mit Hilfe der entsprechenden Attribute können Sie die Eigenschaften jedes Elements anpassen: den Namen (name=), die Größe (cols=und rows=), das Vorhandensein eines Rahmens (border), das Aussehen der Bildlaufleiste und, natürlich den Link zur Webseite anzeigen.
Designvarianten
Die gesamte Seite der Website kann in Bereiche unterteilt werden. Zum Beispiel so:
Links | Oberer Rahmen |
Rechts |
Eine solche Struktur (man nennt sie verschachtelt) erhält man, indem man das Attribut cols in das Tag schreibt, was die horizontale Position des Rahmens und die vertikale Position der Zeilen bedeutet. Als nächstes wird das=Zeichen gesetzt und die Maße vorgegeben. Zum Beispiel 60%, 40% - Prozent (ein Fenster nimmt 60% des Browserraums ein, das andere jeweils 40%). Oder 100, 200 - Seitenverhältnis in Pixel. Die Größe eines der Rahmen kann überhaupt nicht eingestellt werden (sie wird standardmäßig eingestellt). Dazu müssen Sie nach oder vor dem Komma das Symbol. angeben
Verschachtelungjeder neue Bereich wird durch ein neues Frameset gekennzeichnet.
Codebeispiel:
Beachten Sie, dass in unserem Beispiel für den zweiten und dritten Frame die Größen nur einmal angegeben werden.
Viele Ideen ermöglichen es Ihnen, Frames zu vervollständigen. Beispiele für ihre Position im Browserfenster können endlos angegeben werden (ändern Sie den Code entsprechend). Diese Information hat jedoch lange Zeit keine praktische Anwendung gefunden. Frames, wenn sie heute beim Erstellen von Websites verwendet werden, gibt es nur in Form von Modulen in freien CMS oder in Form eines Iframes.
Floating Frame
Es ist seltsam, warum es einen solchen Namen hat, das Wort "eingebaut" ist hier besser geeignet. Dieser Rahmen wird erstellt, um den Inh alt einer Datei anzuzeigen. Sie laden ein beliebiges Dokument oder eine beliebige Datei in die Datenbank hoch, schreiben den Pfad dazu mithilfe von Iframe-Tags – und die Besucher sehen den Text der Datei (Video oder Bild). Leider rendern Browser Inh alte nicht immer. Dazu fügen Webbuilder zwischen den öffnenden und schließenden Tags den Satz ein: „Ihr Browser zeigt keine Inh alte an.“
Zum Beispiel ist Seopult.ru ein bekannter Dienst für Promotion-Meister. Nur nicht seine Hauptseite, sondern ein Spiegel I.seopult.pro, erstellt für Portalkunden. Der Iframe-Code wird hier wie folgt geschrieben:
Anleitung
. Wo ist das Tag
-
wurde erstellt, um ein Listenelement zu definieren. Wird von allen Browsern unterstützt.
Auf der Spiegelseite selbst sehen Sie das Wort "Anleitung" in Form einer Sch altfläche. Ein Klick darauf in der Mitte des Browserfensters öffnet die Präsentation.
Alle großWebsites zum Ansehen von Filmen und Serien werden mithilfe von Iframes (z. B. "Imhonet") sowie sozialen Netzwerken erstellt. Sogar die Hauptseite von "Yandex" enthält dieses Tag und mehr als ein Paar.
Wie schreibe ich einen Iframe
Sie können ein Dokument in Form eines Fensters mit einer Bildlaufleiste an eine beliebige Stelle auf der Website hochladen. Normalerweise werden Tags innerhalb des Körpers platziert. Jenseits des Standards
und, wie im obigen Beispiel gezeigt, kann auch das Listen-Tag verwendet werden -
-
Attribute werden dem Iframe hinzugefügt:
- width (Breite) und Höhe (Höhe=);
- Kantenausrichtung ausrichten;
- Einzüge, die angegeben werden können oder nicht: Der Standardwert ist 6 - das reicht vollkommen aus;
- mit Allowtransparency können Sie die Transparenz des Rahmenbereichs so einstellen, dass der Hintergrund der Seite zu sehen ist;
- plus das bekannte scr, name, scrolling, border.
Navigation mit einem Iframe
Die interessanteste Framing-Fähigkeit ist das Schreiben von Code, der es Ihnen ermöglicht, Inh alte in einem Fenster über einen Link zu öffnen, was die Ersteller des Seopult-Spiegels getan haben, nur mit mehreren Links gleichzeitig (die dem Benutzer gleichzeitig zur Verfügung stehen). dieselbe Seite).
Hierfür wird ein Iframe genommen, in den zusätzlich der Name durch name=geschrieben wird. Zum Beispiel Kopfzeile. Weiterhin wird davor in den Tags und den Links ein HREF=mit der obligatorischen Angabe des Attributs dahinter geschrieben Vor dem schließenden Tag a wird eine Inschrift angegeben, die als Link-Button dienen soll. Tags "a" öffnen und schließensind im Tag p. eingeschlossen
Sie können mehrere solcher Zeilen in den Code schreiben, um eventuell mehrere Link-Buttons in einer Zeile auf der Seite zu bekommen, indem Sie darauf klicken, welche unterschiedlichen Inh alte im Fenster darunter angezeigt werden.
Der Code sieht so aus:
Eine Anzeige aufgeben
Anzeigen anzeigen
So wird es auf der Website aussehen:
So fügen Sie einen Iframe in eine Joomla-Site ein
Das Joomla Control Panel hat standardmäßig ein aktiviertes (gebrauchsfertiges) "HTML-Code"-Modul. Damit können Sie überall auf der Website einen beliebigen Code einfügen. Den Code mit dem iFrem-Tag ignoriert er jedoch hartnäckig. Daher werden wir ein spezielles Jumi-Modul verwenden.
Zunächst müssen Sie es aus dem Internet herunterladen und über das Joomla-Verw altungsfenster installieren: "Erweiterungen" - "Erweiterungs-Manager" - "Datei auswählen". Geben Sie den Pfad zum heruntergeladenen Archiv an und klicken Sie auf "Herunterladen".
Nach erfolgreicher Installation gehen Sie zum "Module Manager" und erstellen Sie ein neues. Wählen Sie den Jumi-Typ aus. Geben Sie im sich öffnenden Fenster im Feld "Benutzerdefinierter Code" den vorbereiteten iFrem ein, wie im vorherigen Absatz des Artikels gezeigt. Geben Sie dem Modul einen Titel, geben Sie die Platzierungsposition und die Site-Seiten an. Klicken Sie auf Speichern und sehen Sie es sich an.
Browser und Frames
Alle gängigen Browser stellen den Inh alt von Rahmenfenstern gut dar: Chrome, Safari, Firefox, Android, iOS. Internet Explorer und Opera haben hier eine besonders hohe Quote. Und doch gibt es keine Garantiedass der Besucher Ihrer Website den Inh alt aller Fenster sieht. In diesem Fall sollten Sie eine Nachricht mit dem Noframe-Tag (Öffnen und Schließen) hinterlassen. Sie können dort Folgendes eingeben: "Ihr Browser ist ver altet. Aktualisieren Sie die Version, um die Inh alte der Website anzuzeigen." Wenn der Browser des Benutzers Frames korrekt darstellt, wird ihm diese Nachricht nicht angezeigt.
Ein Frame ist also ein Bereich oder ein Fenster einer Website mit eigener URL. Wird verwendet, um mehrere Webseiten oder unabhängige Dokumente gleichzeitig in einem Browserfeld anzuzeigen, die auch eine eigene URL haben. Trotz der Tatsache, dass Sie mit Frames eine komplexe Website gut organisieren können, werden sie mit Ausnahme des Iframes seit langem nicht mehr verwendet. Die Verwendung dieses Tags ist immer noch relevant, um Präsentationen, einen Videoplayer und Textdokumente in einem bestimmten Fenster zu laden. Es wird von großen und bekannten Webressourcen aktiv genutzt.
-