Internet, Web Design

Raam - wat is dit? Struktuur en die skepping van rame

Raam - 'n gebied van die webwerf (die venster), waarin sien ons nog 'n web bladsy. Webmasters gebruik hierdie geleentheid om die tuisblad van hul vriende of medewerkers wys. Dieselfde metode word gebruik om te vertoon in die vensters soekkassie en 'n aantal van sy gevolg, en so aan. D.

Maar meestal die rame gebruik in die skepping van 'n groot webportale, waar 'n groot aantal van spyskaarte en subkieslyste. Soos gewoonlik sê: "site in rame." Om so 'n hulpbron te skep vereis 'n goeie kennis van HTML-taal.

Skep rame in webwerf bouer

In sommige webwerf bouer bied outomatiese generasie van so 'n kode. Tipies, die byvoeging van sleutel raam is in die hoofprogram spyskaart. In die eerste plek moet jy die muis te plaas op die regte plek op die bladsy, kliek op die knoppie om die venster oop te maak (soos in die kiekie). Dit is moontlik om die adres van die bladsy wat sal oopmaak in die raam spesifiseer, en pas die dimensies: breedte en hoogte.

Maar meestal die rame gebruik in die skepping van 'n groot webportale, waar 'n groot aantal van spyskaarte en subkieslyste. Soos gewoonlik sê: "site in rame." Om so 'n hulpbron te skep vereis 'n goeie kennis van HTML-taal.

Met hierdie "diens" is moontlik om verskeie rame te skep op 'n bladsy, net die onderling verwante elemente, sodat jy nie kry.

Rame in CMS

Baie programme vir die skep van webtuistes moontlikheid van installering van die module. Byvoorbeeld, vir Joomla raam - hierdie module "wrapper (wrapper)".

Dit kan gevind word en die opstel van die CMS Joomla control panel: "Uitbreidings" - "Module Manager" - "Nuwe" (die ronde oranje knoppie met 'n plus teken binne). In die pop-up window, in die lys, jy sal 'n module van "wrapper" sien.

As dit is nie, dan is dit nie ingesluit. Om dit te gebruik, moet jy eers dit hier te aktiveer: die blad "Uitbreidings", die "Uitbreiding Bestuurder", dan "Bestuur" blad. En kyk na die lys wat verskyn, kan jy vinnig soek in die "Filter" om die woord te voer: wrapper. Teenoorgestelde moet hierdie module groen vinkje ikoon in wees. 'N rooi sirkel met 'n dot beteken binne die prop is afgeskakel.

Na hierdie proses, kan jy terugkeer na die "Module Manager", skep 'n raam en stel sy parameters.

Soos gesien kan word in die prentjie, die module laat jou toe om te stel: die titel van die raam, die module posisie, kies die bladsy van die terrein waarop dit vertoon word. Jy kan ook die breedte, hoogte aan te pas; voeg 'n raam en die werklike skakel op 'n webblad. As die raam wat jy wil hê dat die hoofblad van 'n webwerf full-breedte, 100%, die verstek te vertoon, sal nie genoeg wees nie. Jy kan veilig sit reg 400%. 'N hoogte van 200 is gewoonlik genoeg om die top kieslys van die bladsy vertoon. Die res van die inhoud sal sigbaar wees as die gebruiker (die besoeker) die rolbalk gebruik.

Hier is 'n voorbeeld van hoe 'n raam in Jumla.

Joomla module vir die skep van die raam is baie gerieflik en maklik om te gebruik. Maar die omvang is beperk, sowel as ontwerper funksies.

Geskiedenis en die werklikheid

In die praktyk van die skep van webwerwe van die rame wat tag (sy aansoek) is lank reeds op die agtergrond geskuif. Hulle was in staat om modules te vervang, in die opstel van 'n ontwerp program wat kode genereer vir 'n webblad sonder saytostroitelya. Maar in sommige gevalle is dit nie genoeg nie. Byvoorbeeld, wanneer die raam - is 'n geïntegreerde komplekse struktuur van die gebiede te vertoon in die leser. So sien die eienaars komplekse gestruktureerde webwerwe. By sy skepping is net in uiterste gevalle omdat freymovskie webwerwe uitsluitlik geskep met gespesialiseerde tags.

komplekse gestruktureerde webwerwe

Vir hulle is die skepping van 'n paar interafhanklik rame is 'n optimale oplossing te organiseer inhoud op die hulpbron. Dit is gewoonlik die groot portals, gespartel met sterker elke jaar.

Hoe om dieselfde resultaat te bereik? Hoe om 'n raamstruktuur skep?

Hoe om die raam in die bladsy kode te betree

Rame bygevoeg na HTML met behulp van die tag:

  • raam (vir 'n aparte venster)
  • frameset (hele struktuur is geskep met dit);
  • iframe ( "swaai" raam);
  • noframes (in geval van nie-vertoning raam in die gebruiker se webblaaier).

Die eerste gespesifiseerde tag altyd pas in 'n paar van die en . En dit vervang die en . En met die toepaslike eienskappe kan jy die eienskappe van elke item te pas: naam (name =), grootte (cols = en rye =), die teenwoordigheid van die raam (grens), die vorm van die rolbalk en, natuurlik, 'n skakel na 'n webblad te vertoon.

variasies registrasie

Die hele werf bladsy kan verdeel word in streke. Byvoorbeeld, soos volg:

links

top raam

reg

So 'n struktuur (dit is geneste genoem) kan verkry word deur die skryf van 'n tag binnekant cols skryf, dui die ligging van die horisontale raam, en rye - vertikaal. Daar moet kennis gestel 'n gelyk teken en voorgeskrewe groottes. Byvoorbeeld, 60%, 40% - die persentasie (een venster neem 60% van die ruimte leser 'n ander, onderskeidelik, 40%). Of 100, 200 - die verhouding van die grootte in pixels. Die dimensies van een van rame, is dit moontlik (by verstek) nie op te rig. Om dit te doen voor of na die desimale punt wat jy nodig het om die karakter te gee *.

Binne hierdie paar frameset registreer elke raam met parameters: src = http: // site / artikel / 143778 /% 2C aangehaal hierna verwys word na 'n webblad en 'n titel name = (bv raam 1).

Nes elke nuwe gebied is aangewys as 'n nuwe frameset.

Byvoorbeeld kode:

Let in hierdie voorbeeld, vir die tweede en derde rame groottes is slegs een keer voorgeskryf.

Daar is baie van panne toelaat hardloop rame. Voorbeelde van hul plek in die venster kan oneindig gebring (gepas verandering van die kode). Dit is egter die praktiese toepassing van hierdie inligting nie gevind vir 'n lang tyd. Rame, as dit gebruik word vandag om webwerwe te skep nie, maar slegs in die vorm van modules in die gratis CMS of 'n iframe.

swaai raam

Ek wonder hoekom dit sy naam gekry het, hier die woord is meer gepas "ingeboude". Hierdie raam is ontwerp om die inhoud van 'n lêer te vertoon. Jy oplaai na die databasis 'n dokument of lêer met tags ayfreyma die pad gestel om dit - en besoekers sal 'n teks lêer (video of beeld) te sien. Ongelukkig het blaaier nie altyd weerspieël die inhoud. Hierdie web bouers ingeskryf tussen die opening en die sluiting frase: "Jou blaaier nie die inhoud te vertoon."

Byvoorbeeld, Seopult.ru - bekend diens van die meesters te bevorder. Nie net sy hoof webwerf, en I.seopult.pro spieël geskep vir portaal kliënte. ayfreyma kode is gestig as:

  • instruksies . Waar
  • tag is ontwerp om die lys item te bepaal. Deur alle blaaiers.

    Op die spieël kan jy die woord "instruksies" bladsy self te sien in die vorm van 'n knoppie. As jy kliek op dit in die middel van die venster oopmaak aanbieding.

    Al die groot plekke vir fliek en TV-programme is geskep met behulp van ayfreymov (bv, "Imhonet"), sowel as sosiale netwerke. Selfs die tuisblad van "Yandex" bevat hierdie merker, en nie een paar.

    Hoe om iframe registreer

    Laai na jou webwerf in die vorm van 'n dokument venster met 'n scroll bar kan wees in enige plek. Gewoonlik Tags weggedoen binne liggaam. In bykomend tot die standaard

    en , soos in die voorbeeld hierbo gebruik kan word en 'n tag lys -

  • .

    In ayfreym bygevoeg kenmerke:

    • wydte (breedte) en hoogte (hoogte =);
    • aanpassing van die rand align;
    • padding, wat nie kan skryf: die verstek waarde is 6 - dit is heeltemal genoeg;
    • gebruik van allowtransparency veld deursigtigheid raam, kan jy spesifiseer dat jy die bladsy agtergrond kan sien;
    • plus die bekende BSG, naam, blaai, grens.

    Navigasie met behulp van ayfreyma

    Die mees interessante is die vermoë in die veld van rame - dit is die kode wat dit moontlik maak om die inhoud in die venster op die skakel oop te skryf - wat het die skeppers Seopult spieël, net met 'n paar verwysings (beide beskikbaar om die gebruiker op dieselfde bladsy).

    Vir hierdie geneem ayfreym, dit registreer addisioneel die naam na name =. Byvoorbeeld, zagolovok. Verdere, in die voorkant van hom in tags en verwysings deur 'n HREF = http voorgeskryf: // site / artikel / 143778 /% D1% dui die verpligte 81 nadat hulle teiken kenmerk = zagolovok. Voordat jy 'n sluiting tag kan gebruik, aangedui inskripsie, wat as die verwysing knoppie sal dien. Tags "en" die opening en sluiting is in die p tag.

    jy kan hierdie paar reëls van die kode toewys om uiteindelik aanlyn te kry in 'n ry 'n paar knoppies, skakels, kliek op die venster hieronder sal verskillende inhoud te vertoon.

    Die kode sal soos volg lyk:

    Post Free advertensies

    Kyk na die advertensie