En ramme er et område på et nettsted (vindu) der en annen nettside er synlig. Webmastere bruker denne muligheten til å vise frem hjemmesiden til vennenes eller partnernes nettsteder. Den samme teknikken brukes for å vise søkeskjemaet i boksene med resultatet ved siden av osv.
Men for det meste brukes rammer for å lage store nettportaler, hvor det kreves et betydelig antall menyelementer og undermenyer. De pleier å si om slike mennesker: "nettsted på rammer". Gode kunnskaper om HTML kreves for å lage en slik ressurs.
Opprette rammer i nettstedbygger
Noen nettstedbyggere tilbyr automatisk generering av slik kode. Vanligvis er knappen legg til ramme plassert i hovedmenyen til programmet. Først må du plassere markøren på riktig sted på siden, klikk deretter på knappen, et vindu åpnes (som vist på skjermbildet). I den kan du angi adressen til siden som skal åpnes i rammen, og justere dimensjonene: bredde og høyde.
Men for det meste brukes rammer for å lage store nettportaler, hvor det kreves et betydelig antall menyelementer og undermenyer. De pleier å si om slike mennesker: "nettsted på rammer". For å skape en slik ressurs kreves god kunnskapHTML-språk.
Ved hjelp av denne "tjenesten" er det mulig å lage flere rammer på siden, men du vil ikke få sammenkoblede elementer på denne måten.
Rammer i CMS
I mange programmer for å lage nettsider er det mulig å installere den tilhørende modulen. For eksempel, for Joomla, er en ramme en "Wrapper"-modul.
Det kan bli funnet og opprettet i Joomla CMS kontrollpanel: "Extensions" - "Module Manager" - "Create" (en rund oransje knapp med et plusstegn inni). I popup-vinduet, i listen, vil du se "Wrapper"-modulen.
Hvis den ikke er her, er den ikke inkludert. For å bruke den må du først aktivere den her: «Utvidelser»-fanen, deretter «Extension Manager», deretter «Administrasjon»-fanen. Og vi leter i listen som åpnes, for et raskt søk i "Filter"-feltet, skriv inn ordet: Wrapper. Overfor denne modulen skal det være et grønt ikon med en hake inni. En rød sirkel med en prikk inni vil bety at dette programtillegget er deaktivert.
Etter denne prosedyren kan du gå tilbake til "Module Manager", opprette en ramme og angi parameterne.
Som du kan se på bildet, lar modulen deg angi: tittelen over rammen, plasseringen til modulen, velg sidene på nettstedet der den skal vises. Og juster også bredden, høyden; legge til en ramme og faktisklenke til en nettside. Hvis du i en ramme vil vise hovedsiden til et nettsted i full bredde, vil ikke 100 %, satt som standard, være nok. Du kan umiddelbart trygt sette 400%. En høyde på 200 er vanligvis nok til å vise toppmenyen på siden. Alt annet innhold vil være synlig hvis brukeren (besøkende på nettstedet) bruker rullefeltet.
Her er et eksempel på hva en ramme er i Joomla.
Jumla-modul for å lage en ramme er veldig praktisk og enkel å bruke. Dens kapasitet er imidlertid begrenset, det samme er kapasiteten til konstruktøren.
Historie og realiteter
I praksisen med å lage nettsteder fra rammer, har denne taggen (dens applikasjon) lenge falmet i bakgrunnen. De kunne erstattes av moduler, innstillinger i konstruktørprogrammer som genererer kode for en nettside uten deltagelse fra en nettstedbygger. Men i noen tilfeller er ikke dette nok. For eksempel når en ramme er en helhetlig kompleks struktur av områder som vises i nettleseren. Dette er hvordan eierne av komplekst strukturerte nettsteder ser det. Opprettelsen brukes bare i ekstreme tilfeller, siden rammenettsteder er opprettet utelukkende ved hjelp av spesialiserte tagger.
komplekst strukturerte nettsteder
For dem er det å lage flere sammenkoblede rammer den beste løsningen for å organisere innhold på ressurssider. Dette er som regel store portaler som vokser seg sterkere for hvert år.
Hvordan oppnå samme resultat? Hvordan lages rammestrukturen?
Hvordansett inn ramme i sidekode
Rammer i HTML legges til ved hjelp av tagger:
- ramme (for et eget vindu);
- rammesett (bruker det til å lage en hel struktur);
- iframe ("flytende" ramme);
- noframes (i tilfelle rammen ikke vises i brukerens nettleser).
Den første angitte taggen passer alltid i et par av og. Og den erstatter og. Og ved hjelp av de riktige attributtene kan du justere egenskapene til hvert element: navnet (navn=), størrelse (cols=og rader=), tilstedeværelsen av en kantlinje (kantlinje), utseendet til rullefeltet og, selvfølgelig, lenken til nettsiden som skal vises.
Designvarianter
Hele siden på nettstedet kan deles inn i områder. For eksempel, slik:
| Left | Toppramme |
| Right |
En slik struktur (det kalles nestet) kan oppnås ved å skrive cols-attributtet inne i taggen, som betyr at rammen er horisont alt, og rader - vertik alt. Deretter settes=-tegnet og dimensjonene foreskrives. For eksempel, 60%, 40% - prosentandel (ett vindu vil ta 60% av nettleserplassen, det andre henholdsvis 40%). Eller 100 200 - sideforhold i piksler. Størrelsen på en av rammene kan ikke angis i det hele tatt (den vil bli satt som standard). For å gjøre dette, etter eller før kommaet, må du spesifisere symbolet.
Nestinghvert nytt område er merket med et nytt rammesett.
Kodeeksempel:
Merk at i vårt eksempel, for den andre og tredje rammen, er størrelsene spesifisert én gang.
Mange ideer lar deg fullføre rammer. Eksempler på deres plassering i nettleservinduet kan gis uendelig (endre koden tilsvarende). Imidlertid har denne informasjonen ikke funnet praktisk anvendelse på lenge. Rammer, hvis de brukes i dag når du oppretter nettsteder, er bare i form av moduler i gratis CMS eller i form av en iframe.
Flytende ramme
Det er rart hvorfor den fikk et slikt navn, ordet "innebygd" passer bedre her. Denne rammen er laget for å vise innholdet i en fil. Du laster opp et hvilket som helst dokument eller en fil til databasen, skriver stien til den ved å bruke iframe-tagger – og besøkende vil se teksten til filen (video eller bilde). Dessverre gjengir ikke nettlesere alltid innhold. For å gjøre dette, skriver nettbyggere inn uttrykket mellom åpnings- og avslutningstaggen: "Nettleseren din viser ikke innhold."
Seopult.ru er for eksempel en velkjent tjeneste for opprykksmestre. Bare ikke hans hovedside, men et speil I.seopult.pro, laget for portalklienter. Iframe-koden skrives her som følger:
Instruksjoner
. Hvor er merkelappen
-
ble opprettet for å definere et listeelement. Støttes av alle nettlesere.
På selve speilsiden kan du se ordet "Instruksjon" i form av en knapp. Ved å klikke på den i midten av nettleservinduet åpnes presentasjonen.
All bignettsteder for å se filmer og serier er opprettet ved hjelp av iframes (for eksempel "Imhonet"), så vel som sosiale nettverk. Til og med hovedsiden til "Yandex" inneholder denne taggen og mer enn ett par.
Hvordan skrive en iframe
Du kan laste opp et dokument i form av et vindu med rullefelt til et hvilket som helst sted på nettstedet. Vanligvis plasseres tagger inne i kroppen. Utover standarden
og, som vist i eksempelet ovenfor, kan listetaggen også brukes -
-
Attributter legges til iframe:
- bredde (bredde) og høyde (høyde=);
- edge alignment align;
- innrykk som kan spesifiseres eller ikke: standardverdien er 6 - dette er nok;
- ved å bruke allowtransparency kan du stille inn gjennomsiktigheten til rammeområdet slik at bakgrunnen til siden kan sees;
- pluss den kjente scr, navn, rulling, kantlinje.
Navigering med en iframe
Den mest interessante innrammingsferdigheten er å skrive kode som lar deg åpne innhold i et vindu med en lenke, som er det skaperne av Seopult-speilet gjorde, bare med flere lenker samtidig (samtidig tilgjengelig for brukeren på samme side).
For dette tas en iframe, navnet skrives i tillegg i den gjennom name=. For eksempel header. Videre, før det i taggene og lenkene skrives gjennom en HREF=med den obligatoriske indikasjonen av attributtet etter dem. Før du bruker den avsluttende taggen a, er en inskripsjon indikert som vil tjene som en link-knapp. Merker "a" åpning og lukkinger vedlagt i taggen s.
Du kan skrive flere slike linjer i koden for etter hvert å få flere lenkeknapper på en rad på siden, ved å klikke på hvilket forskjellig innhold som skal vises i vinduet under.
Koden vil se slik ut:
Legg ut en annonse
Se annonser
Image Hvordan det vil se ut på nettstedet:
Hvordan sette inn en iframe i et Joomla-nettsted
Som standard har Joomla kontrollpanel en aktivert (klar til bruk) "HTML-kode"-modul. Med den kan du sette inn hvilken som helst kode hvor som helst på nettstedet. Imidlertid ignorerer han hardnakket koden med iFrem-taggen. Derfor vil vi bruke en spesiell Jumi-modul.
Først og fremst må du laste det ned fra Internett og installere det gjennom Joomla administrative panel: "Extensions" - "Extension Manager" - "Select File". Spesifiser banen til det nedlastede arkivet og klikk "Last ned".
Etter vellykket installasjon, gå til "Module Manager" og opprett en ny. Velg type Jumi. I vinduet som åpnes, i feltet "Egendefinert kode", skriv inn den forberedte iFrem, som vist i forrige avsnitt av artikkelen. Gi modulen en tittel, spesifiser plasseringsposisjon og nettstedssider. Klikk på lagre og sjekk det ut.
Nettlesere og rammer
Alle populære nettlesere viser innholdet i rammevinduer godt: Chrome, Safari, Firefox, Android, iOS. Internet Explorer og Opera har en spesielt høy rate i denne forbindelse. Og likevel er det ingen garantiat den besøkende på nettstedet ditt vil se innholdet i alle vinduer. I dette tilfellet bør du legge igjen en melding ved å bruke noframe-taggen (åpning og lukking). Du kan skrive inn følgende i den: "Nettleseren din er utdatert. Oppdater versjonen for å vise innholdet på nettstedet." Hvis brukerens nettleser gjengir rammer riktig, vil de ikke se denne meldingen.
Så en ramme er et område eller et vindu på et nettsted som har sin egen URL. Brukes til å vise flere nettsider eller uavhengige dokumenter i ett nettleserfelt samtidig, og har også sin egen URL. Til tross for at rammer lar deg organisere et komplekst nettsted godt, har de ikke blitt brukt på lenge, bortsett fra iframe. Bruken av denne taggen er fortsatt relevant for å laste presentasjoner, en videospiller, tekstdokumenter i et spesifikt vindu. Den brukes aktivt av store og velkjente nettressurser.
-
