InternetWeb design

Ramme - hvad er det? Struktur og skabelse af rammer

Ramme - et område af hjemmesiden (vinduet), hvor vi ser en anden webside. Webmasters bruger denne mulighed for at vise startsiden af deres venner eller bekendte. Samme metode bruges til at vise i vinduerne søgefeltet og en række dens resultat, og så videre. D.

Men for det meste de rammer, der anvendes i skabelsen af store webportaler, hvor et betydeligt antal menuer og undermenuer. En sådan plejer at sige: "site i rammer." For at oprette en sådan ressource kræver et godt kendskab til HTML-sproget.

Opret rammer i website builder

I nogle website builder giver automatisk generering af en sådan kode. Typisk tilsætning af centrale ramme er i hovedprogrammet menuen. Først skal du placere markøren på det rigtige sted på siden, og klik på knappen for at åbne vinduet (som vist i skærmbilledet). Det er muligt at angive adressen på den side, der åbner i rammen, og justere dimensionerne: bredde og højde.

Men for det meste de rammer, der anvendes i skabelsen af store webportaler, hvor et betydeligt antal menuer og undermenuer. En sådan plejer at sige: "site i rammer." For at oprette en sådan ressource kræver et godt kendskab til HTML-sproget.

Med denne "service" er muligt at oprette flere rammer på en side, kun de indbyrdes forbundne elementer, så du ikke får.

Rammer i CMS

Mange programmer til at skabe hjemmesider mulighed for installation af modulet. For eksempel til Joomla ramme - dette modul "wrapper (wrapper)".

Det kan findes og sat op i CMS Joomla kontrolpanel: "Udvidelser" - "Modul Manager" - "Ny" (den runde orange knap med et plustegn indeni). I pop-up-vindue, på listen, vil du se et modul af "indpakning".

Hvis det ikke er, så er det ikke inkluderet. For at bruge det, skal du først aktivere den her: fanen "Extensions", den "Extension Manager", derefter "Administrer" fanen. Og kigger på den liste, der vises, kan du hurtigt søge efter i "Filter" for at indtaste ordet: Wrapper. Overfor dette modul skal være grønt flueben ikon indeni. En rød cirkel med en prik betyder inde at plugin er deaktiveret.

Efter denne procedure, kan du vende tilbage til "Module Manager", skabe en ramme og sætte dens parametre.

Som det kan ses på billedet, det modul tillader dig at indstille: titlen på rammen, det modul position, vælge siden af det sted, hvor den vises. Du kan også justere bredden, højden; tilføje en ramme og det faktiske link på en webside. Hvis den ramme, du vil have vist den vigtigste side af et site fuld bredde, 100%, er standard, ikke vil være nok. Du kan trygt sætte højre 400%. En højde på 200 er normalt nok til at vise menuen øverst på siden. Resten af indholdet vil være synlig, hvis brugeren (den besøgende) bruge rullepanelet.

Her er et eksempel på, hvad en ramme i Jumla.

Joomla modul til at skabe rammen er meget praktisk og let at bruge. Men dens anvendelsesområde er begrænset, samt designertoiletartikler funktioner.

Historie og virkelighed

I den praksis at skabe hjemmesider for de rammer, tag (hans ansøgning) har længe været trængt i baggrunden. De var i stand til at erstatte moduler, fastsættelsen af et design program, der genererer kode til en webside uden saytostroitelya. Men i nogle tilfælde er dette ikke nok. For eksempel når rammen - er en integreret kompleks struktur af de områder, der skal vises i browseren. Så se ejerne komplekse strukturerede websteder. På sin oprettelse er kun i ekstreme tilfælde, fordi freymovskie hjemmesider udelukkende skabt med specialiserede tags.

komplekse strukturerede sites

For dem, oprettelse af flere indbyrdes forbundne rammer er en optimal løsning organisere indhold på ressourcen. Dette er som regel de store portaler, sprudlende med stærkere hvert år.

Sådan at opnå det samme resultat? Sådan oprettes en rammekonstruktion?

Hvordan at komme ind i rammen på siden koden

Rammer føjes til HTML ved hjælp af tag:

  • ramme (for et separat vindue)
  • rammesæt (hele strukturen er skabt med det);
  • iframe ( "flydende" ramme);
  • noframes (i tilfælde af ikke-display ramme i brugerens browser).

Den første angivne tag altid passer ind i et par af og . Og det erstatter og . Og med de passende attributter kan du justere egenskaberne for hvert punkt: navn (name =), størrelse (cols = og rækker =), tilstedeværelsen af rammen (grænse), i form af rullepanelet og, selvfølgelig, et link til en webside for at vise.

variationer registrering

Hele hjemmeside side kan opdeles i regioner. For eksempel sådan her:

venstre

topramme

højre

En sådan struktur (det kaldes nestet) kan opnås ved at skrive en kode inde cols attribut, der angiver placeringen af den vandrette ramme, og rækker - lodret. Det skal sætte et lighedstegn og foreskrevne størrelser. For eksempel 60%, 40% - procentdelen (ét vindue tager 60% af pladsen browser især henholdsvis, 40%). Eller 100, 200 - forholdet mellem dimensionerne i pixels. Dimensionerne af et af rammer, er det muligt ikke at sætte (indstillet som standard). For at gøre dette før eller efter kommaet skal du angive tegnet *.

Inde dette par rammesæt registrerer hver ramme med parametre: src = http: // site / artikel / 143.778 /% 2C citeret i det følgende henvises til en webside og en titel name = (fx ramme 1).

Nesting hver ny Området er udpeget et nyt rammesæt.

Eksempel kode:

Læg mærke til i dette eksempel, for det andet og tredje frames størrelser er ordineret kun én gang.

En masse pander tillader køre rammer. Eksempler på deres placering i browservinduet kan bringes uendeligt (passende at ændre koden). Imidlertid er den praktiske anvendelse af disse oplysninger ikke fundet i lang tid. Rammer, hvis de bruges i dag til at oprette websteder, men kun i form af moduler i det frie CMS eller en iframe.

flydende ramme

Jeg spekulerer på, hvorfor det fik sit navn, her ordet er mere passende "indbygget". Denne ramme er designet til at vise indholdet af en fil. Du uploader til databasen ethvert dokument eller en fil ved hjælp af tags ayfreyma indstille stien til det - og de besøgende vil se en tekstfil (video eller billede). Desværre har browsere ikke altid afspejler indholdet. Denne web bygherrer indtastes mellem åbningen og lukningen sætning: "Din browser understøtter ikke vist indholdet."

For eksempel Seopult.ru - kendt tjeneste fra mestre for at gå videre. Ikke blot dens vigtigste hjemmeside, og I.seopult.pro spejl skabt til portal kunder. ayfreyma kode er etableret som:

  • Vejledning . Hvor
  • tag er designet til at bestemme element på listen. Støttet af alle browsere.

    På spejlet kan man se ordet "Instructions" selve siden i form af en knap. Når du klikker på det i midten af browservinduet åbner præsentationen.

    Alle de store sites for at se film og tv-serier er skabt ved hjælp af ayfreymov (fx "Imhonet"), såvel som sociale netværk. Selv startsiden for "Yandex" indeholder dette tag, og ikke et par.

    Sådan registrerer iframe

    Hent til dit website i form af et dokument vindue med en rullepanel kan være i ethvert sted. Forventet tags anbragt inden kroppen. Ud over den standard

    og , som vist i eksemplet ovenfor kan bruges og et tag liste -

  • .

    I ayfreym tilføjede attributter:

    • bredde (bredde) og højde (højde =);
    • juster kanten align;
    • polstring, som ikke kan foreskrive: den standard værdi er 6 - det er helt nok;
    • hjælp allowtransparency gennemsigtighed ramme felt kan du angive, at du kan se den side baggrund;
    • plus den velkendte scr, navn, rulning, grænsekontrol.

    Navigation ved hjælp ayfreyma

    Det mest interessante er muligheden inden for rammer - det er at skrive kode, der gør det muligt at åbne indholdet i vinduet på linket - hvad gjorde skaberne Seopult spejl, kun med flere referencer (både til rådighed for brugeren på samme side).

    Til dette taget ayfreym, det desuden registrerer navn efter navn =. F.eks zagolovok. Endvidere foran ham i tags og referencer ordineret af en href = http: // site / artikel / 143.778 /% D1% angiver den obligatoriske 81, efter at de tilskriver target = zagolovok. Før du kan bruge en afsluttende tag, indikeret indskrift, der skal tjene som reference knappen. Tags "og" åbning og lukning er i p-tag.

    du kan tildele disse få linjer kode for endelig at komme online i træk på et par knapper, links, klikke på det vindue nedenfor vil vise forskelligt indhold.

    Koden vil se sådan ud:

    post gratis annoncer

    Se annoncen