Un cadru este ceea ce? Structura și crearea cadrelor

Un cadru este o zonă a unui site (fereastră) în care este vizibilă o altă pagină web. Webmasterii folosesc această ocazie pentru a prezenta pagina principală a site-ului prietenilor sau partenerilor lor. Aceeași tehnică este folosită pentru a afișa formularul de căutare în ferestre și rezultatul acestuia și așa mai departe.

Dar, în mod fundamental, cadrele sunt folosite pentru a crea portaluri web mari, unde sunt necesare multe elemente de meniu și submeniuri. Despre acestea, de obicei, spun: "site-ul pe cadre". Pentru a crea o astfel de resursă necesită o bună cunoaștere a limbajului HTML.

Crearea cadrelor în constructorul de site-uri

La unii designeri de site-uri, generarea automată a unui astfel de cod este furnizată. De obicei, butonul pentru adăugarea unui cadru este în meniul principal al programului. Mai întâi trebuie să plasați cursorul în locul dorit din pagină, apoi faceți clic pe butonul, fereastra se va deschide (așa cum se arată în captura de ecran). În acesta puteți seta adresa paginii care se va deschide în cadru și ajustați dimensiunile: lățimea și înălțimea.

Dar, în mod fundamental, cadrele sunt folosite pentru a crea portaluri web mari, unde sunt necesare multe elemente de meniu și submeniuri. Despre acestea, de obicei, spun: "site-ul pe cadre". Pentru a crea o astfel de resursă necesită o bună cunoaștere a limbajului HTML.

Cu ajutorul acestui "serviciu" este posibil să creați mai multe cadre pe pagină, adică elementele interconectate, astfel încât să nu obțineți.

Rame în CMS

Multe programe pentru crearea site-urilor oferă posibilitatea de a instala modulul corespunzător. De exemplu, pentru rama Joomla, acesta este modulul "Wrapper".

Acesta poate fi găsit și creat în panoul de control CMS Jumla: "Extensii" - "Module manager" - "Creați" (buton rotund portocaliu cu un semn plus în interiorul). În o fereastră pop-up, în listă, veți vedea modulul "Wrapper".

Dacă nu este aici, atunci nu este inclus. Pentru ao folosi, trebuie mai întâi să o activați aici: fila "Extensii", apoi "Extension Manager", apoi fila "Management". Și căutați în lista care se deschide, puteți introduce cuvântul: Wrapper pentru o căutare rapidă în câmpul "Filtru". Opusul acestui modul ar trebui să fie o pictogramă verde cu o cătușă înăuntru. Un cerc roșu cu un punct interior indică faptul că plugin-ul este oprit.

După această procedură, puteți reveni la modulul "Module Manager", puteți crea un cadru și puteți seta parametrii acestuia.

După cum puteți vedea în imagine, modulul vă permite să setați: antetul deasupra cadrului, poziția modulului, selectați paginile site-ului pe care va fi afișat. Și, de asemenea, regla lățimea, înălțimea - adăugați un cadru și link-ul real la pagina web. Dacă în cadrul pe care doriți să afișați pagina principală a unui site la lățime maximă, atunci 100%, setată în mod prestabilit, nu va fi suficientă. Puteți pune imediat în siguranță 400%. Altitudinile de 200 sunt de obicei suficiente pentru a afișa meniul principal al paginii. Restul conținutului va fi vizibil dacă utilizatorul (vizitatorul site-ului) utilizează bara de defilare.

Iată un exemplu despre ceea ce este un cadru în Jumla.

Modulul Jumla pentru crearea unui cadru este foarte convenabil și ușor de utilizat. Cu toate acestea, capacitățile sale sunt limitate, la fel ca și capacitățile designerului.

Istorie și realitate

În practica de a crea site-uri din cadre, această etichetă (aplicația acesteia) a devenit mult timp secundară. Ei au putut înlocui modulele, setările din programele de designer care generează cod pentru pagina web fără participarea constructorului site-ului. Cu toate acestea, în unele cazuri acest lucru nu este suficient. De exemplu, atunci când un cadru este o structură complexă complexă a zonelor afișate în browser. Acesta este modul în care proprietarii săi văd complexitatea site-urilor structurate. La crearea sa sunt doar în cazuri extreme, deoarece site-urile Framey sunt create exclusiv cu ajutorul etichetelor specializate.

Situri structurate complexe

Pentru ei, crearea mai multor cadre interconectate este soluția optimă pentru organizarea conținutului pe paginile resursei. Aceasta, de regulă, mari portaluri, crescând în fiecare an din ce în ce mai mult.

Cum se obține același rezultat? Cum se creează o structură de cadre?

Cum se scrie un cadru în codul paginii

Ramele în HTML sunt adăugate folosind etichete:

• cadru (pentru o fereastră separată);
• frameset (creează o structură întreagă cu ajutorul acesteia);
• iframe (cadru "plutitor");
• noframes (în cazul în care cadrul nu este afișat în browser-ul utilizatorului).

Prima etichetă specificată se potrivește întotdeauna în pereche și . Și înlocuiește și . Și cu atributele corespunzătoare, puteți ajusta caracteristicile fiecărui element: nume (nume =), dimensiunea (cols = și rânduri =), prezența cadrului (de frontieră), sub forma de bara de defilare și, desigur, un link către o pagină Web pentru a afișa.

Variante de proiectare

Întreaga pagină a site-ului poate fi împărțită în zone. De exemplu, aceasta:

O astfel de structură (aceasta se numește nested) pot fi obținute prin scrierea unei etichete în interiorul atribut cols, indicând amplasarea cadrului orizontal și rânduri - vertical. Următorul este semnul = și dimensiunile sunt scrise. De exemplu, 60%, 40% - procentul (o fereastră va dura 60% din spațiul browser-ului, iar celălalt, respectiv 40%). Sau 100, 200 - raportul dimensiunilor în pixeli. Dimensiunea unuia dintre cadre nu poate fi setată deloc (va fi instalată implicit). Pentru a face acest lucru, trebuie să specificați un * după virgulă sau după el.

In interiorul acestei perechi frameset înregistrează fiecare cadru cu parametrii: src =, se face referire în continuare citat la o pagină web și un nume de titlu = (de exemplu, cadrul 1).

Cuibarea fiecărei noi zone este marcată de noul set de cadre.

Cod exemplu:

Observați că în exemplul nostru, pentru cadrele de dimensiune a doua și a treia, este scris doar o singură dată.

O mulțime de zadumok vă permite să executați cadre. Exemple de locație în fereastra browserului pot fi aduse fără sfârșit (schimbând codul în consecință). Cu toate acestea, aceste informații nu găsesc o aplicare practică de mult timp. Ramele, dacă sunt folosite astăzi la crearea site-urilor, apoi numai sub formă de module în CMS gratuit sau sub formă de iframe.

Suport plutitor

Este ciudat de ce a primit acel nume, cuvântul "built-in" este mai potrivit aici. Acest cadru este creat pentru a afișa conținutul unui fișier. Tu încărcați în baza de date orice document sau fișier folosind etichete ayfreyma seta calea spre ea - și vizitatorii vor vedea un fișier text (video sau imagine). Din păcate, browserele nu afișează întotdeauna conținut. Pentru a face acest lucru, constructorii web introdu o expresie între eticheta de deschidere și cea de închidere: "Browserul dvs. nu afișează conținutul".

De exemplu, Seopult.ru este un serviciu bine-cunoscut pentru maestrii de promovare. Nu site-ul său principal, dar mirror I.seopult.pro, creat pentru clienți portal. Codul ayframe-ului este scris aici:

Pe pagina oglinzii puteți vedea cuvântul "Instrucțiune" sub forma unui buton. Când faceți clic pe acesta, o prezentare se deschide în centrul ferestrei browserului.

Toate site-urile majore pentru vizionarea de filme și seriale sunt create cu ajutorul ayframes (de exemplu, "Imhonet"), precum și rețele sociale. Chiar și pagina principală a "Yandex" conține această etichetă și nu o pereche.

Cum să prescrieți iframe

Încărcați pe site un document sub forma unei ferestre cu o bară de derulare poate fi oriunde. De obicei, etichetele sunt plasate în interiorul corpului. În plus față de standard

și

Navigare cu ajutorul unui corp de aeronavă

Cel mai interesant este abilitatea în domeniul cadrelor - acest lucru este de a scrie cod care permite să deschidă conținutul în fereastra de pe link-ul - ceea ce a făcut oglindă creatorii Seopult, doar cu mai multe referințe (ambele disponibile pentru utilizator pe aceeași pagină).

În acest scop, se ia o ayframe, este în plus înregistrată cu un nume prin nume =. De exemplu, zagolovok. Înainte de el în etichete și legăturile sunt atribuite printr-un HREF = cu indicarea obligatorie după ele a atributului target = zagolovok. Înainte de a utiliza eticheta de închidere, este indicată o inscripție care va servi drept buton de legătură. Etichetele "a" sunt deschise și închise în eticheta p.

Există mai multe linii în cod care pot fi folosite pentru a obține mai multe butoane dintr-un rând pe site, făcând clic pe care conținut diferit va fi afișat în fereastra de jos.

Codul va arăta astfel:

Trimiteți anunțul dvs.

Afișați anunțurile

Cum va arata pe site-ul:

Cum să inserați o iframe în site-ul lui Jumla

În mod standard, în panoul de control Jumla există un modul inclus (adică, gata de utilizare) "cod HTML". Cu aceasta, puteți introduce orice cod oriunde pe site. Cu toate acestea, codul cu eticheta ayfrem este ignorat în mod constant. Prin urmare, vom folosi modulul special Jumi.

În primul rând, trebuie să îl descărcați de pe Internet și să-l instalați prin intermediul panoului administrativ al Jumla: "Extensii" - "Extension Manager" - "Selectare fișier". Specificați calea către arhiva descărcată și faceți clic pe "Descărcați".

După o instalare reușită, accesați "Module Manager" și creați unul nou. Selectați tipul Jumi. În fereastra care se deschide, în câmpul "Cod personalizat", introduceți iFram-ul pregătit, așa cum a fost prezentat în paragraful anterior al articolului. Dați modulului un titlu, specificați poziția și pagina de plasare a site-ului. Faceți clic pe Salvați și verificați ce sa întâmplat.

Browsere și cadre

Toate browserele populare afișează bine conținutul cadrului ferestrelor: Chrome, Safari, Firefox, Android, iOS. În special în acest sens sunt Internet Explorer și Opera. Și totuși nu există nicio garanție că vizitatorul site-ului dvs. va vedea conținutul tuturor ferestrelor. În acest caz, ar trebui să lăsați un mesaj cu tag-ul noframe (deschidere și închidere). În acesta puteți introduce următoarele: "Browser-ul dvs. este învechit". Pentru a afișa conținutul site-ului, actualizați versiunea ". Dacă browserul utilizatorului afișează corect cadrele, acest mesaj nu va fi afișat.

Deci, un cadru este o zonă sau o fereastră a unui site care are propriul său URL. Se utilizează pentru a afișa într-un câmp al browserului mai multe pagini web sau documente independente care au și propriul lor URL. În ciuda faptului că cadrele vă permit să organizați bine un sit structurat complex, acestea nu au fost folosite mult timp, cu excepția iframe-ului. Aplicarea acestei etichete este încă relevantă pentru descărcarea prezentărilor, a playerului video, a documentelor text într-o anumită fereastră. Este folosit în mod activ de resurse web mari și bine-cunoscute.