Ynternet, Web Design
Frame - wat is dit? Struktuer en kreëarjen fan freems
Frame - in gebiet fan de side (it finster), dêr't wy sjogge in oare webstee. Webmasters wurde mei help fan dizze gelegenheid om sjen 'e thússide fan harren freonen of Associates. Itselde metoade wurdt brûkt foar werjefte yn de finsters sykfjild en in oantal fan syn resultaat, ensafuorthinne. D.
Mar meast de kaders dy't brûkt wurde yn 'e oprjochting fan grutte web portalen, dêr't in flink oantal menu' s en submenu 's. Sokke meastal sizze: "site yn frames." Om meitsjen sa'n boarne freget om in goede kennis fan HTML-taal.
Meitsje frames in webside bouwer
Yn guon webside bouwer jout automatyske generaasje fan sa'n koade. Typysk, it tafoegjen fan kaai frame is yn 'e wichtichste programma menu. Earst, moatte jo pleatse it rinnerke op it goede plak op 'e side, klik dan op de knop te iepenjen it finster (lykas werjûn yn de skermprint). It is mooglik om te spesifisearjen it adres fan 'e side dy't dan iepen yn it frame, en oanpasse de diminsjes: breedte en hichte.
Mar meast de kaders dy't brûkt wurde yn 'e oprjochting fan grutte web portalen, dêr't in flink oantal menu' s en submenu 's. Sokke meastal sizze: "site yn frames." Om meitsjen sa'n boarne freget om in goede kennis fan HTML-taal.
Mei dit "tsjinst" is mooglik te meitsjen meardere freems op in side, allinnich de ynter-relatearre eleminten dus je net krije.
Frames in CMS
In soad programma foar it meitsjen fan websiden mooglikheid fan ynstallaasje fan 'e module. Bygelyks, foar Joomla frame - dizze module "wrapper (wrapper)".
It kin te finen en ynstelle yn it CMS Joomla kontrôle paniel: "Tafoegings" - "Module behearder" - "Nij" (de rûne oranje knop mei in plus teken fan binnen). Yn it pop-up finster, yn de list, sjogge jo in module fan "wrapper".
As it net, dan is it net opnommen. Om brûke, dan earst moatte aktivearjen dat hjir: de ljepper "Tafoegings", de "Extension behearder", dan "beheare" ljepper. En sykje op de list dat ferskynt, kinne jo fluch sykje foar yn it "Filter" om yn it wurd: wrapper. Dêr tsjinoer dizze module moat wêze griene Checkmark byldkaike binnen. In reade sirkel mei in stip binnen betsjut dat de plugin wurdt útskeakele.
Nei dy proseduere, dan kinne jo werom nei de "Module Manager", meitsje in frame en set syn parameters.
Sa't ek te sjen yn 'e foto, de module kinne jo ynstelle: de titel fan it frame, de module posysje, selektearje de side fan' e side dy't neffens it wurdt werjûn. Jo kinne ek oanpasse 'e breedte, hichte; add in frame en de eigentlike keppeling op in webside. As de frame jo wolle werjaan de wichtichste side fan in side folsleine breedte, 100%, de standert, sil net genôch. Jo kinne feilich sette rjochter 400%. In hichte fan 200 is meastal genôch om de werjefte fan 'e top menu fan de side. De rest fan 'e ynhâld sil sichtber as de brûker (de besiker) brûk de skowbalke.
Hjir is in foarbyld fan wat in frame yn Jumla.
Joomla module foar it meitsjen fan it frame is hiel handig en maklik te brûken. Lykwols, de strekking dêrfan is beheind, likegoed as ûntwerper funksjes.
Skiednis en realiteit
Yn de praktyk fan it meitsjen fan websiden fan de freems dy tag (syn applikaasje) is lang al degradearre nei de eftergrûn. Se wienen by steat om te ferfangen modules, yn it ynstellen fan in ûntwerp programma dat generearret code for in webside sûnder saytostroitelya. Lykwols, yn guon gefallen dat is net genôch. Bygelyks, as de frame - is in yntegrale komplekse struktuer fan 'e gebieten wurde werjûn yn' e browser. Sa sjogge de eigners komplekse strukturearre sites. By syn skepping binne allinnich yn ekstreme gefallen omdat freymovskie websiden makke allinnich mei spesjalisearre tags.
kompleks strukturearre sites
Foar harren, it ta stân kommen fan ferskate interrelated freems is in optimale oplossing organisearje ynhâld op 'e boarne. Dit is meastal de grutte portalen, sprawling mei sterker alle jierren.
Hoe berikke itselde resultaat? Hoe te meitsjen in frame struktuer?
Hoe to fieren it frame yn de side koade
Frames wurde tafoege oan HTML mei help fan it tag:
- frame (foar in apart finster)
- freemset (hiele struktuer wurdt makke mei it);
- iframe ( "driuwend" frame);
- noframes (yn gefal fan net-byldskerm frame yn de brûker blêder).
De earste oantsjutte tag altyd passe yn in pear
fariaasjes registraasje
Hiele site side kin ûnderferdield wurde yn regio. Bygelyks, lykas dit:
lofts | top frame |
rjochts |
Sa'n struktuer (dat hjit briede) kinne krigen wurde troch it skriuwen fan in tag binnen COLS attribute, wat oanjout de lokaasje fan 'e horizontale frame, en rigen - fertikaal. It moat wurde sette in lyk oan teken en foarskreaun maten. Bygelyks, 60%, 40% - it persintaazje (iene finster nimt 60% fan de romte blêder oar, respektivelik, 40%). Of 100, 200 - de ferhâlding fan de diminsjes yn piksels. De ôfmjittings fan ien fan de kaders, is it mooglik net te stellen (set standert). Om dit foar of nei it desimale punt moatte jo oantsjutte it karakter *.
Binnen dizze pear freemset registrearret elk frame mei parameters: src = http: // site / artikel / 143778 /% 2C oanhelle hjirnei referinsje is makke nei in webside en in titel name = (bgl, frame 1).
Nesting elke nije gebiet is oanwiisd as nije freemset.
Foarbyld koade:
Merken yn dit foarbyld, foar de twadde en tredde kaders maten wurde foarskreaun mar ien kear.
In soad pannen steane rinne frames. Foarbylden fan harren lizzing yn de blêder finster kin brocht ûneinich (passende wize feroaret de koade). Lykwols, de praktyske tapassing fan dizze ynformaasje is net fûn foar in lange tiid. Frames, as brûkt hjoed te meitsjen sites, mar allinnich yn de foarm fan modules yn de frije CMS- of in iframe.
driuwend frame
Ik fernuverje har dat er krige syn namme, hjir it wurd is mear passende "ynboude". Dit frame is ûntwurpen om it werjaan fan de ynhâld fan in triem. Jo oplade nei de databank gjin dokumint of triem mei tags ayfreyma set it paad nei it - en besikers sille sjogge in tekst triem (video of foto). Spitigernôch, browsers net altiten oanslute by de ynhâld. Dizze web bouwers ynfierd binne tusken de iepening en de ôfsluting wurden: "Jo browser net werjaan de ynhâld."
Bygelyks, Seopult.ru - bekend tsjinst fan 'e bazen te foarút. Net allinne syn wichtichste webside, en I.seopult.pro spegel makke foar Portal klanten. ayfreyma koade wurdt oprjochte as:
Op de spegel sjogge jo it wurd "Ynstruksjes" side sels yn 'e foarm fan in knop. As jo klikke op it yn it sintrum fan 'e blêder finster iepenet presintaasje.
Alle grutte plakken foar films en TV shows wurde makke mei help fan ayfreymov (bygelyks, "Imhonet"), likegoed as sosjale netwurken. Sels de thússide fan "Yandex" befettet dizze tag, en net ien pear.
Hoe registrearje iframe
Ynlade nei jo website yn 'e foarm fan in dokumint finster mei in Scroll bar kin yn elts plak. Meastal tags ynlevere binnen lichem. Njonken de standert
en , lykas werjûn yn it foarbyld hjirboppe kin brûkt wurde en in tag list -
Yn ayfreym tafoege attributes:
- breedte (breedte) en hichte (height =);
- aligning de râne align;
- padding, dat kin net foarskriuwen: De standert wearde is 6 - dit is hiel genôch;
- mei help fan allowtransparency transparânsje frame fjild, kinne jo oanjaan dat jo sjen kinne de side eftergrûn;
- plus de bekende SCR, namme, rôlje, grins.
Navigaasje brûkend ayfreyma
De meast nijsgjirrige is de mooglikheid op it mêd fan de freems - dat is te skriuwen koade wêrmei iepenje de ynhâld yn it finster op de keppeling - wat diene de makkers Seopult spiegel, allinne mei ferskate ferwizingen (sawol beskikber foar de brûker op de selde side).
Foar dit nommen ayfreym, dat boppedat registrearret de namme nei namme =. Bygelyks, zagolovok. Fierder, foar him yn tags en referinsjes foarskreaun troch in href = http: // site / artikel / 143778 /% D1% oanjouwe de ferplichte 81 neidat sy attribute target = zagolovok. Foardat jo brûke in tadwaan tag, oanjûn opskrift, dat sil tsjinje as de ferwizing knop. Tags "en" iepening en ôfsluting binne yn 'e p tag.
Jo tawize kinne dizze pear rigels fan koade om úteinlik krije online yn in rige in pear knoppen, keppelings, te klikken op dat finster hjirûnder sille werjaan ferskillende ynhâld.
De koade soe der sa útsjen: