Een frame is een gebied op een site (venster) waarin een andere webpagina zichtbaar is. Webmasters maken van deze gelegenheid gebruik om de startpagina van de sites van hun vrienden of partners te presenteren. Dezelfde techniek wordt gebruikt om het zoekformulier weer te geven in de vakken met het resultaat ernaast, enz.
Maar meestal worden frames gebruikt bij het maken van grote webportalen, waar een aanzienlijk aantal menu-items en submenu's vereist zijn. Over zulke mensen zeggen ze meestal: "website op frames". Een goede kennis van HTML is vereist om zo'n bron te maken.
Frames maken in websitebuilder
Sommige websitebouwers bieden automatische generatie van dergelijke code. Gewoonlijk bevindt de knop Frame toevoegen zich in het hoofdmenu van het programma. Eerst moet je de cursor op de juiste plaats op de pagina plaatsen, vervolgens op de knop klikken, er wordt een venster geopend (zoals weergegeven in de schermafbeelding). Hierin kunt u het adres instellen van de pagina die in het frame wordt geopend en de afmetingen aanpassen: breedte en hoogte.
Maar meestal worden frames gebruikt bij het maken van grote webportalen, waar een aanzienlijk aantal menu-items en submenu's vereist zijn. Over zulke mensen zeggen ze meestal: "website op frames". Om zo'n hulpmiddel te creëren, is goede kennis vereistHTML-taal.
Met behulp van deze "service" is het mogelijk om meerdere frames op de pagina te maken, maar je krijgt op deze manier geen onderling verbonden elementen.
Frames in CMS
In veel programma's voor het maken van websites is het mogelijk om de bijbehorende module te installeren. Voor Joomla is een frame bijvoorbeeld een "Wrapper"-module.
Het kan worden gevonden en aangemaakt in het Joomla CMS-configuratiescherm: "Extensions" - "Module Manager" - "Create" (een ronde oranje knop met een plusteken erin). In het pop-upvenster, in de lijst, ziet u de module "Wrapper".
Als het hier niet is, is het niet inbegrepen. Om het te gebruiken, moet u het eerst hier activeren: tabblad "Extensies", dan "Extensiebeheer", dan het tabblad "Beheer". En we kijken in de lijst die wordt geopend, voor een snelle zoekopdracht in het veld "Filter", voer het woord in: Wrapper. Tegenover deze module moet een groen pictogram staan met een vinkje erin. Een rode cirkel met een stip erin betekent dat deze plug-in is uitgeschakeld.
Na deze procedure kunt u terugkeren naar de "Module Manager", een frame maken en de parameters ervan instellen.
Zoals je op de afbeelding kunt zien, kun je met de module het volgende instellen: de titel boven het frame, de positie van de module, de pagina's van de site selecteren waarop deze wordt weergegeven. En pas ook de breedte, hoogte aan; voeg een kader toe en eigenlijklink naar een webpagina. Als u in een frame de hoofdpagina van een site in de volle breedte wilt weergeven, dan is 100%, standaard ingesteld, niet voldoende. U kunt direct gerust 400% inzetten. Een hoogte van 200 is meestal voldoende om het bovenste menu van de pagina weer te geven. Alle andere inhoud is zichtbaar als de gebruiker (websitebezoeker) de schuifbalk gebruikt.
Hier is een voorbeeld van wat een frame is in Joomla.
Jumla-module voor het maken van een frame is erg handig en gemakkelijk te gebruiken. De mogelijkheden zijn echter beperkt, net als de mogelijkheden van de constructor.
Geschiedenis en realiteit
In de praktijk van het maken van sites van frames, is deze tag (de toepassing ervan) al lang naar de achtergrond vervaagd. Ze konden worden vervangen door modules, instellingen in constructorprogramma's die code voor een webpagina genereren zonder tussenkomst van een sitebouwer. In sommige gevallen is dit echter niet voldoende. Bijvoorbeeld wanneer een frame een holistische complexe structuur is van gebieden die in de browser worden weergegeven. Dit is hoe de eigenaren van complex gestructureerde sites het zien. Het maken ervan wordt alleen in extreme gevallen gebruikt, omdat frame-sites uitsluitend worden gemaakt met behulp van gespecialiseerde tags.
Complex gestructureerde sites
Voor hen is het maken van meerdere onderling verbonden frames de beste oplossing voor het organiseren van inhoud op bronpagina's. Dit zijn in de regel grote portalen die elk jaar sterker worden.
Hoe bereik je hetzelfde resultaat? Hoe wordt de framestructuur gemaakt?
Hoeframe invoegen in paginacode
Frames in HTML worden toegevoegd met tags:
- frame (voor een apart venster);
- frameset (gebruik het om een hele structuur te maken);
- iframe ("zwevend" frame);
- noframes (in het geval dat het frame niet wordt weergegeven in de browser van de gebruiker).
De eerst opgegeven tag past altijd in een paar en. En het vervangt en. En met behulp van de juiste attributen kunt u de kenmerken van elk element aanpassen: de naam (name=), grootte (cols=en rijen=), de aanwezigheid van een rand (rand), het uiterlijk van de schuifbalk en, natuurlijk de link naar de webpagina om weer te geven.
Ontwerpvariaties
De hele pagina van de site kan worden onderverdeeld in gebieden. Bijvoorbeeld als volgt:
| Links | Bovenste frame |
| Rechts |
Zo'n structuur (het wordt genest genoemd) kan worden verkregen door het cols-attribuut in de tag te schrijven, wat de horizontale locatie van het frame betekent, en rijen - verticaal. Vervolgens wordt het=teken geplaatst en worden de afmetingen voorgeschreven. Bijvoorbeeld 60%, 40% - percentage (het ene venster neemt 60% van de browserruimte in beslag, het andere respectievelijk 40%). Of 100, 200 - beeldverhouding in pixels. De grootte van een van de frames kan helemaal niet worden ingesteld (deze wordt standaard ingesteld). Om dit te doen, na of voor de komma, moet u het symbool. specificeren
Nestenelk nieuw gebied wordt aangegeven met een nieuwe frameset.
Codevoorbeeld:
Merk op dat in ons voorbeeld, voor het tweede en derde frame, de afmetingen slechts één keer worden opgegeven.
Met veel ideeën kun je frames voltooien. Voorbeelden van hun locatie in het browservenster kunnen eindeloos worden gegeven (de code dienovereenkomstig wijzigen). Deze informatie heeft echter lange tijd geen praktische toepassing gevonden. Frames, als ze tegenwoordig worden gebruikt bij het maken van sites, zijn alleen in de vorm van modules in gratis CMS of in de vorm van een iframe.
Zwevend frame
Het is vreemd waarom het zo'n naam heeft gekregen, het woord "ingebouwd" is hier meer geschikt. Dit frame is gemaakt om de inhoud van een bestand weer te geven. U uploadt elk document of bestand naar de database, schrijft het pad ernaartoe met behulp van iframe-tags - en bezoekers zullen de tekst van het bestand zien (video of afbeelding). Helaas geven browsers niet altijd inhoud weer. Om dit te doen, voeren webbouwers de zin in tussen de openings- en sluitingstags: "Uw browser geeft geen inhoud weer."
Seopult.ru is bijvoorbeeld een bekende service voor promotiemeesters. Alleen niet zijn hoofdsite, maar een mirror I.seopult.pro, gemaakt voor portalklanten. De iframe-code wordt hier als volgt geschreven:
Instructies
. Waar is de tag
-
is gemaakt om een lijstitem te definiëren. Ondersteund door alle browsers.
Op de spiegelpagina zelf zie je het woord "Instructie" in de vorm van een knop. Als u erop klikt in het midden van het browservenster, wordt de presentatie geopend.
Allemaal grootsites voor het bekijken van films en series worden gemaakt met behulp van iframes (bijvoorbeeld "Imhonet"), evenals sociale netwerken. Zelfs de hoofdpagina van "Yandex" bevat deze tag en meer dan één paar.
Een iframe schrijven
Je kunt een document uploaden in de vorm van een venster met een schuifbalk naar elke plaats op de site. Meestal worden tags in het lichaam geplaatst. Voorbij de standaard
en, zoals weergegeven in het bovenstaande voorbeeld, kan de lijsttag ook worden gebruikt -
-
Attributen worden toegevoegd aan het iframe:
- breedte (breedte) en hoogte (hoogte=);
- randuitlijning uitlijnen;
- inspringingen die wel of niet gespecificeerd kunnen worden: de standaardwaarde is 6 - dit is voldoende;
- door allowtransparency te gebruiken, kunt u de transparantie van het framegebied zo instellen dat de achtergrond van de pagina zichtbaar is;
- plus de bekende scr, naam, scrollen, rand.
Navigeren met een iframe
De meest interessante vaardigheid in het inlijsten is het schrijven van code waarmee je inhoud in een venster kunt openen via een link, wat de makers van de Seopult-spiegel deden, alleen met meerdere links tegelijk (tegelijkertijd beschikbaar voor de gebruiker op dezelfde pagina).
Hiervoor wordt een iframe genomen, de naam wordt er bovendien in geschreven via name=. Koptekst bijvoorbeeld. Verder worden ervoor in de tags en de links geschreven door middel van een HREF=met de verplichte aanduiding van het attribuut erachter. Voordat de afsluitende tag a wordt gebruikt, wordt een inscriptie aangegeven die als link-knop zal dienen. Tags "a" openen en sluitenzijn ingesloten in de tag p.
Je kunt meerdere van dergelijke regels in de code schrijven om uiteindelijk meerdere linkknoppen in één rij op de site te krijgen, door te klikken op de verschillende inhoud die in het onderstaande venster wordt weergegeven.
De code ziet er als volgt uit:
Plaats een advertentie
Advertenties bekijken
Image Hoe het eruit zal zien op de website:
Een iframe invoegen in een Joomla-site
Standaard heeft het Joomla-configuratiescherm een ingeschakelde (kant-en-klare) "HTML-code" module. Hiermee kunt u elke willekeurige code overal op de site invoegen. Hij negeert echter koppig de code met de iFrem-tag. Daarom zullen we een speciale Jumi-module gebruiken.
Allereerst moet je het van internet downloaden en installeren via het Joomla-beheerpaneel: "Extensies" - "Extensiebeheer" - "Bestand selecteren". Specificeer het pad naar het gedownloade archief en klik op "Download".
Ga na een succesvolle installatie naar de "Module Manager" en maak een nieuwe aan. Selecteer het type Jumi. Voer in het geopende venster in het veld "Aangepaste code" de voorbereide iFrem in, zoals weergegeven in de vorige paragraaf van het artikel. Geef de module een titel, specificeer de plaatsingspositie en sitepagina's. Klik op opslaan en bekijk het.
Browsers en frames
Alle populaire browsers geven de inhoud van framevensters goed weer: Chrome, Safari, Firefox, Android, iOS. Internet Explorer en Opera scoren in dit opzicht bijzonder hoog. En toch is er geen garantiedat de bezoeker van uw site de inhoud van alle vensters te zien krijgt. In dit geval moet u een bericht achterlaten met de noframe-tag (openen en sluiten). U kunt het volgende invoeren: "Uw browser is verouderd. Werk de versie bij om de inhoud van de site weer te geven." Als de browser van de gebruiker frames correct weergeeft, zullen ze dit bericht niet zien.
Een frame is dus een gebied of venster van een site met een eigen URL. Wordt gebruikt om meerdere webpagina's of onafhankelijke documenten tegelijk in één browserveld weer te geven, ook met hun eigen URL. Ondanks dat je met frames een complexe site goed kunt indelen, zijn ze, op het iframe na, al lang niet meer gebruikt. Het gebruik van deze tag is nog steeds relevant voor het laden van presentaties, een videospeler, tekstdocumenten in een specifiek venster. Het wordt actief gebruikt door grote en bekende webbronnen.
-
