En ramme er et område på et websted (vindue), hvor en anden webside er synlig. Webmastere bruger denne mulighed til at fremvise hjemmesiden for deres venners eller partneres websteder. Den samme teknik bruges til at vise søgeformularen i felterne med resultatet ved siden af osv.
Men for det meste bruges rammer til oprettelse af store webportaler, hvor der kræves et betydeligt antal menupunkter og undermenuer. De siger norm alt om sådanne mennesker: "hjemmeside på rammer". Et godt kendskab til HTML er påkrævet for at oprette en sådan ressource.
Oprettelse af rammer i hjemmesidebygger
Nogle webstedsbyggere leverer automatisk generering af sådan kode. Norm alt er knappen Tilføj ramme placeret i programmets hovedmenu. Først skal du placere markøren på det rigtige sted på siden, klik derefter på knappen, et vindue åbnes (som vist på skærmbilledet). I den kan du indstille adressen på den side, der åbner i rammen, og justere dimensionerne: bredde og højde.
Men for det meste bruges rammer til oprettelse af store webportaler, hvor der kræves et betydeligt antal menupunkter og undermenuer. De siger norm alt om sådanne mennesker: "hjemmeside på rammer". At skabe sådan en ressource kræver god videnHTML-sprog.
Ved hjælp af denne "tjeneste" er det muligt at oprette flere rammer på siden, men du får ikke sammenkoblede elementer på denne måde.
Rammer i CMS
I mange programmer til oprettelse af hjemmesider er det muligt at installere det tilsvarende modul. For eksempel, for Joomla, er en ramme et "Wrapper"-modul.
Det kan findes og oprettes i Joomla CMS kontrolpanelet: "Udvidelser" - "Module Manager" - "Opret" (en rund orange knap med et plustegn indeni). I pop op-vinduet på listen vil du se "Wrapper"-modulet.
Hvis det ikke er her, er det ikke inkluderet. For at bruge det, skal du først aktivere det her: "Udvidelser" fanen, derefter "Udvidelsesadministrator", så fanen "Administration". Og vi kigger i listen, der åbner, for en hurtig søgning i "Filter"-feltet, indtast ordet: Wrapper. Overfor dette modul skulle der være et grønt ikon med et flueben indeni. En rød cirkel med en prik indeni vil betyde, at dette plugin er deaktiveret.
Efter denne procedure kan du vende tilbage til "Module Manager", oprette en ramme og indstille dens parametre.
Som du kan se på billedet, giver modulet dig mulighed for at indstille: titlen over rammen, placeringen af modulet, vælg siderne på webstedet, hvor det vil blive vist. Og juster også bredden, højden; tilføje en ramme og faktisklink til en webside. Hvis du i en ramme vil vise hovedsiden på et websted i fuld bredde, vil 100%, som standard, ikke være nok. Du kan umiddelbart roligt sætte 400%. En højde på 200 er norm alt nok til at vise topmenuen på siden. Alt andet indhold vil være synligt, hvis brugeren (webstedets besøgende) bruger rullepanelet.
Her er et eksempel på, hvad en frame er i Joomla.
Jumla-modul til at skabe en ramme er meget praktisk og let at bruge. Dens muligheder er dog begrænsede, ligesom konstruktørens muligheder.
Historie og realiteter
I praksis med at oprette websteder fra frames, er dette tag (dets anvendelse) længe faldet i baggrunden. De kunne erstattes af moduler, indstillinger i konstruktørprogrammer, der genererer kode til en webside uden deltagelse af en webstedsbygger. Men i nogle tilfælde er dette ikke nok. For eksempel når en ramme er en holistisk kompleks struktur af områder, der vises i browseren. Sådan ser ejerne af komplekst strukturerede websteder det. Dens oprettelse bruges kun i ekstreme tilfælde, da rammewebsteder udelukkende er oprettet ved hjælp af specialiserede tags.
Kompleks strukturerede websteder
For dem er oprettelse af flere indbyrdes forbundne rammer den bedste løsning til at organisere indhold på ressourcesider. Disse er som regel store portaler, der vokser sig stærkere for hvert år.
Hvordan opnår man det samme resultat? Hvordan skabes rammestrukturen?
Hvordanindsæt ramme i sidekode
Rammer i HTML tilføjes ved hjælp af tags:
- ramme (til et separat vindue);
- frameset (bruger det til at skabe en hel struktur);
- iframe ("flydende" ramme);
- noframes (i tilfælde af, at rammen ikke vises i brugerens browser).
Det først angivne tag passer altid i et par og. Og det erstatter og. Og ved hjælp af de relevante attributter kan du justere egenskaberne for hvert element: navnet (navn=), størrelse (cols=og rækker=), tilstedeværelsen af en kant (kant), udseendet af rullepanelet og, selvfølgelig, linket til websiden skal vises.
Designvarianter
Hele siden på webstedet kan opdeles i områder. For eksempel som dette:
| Venstre | Topramme |
| Right |
Sådan en struktur (den kaldes nested) kan opnås ved at skrive cols-attributten inde i tagget, hvilket betyder rammens placering vandret, og rækker - vertik alt. Dernæst sættes=tegnet og målene foreskrives. For eksempel 60%, 40% - procent (det ene vindue vil tage 60% af browserpladsen, det andet henholdsvis 40%). Eller 100.200 - billedformat i pixels. Størrelsen på en af rammerne kan slet ikke indstilles (den indstilles som standard). For at gøre dette, efter eller før kommaet, skal du angive symbolet.
Nesttinghvert nyt område er angivet med et nyt rammesæt.
Kodeeksempel:
Bemærk, at i vores eksempel, for den anden og tredje frame, er størrelserne kun angivet én gang.
Mange ideer giver dig mulighed for at færdiggøre rammer. Eksempler på deres placering i browservinduet kan gives uendeligt (ved at ændre koden i overensstemmelse hermed). Denne information har dog ikke fundet praktisk anvendelse i lang tid. Rammer, hvis de bruges i dag ved oprettelse af websteder, er kun i form af moduler i gratis CMS eller i form af en iframe.
Flydende ramme
Det er mærkeligt, hvorfor det fik sådan et navn, ordet "indbygget" er mere passende her. Denne ramme er oprettet for at vise indholdet af en fil. Du uploader et hvilket som helst dokument eller fil til databasen, skriver stien til det ved hjælp af iframe-tags - og besøgende vil se teksten i filen (video eller billede). Desværre gengiver browsere ikke altid indhold. For at gøre dette indtaster webbyggere sætningen mellem de indledende og afsluttende tags: "Din browser viser ikke indhold."
Seopult.ru er f.eks. en velkendt tjeneste for promoveringsmestre. Kun ikke hans hovedside, men et spejl I.seopult.pro, skabt til portalklienter. Iframe-koden er skrevet her som følger:
Instruktioner
. Hvor er mærket
-
blev oprettet for at definere et listeelement. Understøttet af alle browsere.
På selve spejlsiden kan du se ordet "Instruktion" i form af en knap. Ved at klikke på den i midten af browservinduet åbnes præsentationen.
Alle storewebsteder til at se film og serier oprettes ved hjælp af iframes (for eksempel "Imhonet") samt sociale netværk. Selv hovedsiden af "Yandex" indeholder dette tag og mere end ét par.
Sådan skriver man en iframe
Du kan uploade et dokument i form af et vindue med en rullepanel til et hvilket som helst sted på webstedet. Norm alt er tags placeret inde i kroppen. Ud over standarden
og, som vist i eksemplet ovenfor, kan listetagget også bruges -
-
Attributter føjes til iframen:
- bredde (bredde) og højde (højde=);
- edge alignment align;
- indrykninger, der kan eller ikke kan angives: standardværdien er 6 - det er ganske nok;
- ved at bruge allowtransparency kan du indstille gennemsigtigheden af rammeområdet, så sidens baggrund kan ses;
- plus den velkendte scr, navn, rulning, kant.
Navigering med en iframe
Den mest interessante indramningsevne er at skrive kode, der giver dig mulighed for at åbne indhold i et vindue med et link, hvilket er, hvad skaberne af Seopult-spejlet gjorde, kun med flere links på én gang (samtidigt tilgængeligt for brugeren på samme side).
Til dette tages en iframe, navnet skrives desuden i den gennem name=. For eksempel header. Ydermere, før det i taggene og linkene skrives gennem en HREF=med den obligatoriske angivelse af attributten efter dem Inden man bruger det afsluttende tag a, er der angivet en inskription, der vil fungere som en link-knap. Tags "a" åbning og lukninger indeholdt i tagget s.
Du kan skrive flere sådanne linjer i koden for til sidst at få flere linkknapper i én række på siden ved at klikke på hvilket forskelligt indhold der vil blive vist i vinduet nedenfor.
Koden vil se sådan ud:
Send en annonce
Se annoncer
Image Sådan vil det se ud på hjemmesiden:
Sådan indsætter man en iframe på et Joomla-websted
Som standard har Joomla kontrolpanelet et aktiveret (klar til brug) "HTML-kode"-modul. Med den kan du indsætte enhver kode hvor som helst på siden. Han ignorerer dog stædigt koden med iFrem-tagget. Derfor vil vi bruge et særligt Jumi-modul.
Først og fremmest skal du downloade det fra internettet og installere det gennem Joomlas administrative panel: "Udvidelser" - "Udvidelseshåndtering" - "Vælg fil". Angiv stien til det downloadede arkiv, og klik på "Download".
Efter vellykket installation skal du gå til "Module Manager" og oprette en ny. Vælg typen af Jumi. I vinduet, der åbnes, i feltet "Brugerdefineret kode" skal du indtaste den forberedte iFrem, som vist i det foregående afsnit i artiklen. Giv modulet en titel, angiv placeringsposition og webstedssider. Klik på Gem og tjek det ud.
Browsere og rammer
Alle populære browsere viser indholdet af rammevinduer godt: Chrome, Safari, Firefox, Android, iOS. Internet Explorer og Opera har en særlig høj rate i denne henseende. Og alligevel er der ingen garantiat den besøgende på dit websted vil se indholdet af alle vinduer. I dette tilfælde skal du efterlade en besked ved hjælp af noframe-tagget (åbning og lukning). Du kan indtaste følgende i den: "Din browser er forældet. Opdater versionen for at vise indholdet af webstedet." Hvis brugerens browser gengiver frames korrekt, vil de ikke se denne besked.
Så en ramme er et område eller et vindue på et websted, der har sin egen URL. Bruges til at vise flere websider eller uafhængige dokumenter i ét browserfelt på én gang, også med deres egen URL. På trods af at frames giver dig mulighed for at organisere et komplekst websted godt, har de ikke været brugt i lang tid, bortset fra iframen. Brugen af dette tag er stadig relevant til indlæsning af præsentationer, en videoafspiller, tekstdokumenter i et specifikt vindue. Det bruges aktivt af store og velkendte webressourcer.
-
