Internet, Web Design

Frame - wat is dit? Structuur en creatie van frames

Frame - een gedeelte van de site (het raam), waarin we een andere webpagina. Webmasters gebruik maakt van deze gelegenheid gebruik om de homepage van hun vrienden of medewerkers te laten zien. Dezelfde werkwijze wordt gebruikt voor weergave in de vensters zoekvenster en een aantal van het resultaat, enzovoort. D.

Maar vooral de frames gebruikt bij het maken van grote web portals, waarbij een groot aantal menu's en submenu's. Dergelijke meestal zeggen: "site in frames." Om een dergelijke bron te maken vereist een goede kennis van HTML-taal.

Maak frames in websitebouwer

In sommige website bouwer biedt automatisch genereren van een dergelijke code. Kenmerkend is dat de toevoeging van key frame is in het hoofdmenu van het programma. Ten eerste moet je de cursor op de juiste plaats op de pagina, klik op de knop om het venster te openen (zoals in de screenshot). Het is mogelijk om het adres van de pagina die wordt geopend in het frame specificeren en pas de afmetingen: breedte en hoogte.

Maar vooral de frames gebruikt bij het maken van grote web portals, waarbij een groot aantal menu's en submenu's. Dergelijke meestal zeggen: "site in frames." Om een dergelijke bron te maken vereist een goede kennis van HTML-taal.

Met deze "service" is het mogelijk om meerdere frames te creëren op een pagina, alleen de inter-gerelateerde elementen, zodat je niet krijgen.

Frames in CMS

Veel programma's voor het maken van websites de mogelijkheid van de installatie van de module. Bijvoorbeeld voor Joomla frame - deze module "wrapper (Wrapper)".

Het kan worden gevonden en het opzetten van in het CMS Joomla bedieningspaneel: "Extensions" - "Module Manager" - "Nieuw" (de ronde oranje knop met een plusteken binnen). In de pop-up venster in de lijst, vindt u een module van "wrapper" te zien.

Als het niet, dan is het niet inbegrepen. Om het te gebruiken, moet u eerst om het hier te activeren: het tabblad "Extensies", de "Extension Manager" en vervolgens "Beheren" tab. En kijken naar de lijst die verschijnt, kunt u snel zoeken in de "Filter" om het woord te voeren: Wrapper. Tegenover dient deze module groen vinkje icoon binnen. Een rode cirkel met een punt houdt in dat de plug wordt uitgeschakeld.

Na deze procedure, kunt u terugkeren naar de "Module Manager", maakt u een frame en stel de parameters.

Zoals te zien is op de foto, de module kunt u instellen: de titel van het frame, de module positie, selecteert u de pagina van de site waarop het wordt weergegeven. U kunt ook de breedte, de hoogte aan te passen; voeg een kader en de feitelijke koppeling op een webpagina. Als het frame dat u wilt naar de hoofdpagina van de website over de volledige breedte, 100%, de standaard weer te geven, zal niet genoeg zijn. U kunt veilig recht te zetten 400%. Een hoogte van 200 is meestal genoeg om het hoofdmenu van de pagina weer te geven. De rest van de inhoud zal zichtbaar zijn als de gebruiker (de bezoeker) de schuifbalk te gebruiken.

Hier is een voorbeeld van wat een frame in Jumla.

Joomla module voor het maken van het frame is erg handig en makkelijk te gebruiken. Echter, het toepassingsgebied is beperkt, evenals designer features.

Geschiedenis en werkelijkheid

In de praktijk van het maken van websites van de frames die tag (zijn aanvraag) is al lang naar de achtergrond gedrongen. Ze waren in staat om modules te vervangen, in het instellen van een ontwerp-programma dat code genereert voor een webpagina zonder saytostroitelya. Echter, in sommige gevallen is dit niet genoeg. Bijvoorbeeld, wanneer het frame - een geïntegreerde complexe structuur van de gebieden wordt weergegeven in de browser. Zo zien de eigenaren complexe gestructureerde sites. Bij de oprichting zijn alleen in extreme gevallen omdat freymovskie websites uitsluitend gemaakt met gespecialiseerde labels.

complexe gestructureerde websites

Voor hen is de creatie van een aantal samenhangende frames is een optimale oplossing te organiseren inhoud op de bron. Dit is meestal de belangrijkste portals, uitgestrekte met elk jaar sterker.

Hoe om hetzelfde resultaat te bereiken? Hoe maak je een frame structuur te creëren?

Hoe het frame in de pagina code in te voeren

Frames worden toegevoegd aan HTML met behulp van de tag:

  • frame (een apart venster)
  • frameset (gehele structuur wordt gemaakt met het);
  • iframe ( "zwevende" kader);
  • noframes (in geval van niet-weergave frame in de browser van de gebruiker).

De eerste gespecificeerde tag altijd passen in een paar en . En het vervangt de en . En met de juiste attributen kunt u de kenmerken van elk item aan te passen: naam (=), grootte (cols = en rijen =), de aanwezigheid van het frame (grens), de vorm van de schuifbalk en, natuurlijk, een link naar een webpagina te laten zien.

variaties registratie

Volledige site pagina kan worden onderverdeeld in regio's. Bijvoorbeeld, als volgt uit:

links

bovenframe

rechts

Een dergelijke constructie (het is genest genoemd) kan worden verkregen bij een label binnen cols kenmerk, dat de ligging van het horizontale frame, en rijen - verticaal. Er dient te worden gebracht van een gelijk-teken en de voorgeschreven afmetingen. Bijvoorbeeld 60%, 40% - het percentage (één venster neemt 60% van de ruimte browser andere respectievelijk 40%). Of 100, 200 - de verhouding van de afmetingen in pixels. De afmetingen van een frames, is het mogelijk (standaard ingesteld) slechts te bepalen. Om dit te doen voor of achter de komma die u nodig hebt om het karakter te geven *.

Binnen dit paar frameset registreert elk raster parameters: src = http: // site / article / 143778 /% 2C geciteerd hierna wordt verwezen naar een webpagina en een titelnaam = (bijvoorbeeld gestel 1).

Nestelen elk nieuw gebied is aangewezen een nieuwe frameset.

Voorbeeld code:

Opmerking In dit voorbeeld, voor de tweede en derde frames maten worden slechts één keer voorgeschreven.

Veel pannen het aflopen frames. Voorbeelden van hun locatie in het browservenster kan oneindig worden gebracht (op de juiste wijze het wijzigen van de code). Echter, de praktische toepassing van deze informatie niet gevonden voor een lange tijd. Frames, als het gebruikt wordt vandaag om sites te maken, maar alleen in de vorm van modules in de gratis CMS of een iframe.

zwevende kader

Ik vraag me af waarom het zijn naam kreeg, hier het woord is meer geschikt "ingebouwd". Dit frame is ontworpen om de inhoud van een bestand. Je uploadt naar de database een document of bestand met behulp van tags ayfreyma het pad naar het - en bezoekers zal een tekstbestand (video of foto) te zien. Helaas hebben de browsers niet altijd overeen met de inhoud. Dit webbouwers worden ingevoerd tussen de opening en de sluiting zin: "Uw browser ondersteunt niet de inhoud weer te geven."

Bijvoorbeeld, Seopult.ru - bekend dienst van de meesters om door te gaan. Niet alleen de belangrijkste website, en I.seopult.pro spiegel gemaakt voor portal klanten. ayfreyma code wordt bepaald als:

  • Instructies . Waar
  • tag is ontworpen om het item in de lijst te bepalen. Ondersteund door alle browsers.

    Op de spiegel kun je het woord "instructies" pagina zelf te zien in de vorm van een knop. Wanneer u klikt op het in het midden van het browservenster geopend presentatie.

    Alle grote sites voor het bekijken van films en tv-programma's worden gemaakt met behulp van ayfreymov (bijvoorbeeld "Imhonet"), evenals sociale netwerken. Zelfs de home page van de "Yandex" bevat deze tag, en niet een paar.

    Hoe te iframe registreren

    Download naar uw website in de vorm van een document venster met een schuifbalk kan worden in elke plaats. Gewoonlijk tags die is aangebracht in het lichaam. Naast de standaard

    en , zoals in het voorbeeld hierboven kan worden gebruikt en een tag lijst -

  • .

    In ayfreym toegevoegd attributen:

    • breedte (width) en hoogte (hoogte =);
    • uitlijnen van de rand align;
    • padding, die niet kunnen voorschrijven: de standaardwaarde is 6 - dit is genoeg;
    • met behulp van allowtransparency veld transparantie frame, kunt u aangeven dat u de achtergrond van de pagina kan zien;
    • aangevuld met de vertrouwde scr, naam, scrollen, grens.

    Navigatie met ayfreyma

    De meest interessante is de mogelijkheid om op het gebied van frames - dit is om code die het mogelijk maakt om de inhoud in het venster op de link te openen schrijven - wat hebben de makers Seopult spiegel, alleen bij meerdere referenties (zowel beschikbaar voor de gebruiker op dezelfde pagina).

    Hiervoor genomen ayfreym, registreert bovendien het vernoemen name =. Bijvoorbeeld, zagolovok. Verdere, voor hem in tags en gevonden door een HREF = http voorgeschreven: // site / article / 143778 /% D1% betekent de verplichte 81 na doelkenmerk = zagolovok. Voordat u een afsluitende tag kunt gebruiken, aangegeven inscriptie, die als referentie-knop zal dienen. Tags "en" openen en sluiten zijn in de p tag.

    U kunt deze paar regels code toe te wijzen om eindelijk online te gaan op een rij een paar knoppen, links te klikken op dat venster hieronder verschillende inhoud weer te geven.

    De code zou er als volgt uitzien:

    Post gratis advertenties

    Bekijk de advertentie