Internett, Web design
Frame - hva er dette? Struktur og etablering av rammer
Frame - et område av nettstedet (vinduet), hvor vi ser en annen nettside. Webmastere bruker denne muligheten til å vise hjemmesiden til sine venner eller kollegaer. Den samme metoden er benyttet for å vise i vinduene søkefeltet, og en rekke av dens resultat, og så videre. D.
Men det meste de rammene som brukes i etableringen av store nettportaler, hvor et betydelig antall menyer og undermenyer. Slike pleier å si: "site i rammer." For å opprette en slik ressurs krever god kunnskap om HTML-språket.
Lag rammer i nettsted byggmester
I noen nettside byggmester gir automatisk generering av en slik kode. Vanligvis tillegg av nøkkelen rammen er i hovedprogrammenyen. Først må du plassere markøren på rett sted på siden, og klikk deretter på knappen for å åpne vinduet (som vist på bildet). Det er mulig å spesifisere adressen til den side som skal åpnes i rammen, og justere dimensjonene: bredde og høyde.
Men det meste de rammene som brukes i etableringen av store nettportaler, hvor et betydelig antall menyer og undermenyer. Slike pleier å si: "site i rammer." For å opprette en slik ressurs krever god kunnskap om HTML-språket.
Med denne "service" er det mulig å opprette flere rammer på en side, bare de inter-relaterte elementer slik at du ikke får.
Rammer i CMS
Mange programmer for å lage nettsider mulighet for installasjon av modulen. For eksempel, for Joomla ramme - denne modulen "wrapper (wrapper)".
Det kan bli funnet og satt opp i CMS Joomla kontrollpanelet: "Extensions" - "Moduler" - "Ny" (den runde oransje knappen med et plusstegn inni). I popup-vinduet, i listen, vil du se en modul for "wrapper".
Hvis det ikke er, så er det ikke inkludert. Å bruke den, må du først aktivere den her: fanen "Extensions", den "Extension Manager", deretter "Manage" tab. Og se på listen som vises, kan du raskt søke etter i "Filter" for å skrive inn ordet: Wrapper. Motsatt denne modulen skal være grønt merke ikonet inne. En rød sirkel med en prikk inni betyr at plugin er deaktivert.
Etter denne prosedyren, kan du gå tilbake til "Module Manager", skaper en ramme og sette sine parametere.
Som man kan se på bildet, modulen lar deg sette: tittelen på rammen, modulen posisjon, velger side i området der den vises. Du kan også justere bredde, høyde; legge til en ramme og selve koblingen på en webside. Dersom rammen du ønsker å vise hoved side av et nettsted full bredde, 100%, standard, vil ikke være nok. Du kan trygt sette riktig 400%. En høyde på 200 er som regel nok til å vise toppmenyen på siden. Resten av innholdet vil være synlig hvis brukeren (besøkende) bruke rullefeltet.
Her er et eksempel på hva en ramme i Jumla.
Joomla modul for å lage rammen er meget praktisk og lett å bruke. Imidlertid er omfanget begrenset, samt designer funksjoner.
Historie og virkelighet
I praksis lage nettsider av rammene som tag (hans søknad) har lenge vært henvist til bakgrunnen. De var i stand til å erstatte moduler, i å sette et design program som genererer kode for en nettside uten saytostroitelya. Men i noen tilfeller er dette ikke nok. For eksempel, når rammen - er en integrert sammensatt struktur i de områdene som skal fremvises i nettleseren. Så se eierne komplekse strukturerte nettsteder. Ved etableringen er kun i ekstreme tilfeller fordi freymovskie nettsteder opprettet utelukkende med spesialiserte koder.
komplekse strukturerte nettsteder
For dem er etableringen av flere beslektede rammer en optimal løsning organisere innhold på ressursen. Dette er vanligvis de store portalene, viltvoksende med sterkere for hvert år.
Hvordan oppnå samme resultat? Hvordan lage en rammekonstruksjon?
Hvordan du skriver inn rammen på siden koden
Rammer er lagt til HTML ved hjelp av koden:
- ramme (for et separat vindu)
- ramme (hele strukturen blir opprettet med det);
- iframe ( "flytende" ramme);
- noframes (i tilfelle av ikke-fremvisningsramme i brukerens nettleser).
Den første angitte koden alltid passe inn i et par av
variasjoner registrering
Hele området siden kan deles inn i regioner. For eksempel slik:
venstre | topprammen |
høyre |
En slik struktur (det kalles nestet) kan oppnås ved å skrive et merke inne i kolonner attributt, som viser plasseringen av den horisontale ramme, og radene - vertikalt. Det bør settes et likhetstegn og foreskrevet størrelser. For eksempel, 60%, 40% - andelen som (ett vindu tar 60% av den plass leseren en annen, henholdsvis, 40%). Eller 100, 200 - forholdet mellom dimensjonene i piksler. Dimensjonene av en av rammer, er det mulig ikke å angi (angitt som standard). For å gjøre dette før eller etter desimaltegnet du trenger å angi tegnet *.
Inne i dette paret ramme registrerer hver ramme med parametere: src = http: // site / artikkel / 143778 /% 2C sitert i det følgende henvises til en web-side, og et tittelnavn = (f.eks ramme 1).
Hekkende hver nye området er utpekt en ny ramme.
Eksempel kode:
Legg merke til i dette eksempel, for den andre og tredje rammer størrelser er foreskrevet bare en gang.
Mange panner la spillvann rammer. Eksempler på deres plassering i nettleservinduet kan bringes trinnløst (hensiktsmessig å endre koden). Imidlertid er den praktiske anvendelsen av denne informasjonen ikke finnes i lang tid. Rammer, dersom de brukes i dag til å opprette områder, men bare i form av moduler i den frie CMS eller en iframe.
flytende rammen
Jeg lurer på hvorfor det fikk navnet sitt, her ordet er mer hensiktsmessig "innebygd". Denne rammen er laget for å vise innholdet av en fil. Du laster opp til databasen ethvert dokument eller en fil ved hjelp av koder ayfreyma sette banen til det - og besøkende vil se en tekstfil (video eller bilde). Dessverre nettlesere ikke alltid gjenspeiler innholdet. Denne web utbyggere er inngått mellom åpning og lukking setningen: "Nettleseren din tillater ikke vise innholdet."
For eksempel, Seopult.ru - kjent tjeneste fra mestere å avansere. Ikke bare sin hovednettstedet, og I.seopult.pro speil skapt for portal kunder. ayfreyma koden er etablert som:
På speilet kan du se ordet "Instruksjoner" selve siden i form av en knapp. Når du klikker på den i midten av nettleservinduet åpner presentasjonen.
Alle de store nettstedene for å se filmer og TV-programmer er laget med ayfreymov (for eksempel "Imhonet"), så vel som sosiale nettverk. Selv hjemmesiden til "Yandex" inneholder denne koden, og ikke ett par.
Hvordan registrere iframe
Last ned til din nettside i form av et dokumentvindu med et rullefelt kan være på et sted. Vanligvis tager plassert inne i kroppen. I tillegg til standard
og , som vist i eksemplet ovenfor, kan anvendes, og et kode-liste -
I ayfreym lagt attributter:
- bredde (bredden) og høyde (høyde =);
- innretting av kanten justere;
- padding, som ikke kan foreskrive: Standardverdien er 6 - dette er ganske nok;
- bruke allowtransparency åpenhet ramme feltet, kan du angi at du kan se siden bakgrunn;
- pluss det kjente scr, navn, rulling, grensen.
Navigasjon ved hjelp ayfreyma
Det mest interessante er evnen innen rammer - dette er å skrive kode som gjør det mulig å åpne innholdet i vinduet på linken - hva gjorde skaperne Seopult speil, bare med flere referanser (både tilgjengelige for brukeren på samme side).
For dette tatt ayfreym, det registrerer også navnet etter name =. For eksempel, zagolovok. Videre, foran seg i koder og referanser som er foreskrevet av en HREF = http: // site / artikkel / 143778 /% D1% indikerer obligatoriske 81 etter at de attributt target = zagolovok. Før du kan bruke en avsluttende koden, indikert inskripsjon, som vil tjene som referanse knappen. Tags "og" åpning og lukking er i p-taggen.
du kan tildele disse få linjer med kode for å endelig komme på nettet på rad på noen knapper, koblinger, klikke på det vinduet nedenfor vil vise forskjellig innhold.
Koden vil se slik ut: