Raam on ala saidil (aken), kus on nähtav teine veebileht. Veebimeistrid kasutavad seda võimalust oma sõprade või partnerite saitide avalehe esitlemiseks. Sama tehnikat kasutatakse otsinguvormi kuvamisel kastides, mille kõrval on tulemus jne.
Kuid enamasti kasutatakse raame suurte veebiportaalide loomisel, kus on vaja arvestatavat hulka menüüpunkte ja alammenüüsid. Tavaliselt öeldakse selliste inimeste kohta: "veebisait raamidel". Sellise ressursi loomiseks on vaja häid HTML-i teadmisi.
Raamide loomine veebisaidi koostajas
Mõned veebisaitide koostajad pakuvad sellise koodi automaatset genereerimist. Tavaliselt asub raami lisamise nupp programmi peamenüüs. Kõigepe alt peate viima kursori lehel õigesse kohta, seejärel klõpsake nuppu, avaneb aken (nagu on näidatud ekraanipildil). Selles saate määrata raamis avaneva lehe aadressi ja reguleerida mõõtmeid: laius ja kõrgus.
Kuid enamasti kasutatakse raame suurte veebiportaalide loomisel, kus on vaja arvestatavat hulka menüüpunkte ja alammenüüsid. Tavaliselt öeldakse selliste inimeste kohta: "veebisait raamidel". Sellise ressursi loomiseks on vaja häid teadmisiHTML keel.
Selle "teenuse" abil on võimalik lehele luua mitu kaadrit, kuid omavahel seotud elemente niimoodi ei saa.
Raamid CMS-is
Paljudes veebilehtede loomise programmides on võimalik paigaldada vastav moodul. Näiteks Joomla puhul on raam "Wrapper" moodul.
Seda saab leida ja luua Joomla CMS-i juhtpaneelilt: "Laiendused" - "Moodulihaldur" - "Loo" (ümmargune oranž nupp, mille sees on plussmärk). Hüpikaknas loendis näete moodulit "Wrapper".
Kui seda siin pole, pole see kaasas. Selle kasutamiseks peate selle esm alt aktiveerima siin: vahekaart "Laiendused", seejärel "Laiendushaldur", seejärel vahekaart "Haldamine". Ja me otsime avanevas loendis, et kiireks otsinguks väljale "Filter" sisestada sõna: Wrapper. Selle mooduli vastas peaks olema roheline ikoon, mille sees on linnuke. Punane ring, mille sees on punkt, tähendab, et see pistikprogramm on keelatud.
Pärast seda protseduuri saate naasta "Moodulihaldurisse", luua raami ja määrata selle parameetrid.
Nagu pildilt näete, võimaldab moodul määrata: pealkirja raami kohal, mooduli asukoha, valida saidi leheküljed, millel seda kuvatakse. Ja reguleerige ka laiust, kõrgust; lisa raam ja tegelikultlink veebilehele. Kui soovite kaadris kuvada saidi avalehte täislaiuses, siis vaikimisi seatud 100% -st ei piisa. Võid kohe julgelt 400% panna. Lehe ülamenüü kuvamiseks piisab tavaliselt kõrgusest 200. Kogu muu sisu on nähtav, kui kasutaja (veebisaidi külastaja) kasutab kerimisriba.
Siin on näide selle kohta, mis on raam Joomlas.
Jumla moodul raami loomiseks on väga mugav ja lihtne kasutada. Selle võimalused on aga piiratud, nagu ka konstruktori võimalused.
Ajalugu ja tegelikkus
Kaadritest saitide loomisel on see silt (selle rakendus) juba ammu tagaplaanile jäänud. Neid suudeti asendada moodulite, seadistustega konstruktoriprogrammides, mis genereerivad veebilehe koodi ilma saidi koostaja osaluseta. Mõnel juhul sellest aga ei piisa. Näiteks kui raam on brauseris kuvatavate alade terviklik kompleksstruktuur. Nii näevad seda keerulise struktuuriga saitide omanikud. Selle loomist kasutatakse ainult äärmuslikel juhtudel, kuna raami saidid luuakse ainult spetsiaalsete siltide abil.
Keerulise struktuuriga saidid
Nende jaoks on mitme omavahel ühendatud kaadri loomine parim lahendus ressursilehtede sisu korraldamiseks. Need on reeglina suured portaalid, mis muutuvad iga aastaga tugevamaks.
Kuidas saavutada sama tulemust? Kuidas luuakse raami struktuur?
Kuidassisestage raam lehe koodi
HTML-i raamid lisatakse siltide abil:
- raam (eraldi akna jaoks);
- frameset (kasutades seda terve struktuuri loomiseks);
- iframe ("ujuv" raam);
- noframes (juhul, kui raami kasutaja brauseris ei kuvata).
Esimene määratud silt mahub alati paari ja. Ja see asendab ja. Ja sobivate atribuutide abil saate kohandada iga elemendi omadusi: nime (nimi=), suurust (cols=ja read=), äärise (äärise) olemasolu, kerimisriba välimust ja loomulikult link kuvatavale veebilehele.
Disaini variatsioonid
Kogu saidi lehe saab jagada piirkondadeks. Näiteks nii:
| Vasakule | Ülemine raam |
| Õige |
Sellise struktuuri (seda nimetatakse pesastatud) saab, kui kirjutate sildi sisse atribuudi cols, mis tähendab raami asukohta horisontaalselt ja read - vertikaalselt. Järgmiseks pannakse=märk ja määratakse mõõtmed. Näiteks 60%, 40% - protsent (üks aken võtab 60% brauseri ruumist, teine vastav alt 40%). Või 100, 200 - kuvasuhe pikslites. Ühe kaadri suurust ei saa üldse määrata (see määratakse vaikimisi). Selleks tuleb pärast või enne koma määrata sümbol.
Pesastumineiga uus ala on tähistatud uue raamikomplektiga.
Koodi näide:
Pange tähele, et meie näites on teise ja kolmanda kaadri suurused määratud ainult üks kord.
Paljud ideed võimaldavad teil kaadreid täiendada. Näiteid nende asukoha kohta brauseriaknas võib tuua lõputult (muutes vastav alt koodi). See teave pole aga pikka aega praktilist rakendust leidnud. Raamid, kui neid tänapäeval saitide loomisel kasutatakse, on ainult moodulite kujul tasuta CMS-is või iframe'i kujul.
Ujuv raam
Imelik, miks see sellise nime sai, siia sobib rohkem sõna "sisseehitatud". See raam luuakse faili sisu kuvamiseks. Laadite andmebaasi üles mis tahes dokumendi või faili, kirjutate selle juurde iframe siltide abil – ja külastajad näevad faili (video või pildi) teksti. Kahjuks ei renderda brauserid alati sisu. Selleks sisestavad veebiehitajad ava- ja sulgemärgendi vahele fraasi: "Teie brauser ei kuva sisu."
Näiteks Seopult.ru on reklaamimeistrite jaoks tuntud teenus. Ainult mitte tema põhisait, vaid peegel I.seopult.pro, mis on loodud portaali klientidele. Iframe'i kood kirjutatakse siia järgmiselt:
Juhised
. Kus on silt
-
loodi loendiüksuse määratlemiseks. Toetavad kõik brauserid.
Peegellehel endal näete nupu kujul olevat sõna "Juhend". Klõpsates sellel brauseriakna keskel, avaneb esitlus.
Kõik suuredsaite filmide ja seriaalide vaatamiseks luuakse iframe'ide (näiteks "Imhonet") ja sotsiaalvõrgustike abil. Isegi "Yandexi" avaleht sisaldab seda silti ja rohkem kui ühte paari.
Kuidas iframe'i kirjutada
Saate üles laadida kerimisribaga akna kujul oleva dokumendi saidi mis tahes kohta. Tavaliselt asetatakse sildid keha sisse. Väljaspool standardit
ja, nagu on näidatud ül altoodud näites, võib kasutada ka loendi silti -
-
Iframe'i lisatakse atribuudid:
- laius (laius) ja kõrgus (kõrgus=);
- serva joondus;
- taanded, mis võivad olla määratud või mitte: vaikeväärtus on 6 – see on täiesti piisav;
- läbipaistvuse lubamise abil saate määrata raamiala läbipaistvuse nii, et lehe taust oleks nähtav;
- pluss tuttav scr, nimi, kerimine, ääris.
Iframe'iga navigeerimine
Kõige huvitavam kadreerimisoskus on koodi kirjutamine, mis võimaldab avada aknas sisu lingi abil, mida tegid ka Seopulti peegli loojad, ainult mitme lingiga korraga (kasutajale samaaegselt saadaval samal lehel).
Selleks võetakse iframe, millesse kirjutatakse lisaks nimi läbi name=. Näiteks päis. Lisaks kirjutatakse enne seda siltides ja linkides läbi HREF=, mille järel on kohustuslik atribuudi märge. Enne sulgeva sildi a kasutamist märgitakse silt, mis toimib linginupuna. Sildid "a" avavad ja sulgevadon lisatud märgendisse p.
Saate kirjutada koodi mitu sellist rida, et lõpuks saidil ühele reale saada mitu lingi nuppu, millel klõpsates kuvatakse allolevas aknas erinevat sisu.
Kood näeb välja selline:
Postita kuulutus
Kuva reklaame
Image Kuidas see veebisaidil välja näeb:
Kuidas lisada Joomla saidile iframe
Standardina on Joomla juhtpaneelil lubatud (kasutusvalmis) "HTML-koodi" moodul. Selle abil saate sisestada mis tahes koodi saidi kõikjale. Siiski ignoreerib ta kangekaelselt iFremi sildiga koodi. Seetõttu kasutame spetsiaalset Jumi moodulit.
Kõigepe alt peate selle Internetist alla laadima ja installima läbi Joomla halduspaneeli: "Laiendused" - "Laiendushaldur" - "Vali fail". Määrake allalaaditud arhiivi tee ja klõpsake "Laadi alla".
Pärast edukat installimist avage "Moodulihaldur" ja looge uus. Valige Jumi tüüp. Sisestage avanevas aknas väljale "Kohandatud kood" ettevalmistatud iFrem, nagu on näidatud artikli eelmises lõigus. Andke moodulile pealkiri, määrake paigutuse asukoht ja saidi lehed. Klõpsake Salvesta ja vaadake seda.
Brauserid ja raamid
Kõik populaarsed brauserid kuvavad raamiakende sisu hästi: Chrome, Safari, Firefox, Android, iOS. Eriti kõrge on selles osas Internet Explorer ja Opera. Ja ometi pole mingit garantiidet teie saidi külastaja näeb kõigi akende sisu. Sel juhul peaksite jätma sõnumi noframe märgendi abil (avamine ja sulgemine). Sellesse saate sisestada järgmise: "Teie brauser on aegunud. Värskendage versiooni, et kuvada saidi sisu." Kui kasutaja brauser renderdab raamid õigesti, siis ta seda teadet ei näe.
Seega on raam saidi ala või aken, millel on oma URL. Kasutatakse mitme veebilehe või sõltumatu dokumendi korraga kuvamiseks ühel brauseriväljal, millel on ka oma URL. Hoolimata asjaolust, et raamid võimaldavad teil keerukat saiti hästi korraldada, pole neid pikka aega kasutatud, välja arvatud iframe. Selle sildi kasutamine on endiselt asjakohane esitluste, videopleieri, tekstidokumentide laadimisel konkreetses aknas. Seda kasutavad aktiivselt suured ja tuntud veebiressursid.
-
