Një kornizë është një zonë në një sajt (dritare) në të cilën një faqe tjetër ueb është e dukshme. Webmasterët e përdorin këtë mundësi për të shfaqur faqen kryesore të faqeve të miqve ose partnerëve të tyre. E njëjta teknikë përdoret për të shfaqur formularin e kërkimit në kutitë me rezultatin pranë tij, etj.
Por kryesisht kornizat përdoren në krijimin e portaleve të mëdha në internet, ku kërkohet një numër i konsiderueshëm i artikujve të menysë dhe nënmenuve. Ata zakonisht thonë për njerëz të tillë: "faqe në korniza". Një njohuri e mirë e HTML është e nevojshme për të krijuar një burim të tillë.
Krijimi i kornizave në ndërtuesin e faqes në internet
Disa ndërtues faqesh interneti ofrojnë gjenerim automatik të një kodi të tillë. Zakonisht butoni i shtimit të kornizës ndodhet në menynë kryesore të programit. Së pari ju duhet të vendosni kursorin në vendin e duhur në faqe, pastaj klikoni butonin, do të hapet një dritare (siç tregohet në pamjen e ekranit). Në të, mund të vendosni adresën e faqes që do të hapet në kornizë dhe të rregulloni dimensionet: gjerësinë dhe lartësinë.
Por kryesisht kornizat përdoren në krijimin e portaleve të mëdha në internet, ku kërkohet një numër i konsiderueshëm i artikujve të menysë dhe nënmenuve. Ata zakonisht thonë për njerëz të tillë: "faqe në korniza". Për të krijuar një burim të tillë kërkon njohuri të miragjuha HTML.
Me ndihmën e këtij "shërbimi" është e mundur të krijohen disa korniza në faqe, por nuk do të merrni elementë të ndërlidhur në këtë mënyrë.
Korniza në CMS
Në shumë programe për krijimin e faqeve të internetit, është e mundur të instaloni modulin përkatës. Për shembull, për Joomla, një kornizë është një modul "Wrapper".
Mund të gjendet dhe të krijohet në panelin e kontrollit të Joomla CMS: "Zgjerime" - "Menaxheri i Modulit" - "Krijo" (një buton i rrumbullakët portokalli me një shenjë plus brenda). Në dritaren që shfaqet, në listë, do të shihni modulin "Wrapper".
Nëse nuk është këtu, nuk përfshihet. Për ta përdorur atë, fillimisht duhet ta aktivizoni këtu: skeda "Zgjerime", më pas "Menaxheri i Zgjerimeve", më pas skeda "Menaxhimi". Dhe ne po kërkojmë në listën që hapet, për një kërkim të shpejtë në fushën "Filter" shkruani fjalën: Wrapper. Përballë këtij moduli duhet të ketë një ikonë të gjelbër me një shenjë kontrolli brenda. Një rreth i kuq me një pikë brenda do të thotë që kjo shtojcë është çaktivizuar.
Pas kësaj procedure, mund të ktheheni te "Menaxheri i Modulit", të krijoni një kornizë dhe të vendosni parametrat e tij.
Siç mund ta shihni në foto, moduli ju lejon të vendosni: titullin mbi kornizë, pozicionin e modulit, zgjidhni faqet e faqes në të cilën do të shfaqet. Dhe gjithashtu rregulloni gjerësinë, lartësinë; shtoni një kornizë dhe në faktlidhje me një faqe interneti. Nëse në një kornizë dëshironi të shfaqni faqen kryesore të një faqeje në gjerësi të plotë, atëherë 100%, e vendosur si parazgjedhje, nuk do të mjaftojë. Ju mund të vendosni menjëherë me siguri 400%. Një lartësi prej 200 është zakonisht e mjaftueshme për të shfaqur menunë e sipërme të faqes. E gjithë përmbajtja tjetër do të jetë e dukshme nëse përdoruesi (vizori i faqes në internet) përdor shiritin e lëvizjes.
Këtu është një shembull se çfarë është një kornizë në Joomla.
Moduli Jumla për krijimin e një kornize është shumë i përshtatshëm dhe i lehtë për t'u përdorur. Megjithatë, aftësitë e tij janë të kufizuara, siç janë aftësitë e konstruktorit.
Histori dhe realitete
Në praktikën e krijimit të faqeve nga kornizat, ky etiketë (aplikimi i tij) është zbehur prej kohësh në sfond. Ato mundën të zëvendësoheshin me module, cilësime në programe konstruktore që gjenerojnë kode për një faqe ueb pa pjesëmarrjen e një ndërtuesi të faqes. Megjithatë, në disa raste kjo nuk mjafton. Për shembull, kur një kornizë është një strukturë komplekse gjithëpërfshirëse e zonave të shfaqura në shfletues. Kështu e shohin pronarët e faqeve të strukturuara komplekse. Krijimi i tij përdoret vetëm në raste ekstreme, pasi faqet e kornizave krijohen ekskluzivisht me ndihmën e etiketave të specializuara.
Sajte të strukturuara në mënyrë komplekse
Për ta, krijimi i disa kornizave të ndërlidhura është zgjidhja më e mirë për organizimin e përmbajtjes në faqet e burimeve. Këto janë, si rregull, portale të mëdha, që forcohen çdo vit.
Si të arrini të njëjtin rezultat? Si krijohet struktura e kornizës?
Sifut kornizën në kodin e faqes
Kornizat në HTML shtohen duke përdorur etiketat:
- kornizë (për një dritare të veçantë);
- kornizë (duke e përdorur atë për të krijuar një strukturë të tërë);
- iframe (kornizë "lundruese");
- noframes (në rast se korniza nuk shfaqet në shfletuesin e përdoruesit).
Etiketa e parë e specifikuar përshtatet gjithmonë në një palë dhe. Dhe zëvendëson dhe. Dhe me ndihmën e atributeve të duhura, ju mund të rregulloni karakteristikat e secilit element: emrin (emri=), madhësinë (cols=dhe rreshtat=), praninë e një kufiri (kufiri), pamjen e shiritit të lëvizjes dhe, sigurisht, lidhja në faqen e internetit për t'u shfaqur.
Variantet e dizajnit
E gjithë faqja e faqes mund të ndahet në zona. Për shembull, si kjo:
| Majtas | Korniza e sipërme |
| Djathtas |
Një strukturë e tillë (quhet e mbivendosur) mund të merret duke shkruar atributin cols brenda etiketës, që do të thotë vendndodhjen e kornizës horizontalisht dhe rreshtat - vertikalisht. Më pas vendoset shenja=dhe përshkruhen dimensionet. Për shembull, 60%, 40% - përqindje (njëra dritare do të marrë 60% të hapësirës së shfletuesit, tjetra, përkatësisht, 40%). Ose 100, 200 - raporti i pamjes në piksele. Madhësia e njërit prej kornizave nuk mund të vendoset fare (ajo do të vendoset si parazgjedhje). Për ta bërë këtë, pas ose përpara presjes, duhet të specifikoni simbolin.
Folezëçdo zonë e re shënohet me një grup të ri kornizash.
Shembull kodi:
Vini re se në shembullin tonë, për kuadrin e dytë dhe të tretë, madhësitë janë specifikuar vetëm një herë.
Shumë ide ju lejojnë të plotësoni kornizat. Shembuj të vendndodhjes së tyre në dritaren e shfletuesit mund të jepen pafundësisht (duke ndryshuar kodin në përputhje me rrethanat). Megjithatë, ky informacion nuk ka gjetur zbatim praktik për një kohë të gjatë. Kornizat, nëse përdoren sot gjatë krijimit të sajteve, janë vetëm në formën e moduleve në CMS falas ose në formën e një iframe.
Kornizë lundruese
Është e çuditshme pse ka marrë një emër të tillë, fjala "i integruar" është më e përshtatshme këtu. Ky kuadër është krijuar për të shfaqur përmbajtjen e një skedari. Ju ngarkoni çdo dokument ose skedar në bazën e të dhënave, shkruani shtegun drejt tij duke përdorur etiketat iframe - dhe vizitorët do të shohin tekstin e skedarit (video ose imazh). Fatkeqësisht, shfletuesit jo gjithmonë japin përmbajtje. Për ta bërë këtë, ndërtuesit e uebit futin frazën midis etiketave hapëse dhe mbyllëse: "Shfletuesi juaj nuk po shfaq përmbajtje."
Për shembull, Seopult.ru është një shërbim i njohur për mjeshtrat e promovimit. Vetëm jo faqja e tij kryesore, por një pasqyrë I.seopult.pro, e krijuar për klientët e portalit. Kodi iframe është shkruar këtu si më poshtë:
Udhëzime
. Ku është etiketa
-
u krijua për të përcaktuar një artikull të listës. Mbështetet nga të gjithë shfletuesit.
Në vetë faqen e pasqyrës, mund të shihni fjalën "Udhëzim" në formën e një butoni. Duke klikuar mbi të në qendër të dritares së shfletuesit hapet prezantimi.
Të gjitha të mëdhafaqet për shikimin e filmave dhe serialeve krijohen duke përdorur iframes (për shembull, "Imhonet"), si dhe rrjetet sociale. Edhe faqja kryesore e "Yandex" përmban këtë etiketë dhe më shumë se një palë.
Si të shkruani një iframe
Mund të ngarkoni një dokument në formën e një dritareje me një shirit lëvizjeje në çdo vend të sajtit. Zakonisht etiketat vendosen brenda trupit. Përtej standardit
dhe, siç tregohet në shembullin e mësipërm, etiketa e listës mund të përdoret gjithashtu -
-
Atributet janë shtuar në iframe:
- gjerësia (gjerësia) dhe lartësia (lartësia=);
- shtrirja e skajit;
- indencat që mund të specifikohen ose jo: vlera e paracaktuar është 6 - kjo është mjaft e mjaftueshme;
- duke përdorur lejetransparencën, mund të vendosni transparencën e zonës së kornizës në mënyrë që të shihet sfondi i faqes;
- plus scr, emrin, lëvizjen, kufirin e njohur.
Navigimi me një iframe
Shkathtësia më interesante e inkuadrimit është të shkruani kodin që ju lejon të hapni përmbajtjen në një dritare nga një lidhje, gjë që bënë krijuesit e pasqyrës Seopult, vetëm me disa lidhje njëherësh (njëkohësisht të disponueshme për përdoruesin në e njëjta faqe).
Për këtë, merret një iframe, emri shkruhet në të përmes name=. Për shembull, kokë. Më tej, para tij në etiketa dhe lidhjet shkruhen përmes një HREF=me shënimin e detyrueshëm të atributit pas tyre. Përpara përdorimit të etiketës mbyllëse a, tregohet një mbishkrim që do të shërbejë si një buton lidhjeje. Etiketat "a" hapje dhe mbylljejanë të mbyllura në etiketën f.
Mund të shkruani disa rreshta të tillë në kod në mënyrë që përfundimisht të merrni disa butona lidhjesh në një rresht në sajt, duke klikuar në të cilat përmbajtje të ndryshme do të shfaqen në dritaren më poshtë.
Kodi do të duket kështu:
Posto një reklamë
Shiko reklamat
Image Si do të duket në faqen e internetit:
Si të futni një iframe në një sajt Joomla
Si standard, paneli i kontrollit Joomla ka një modul "HTML-code" të aktivizuar (i gatshëm për t'u përdorur). Me të, ju mund të futni çdo kod kudo në faqe. Megjithatë, ai injoron me kokëfortësi kodin me etiketën iFrem. Prandaj, ne do të përdorim një modul të veçantë Jumi.
Para së gjithash, duhet ta shkarkoni nga Interneti dhe ta instaloni përmes panelit administrativ të Joomla: "Extensions" - "Extension Manager" - "Select File". Specifikoni rrugën për në arkivin e shkarkuar dhe klikoni "Shkarko".
Pas instalimit të suksesshëm, shkoni te "Menaxheri i Modulit" dhe krijoni një të ri. Zgjidhni llojin e Jumi. Në dritaren që hapet, në fushën "Kodi i personalizuar", vendosni iFrem-in e përgatitur, siç tregohet në paragrafin e mëparshëm të artikullit. Jepini modulit një titull, specifikoni pozicionin e vendosjes dhe faqet e faqes. Kliko ruaj dhe shiko.
Shfletuesit dhe kornizat
Të gjithë shfletuesit e njohur shfaqin mirë përmbajtjen e dritareve të kornizës: Chrome, Safari, Firefox, Android, iOS. Internet Explorer dhe Opera kanë një normë veçanërisht të lartë në këtë drejtim. E megjithatë nuk ka asnjë garanciqë vizitori në faqen tuaj do të shohë përmbajtjen e të gjitha dritareve. Në këtë rast, duhet të lini një mesazh duke përdorur etiketën noframe (hapja dhe mbyllja). Mund të futni sa vijon në të: "Shfletuesi juaj është i vjetëruar. Përditësoni versionin për të shfaqur përmbajtjen e sajtit." Nëse shfletuesi i përdoruesit i jep kornizat në mënyrë korrekte, ai nuk do ta shohë këtë mesazh.
Pra, një kornizë është një zonë ose dritare e një sajti që ka URL-në e vet. Përdoret për të shfaqur disa faqe interneti ose dokumente të pavarura në një fushë të shfletuesit menjëherë, duke pasur gjithashtu URL-në e tyre. Përkundër faktit se kornizat ju lejojnë të organizoni mirë një sit kompleks, ato nuk janë përdorur për një kohë të gjatë, përveç iframe. Përdorimi i kësaj etikete është ende i rëndësishëm për ngarkimin e prezantimeve, një riprodhues video, dokumente teksti në një dritare specifike. Përdoret në mënyrë aktive nga burime të mëdha dhe të njohura të internetit.
-
