Internet, Web design

Frame - Ce este asta? Structura și crearea de cadre

Frame - o zonă a site-ului (fereastra), în care vom vedea o altă pagină web. Webmasteri folosesc această ocazie pentru a afișa pagina de start prietenilor sau asociaților lor. Aceeași metodă este folosită pentru a afișa în caseta de căutare ferestre și un număr de rezultatul său, și așa mai departe. D.

Dar mai ales cadrele utilizate în crearea de portaluri web de dimensiuni mari, în cazul în care un număr considerabil de meniuri și submeniuri. Un astfel de obicei spun: „site-ul în cadre.“ Pentru a crea o astfel de resursă necesită o bună cunoaștere a HTML-limbaj.

Crearea de cadre în site-ul constructor

În unele site-ul constructor oferă generarea automată a unui astfel de cod. De obicei, adăugarea cadrului cheie este în meniul principal al programului. În primul rând, trebuie să plasați cursorul în locul potrivit pe pagina, apoi faceți clic pe butonul pentru a deschide fereastra (așa cum se arată în captura de ecran). Este posibil să se specifice adresa paginii care se va deschide în cadru, și ajustați dimensiunile: lățimea și înălțimea.

Dar mai ales cadrele utilizate în crearea de portaluri web de dimensiuni mari, în cazul în care un număr considerabil de meniuri și submeniuri. Un astfel de obicei spun: „site-ul în cadre.“ Pentru a crea o astfel de resursă necesită o bună cunoaștere a HTML-limbaj.

Cu acest „serviciu“ este posibil pentru a crea mai multe cadre pe o pagină, numai elementele legate între ele, astfel încât să nu primesc.

Cadre în CMS

Multe programe pentru crearea de site-uri web posibilitate de instalare a modulului. De exemplu, pentru Joomla frame - acest modul "înveliș (Wrapper)".

Acesta poate fi găsit și înființat în panoul de control CMS Joomla: „Extensii“ - „Module Manager“ - „Nou“ (butonul portocaliu rotund cu semnul plus în interior). În fereastra pop - up, în listă, veți vedea un modul de „înveliș“.

Dacă nu este, atunci nu este inclus. Pentru a-l utiliza, trebuie mai întâi să-l activeze aici: fila „Extensii“, „Manager Extension“, apoi „Manage“ fila. Și se uită la lista care apare, puteți căuta rapid în „Filtru“ pentru a introduce cuvântul: Wrapper. Vizavi de acest modul ar trebui să fie pictogramă bifă verde în interior. Un cerc roșu cu un punct înseamnă că în interiorul plugin-ul este dezactivat.

După această procedură, vă puteți întoarce la „Module Manager“, a crea un cadru și a stabilit parametrii săi.

După cum se poate observa în imagine, modulul vă permite să setați: titlul cadrului, poziția modulului, selectați pagina a site-ului pe care este afișat. Puteți regla, de asemenea, lățimea, înălțimea; adăugați un cadru și link-ul real pe o pagină web. În cazul în care cadrul pe care doriți să afișați pagina principală a unui site complet lățime, 100%, implicit, nu va fi suficient. Puteți pune în condiții de siguranță dreapta 400%. O înălțime de 200 este de obicei suficient pentru a afișa meniul de sus al paginii. Restul conținutului va fi vizibil în cazul în care utilizatorul (vizitatorul) utilizați bara de defilare.

Aici este un exemplu de ceea ce un cadru în Jumla.

Modul Joomla pentru crearea cadrului este foarte convenabil și ușor de utilizat. Cu toate acestea, domeniul său de aplicare este limitat, precum și caracteristici de designer.

Istorie și realitate

În practica de a crea site-uri web ale ramelor care tag-ul (cererea lui) a fost mult timp retrogradat în fundal. Ei au fost capabili să înlocuiască module, în stabilirea unui program de design care generează un cod pentru o pagină Web fără saytostroitelya. Cu toate acestea, în unele cazuri, acest lucru nu este suficient. De exemplu, atunci când cadrul - este o structură complexă integrată a zonelor care urmează să fie afișat în browser. Deci, a se vedea proprietarii de site-uri structurate complexe. La crearea sa sunt doar în cazuri extreme, deoarece site-urile freymovskie create exclusiv cu tag-uri specializate.

site-uri complexe structurate

Pentru ei, crearea mai multor cadre interdependente este o soluție optimă a organiza conținutul pe resursa. Aceasta este, de obicei, portalurile majore, asupra lui cu mai puternic în fiecare an.

Cum de a obține același rezultat? Cum de a crea o structură de cadru?

Cum de a intra în cadru în codul paginii

Cadrele sunt adăugate la HTML folosind tag-ul:

  • cadru (pentru o fereastră separată)
  • frameuri (structura întreagă este creată cu ea);
  • iframe ( "plutitoare" cadru);
  • NOFRAMES (în cazul cadru non-display în browserul utilizatorului).

Primul tag-ul specificat se potrivesc întotdeauna într-o pereche de ș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.

Înregistrare variații

pagina Întregul site poate fi împărțită în regiuni. De exemplu, ca aceasta:

stânga

top cadru

dreapta

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. Ar trebui să fie pus semnul egal și de dimensiunile prescrise. De exemplu, 60%, 40% - procentul (o fereastră ia 60% din browser-ul spațial altul, respectiv, 40%). Sau 100, 200 - raportul dintre dimensiunile în pixeli. Dimensiunile unuia dintre cadre, este posibil să nu setați (setat implicit). Pentru a face acest lucru înainte sau după virgulă trebuie să specificați caracterul *.

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

Cuibărindu fiecare domeniu nou este desemnat un nou set de frameuri.

Cod Exemplu:

Observați în acest exemplu, pentru a doua și a treia dimensiuni cadre sunt prescrise numai o singură dată.

O mulțime de tigai permit cadre rula. Exemple de amplasarea lor în fereastra browser-ului poate fi adusă la infinit (modificarea în mod corespunzător codul). Cu toate acestea, aplicarea practică a acestor informații nu este găsit pentru o lungă perioadă de timp. Rame, dacă este folosit astăzi pentru a crea site-uri, dar numai sub forma de module în CMS liber sau un iframe.

cadru flotant

Mă întreb de ce-a luat numele, aici cuvântul este mai potrivit „built-in“. Acest cadru este conceput 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, browsere nu reflectă întotdeauna conținutul. Web constructorii sunt introduse între deschidere și închidere fraza: „Browser-ul dumneavoastră nu afișează conținutul.“

De exemplu, Seopult.ru - serviciul cunoscut de la masterat pentru a avansa. Nu numai că site-ul său principal, și oglindă I.seopult.pro creat pentru clienții portal. ayfreyma cod este stabilit ca:

  • Instrucțiuni . În cazul în care
  • tag-ul este conceput pentru a determina elementul din listă. Suportat de toate browserele.

    Pe oglinda puteți vedea cuvântul „Instrucțiunile“, pagina în sine sub forma unui buton. Când faceți clic pe ea în centrul ferestrei browser-ului se deschide prezentare.

    Toate marile site-uri pentru vizionarea de filme și emisiuni TV sunt create folosind ayfreymov (de exemplu, „Imhonet“), precum și rețelele sociale. Chiar și pagina de start a „Yandex“ conține această etichetă, și nu o pereche.

    Cum să se înregistreze iframe

    Descarcati site-ul dumneavoastră sub forma unei ferestre document cu o bară de derulare poate fi în orice loc. De obicei, din etichetele dispuse în interiorul corpului. În plus față de standardul

    și , așa cum se arată în exemplul de mai sus poate fi utilizată și o listă de tag -

  • .

    În ayfreym atribute adăugate:

    • lățime (lățime) și înălțimea (înălțime =);
    • alinierea aliniază marginii;
    • padding, care nu se poate prescrie: valoarea implicită este de 6 - acest lucru este destul de mult;
    • folosind allowtransparency câmp cadru de transparență, puteți specifica faptul că puteți vedea fundalul paginii;
    • plus familiar scr, numele, defilare, de frontieră.

    Navigare folosind ayfreyma

    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ă).

    Pentru acest ayfreym luate, se înregistrează în plus numele după nume =. De exemplu, zagolovok. Mai mult, în fața lui în etichetele și referințe prescrise de a href = http: // site-ul / articol / 143778 /% D1% indicând obligatoriu 81 după ce au atributul target = zagolovok. Înainte de a putea utiliza o etichetă de închidere, indicată inscripție, care va servi ca butonul de referință. Tag-uri „și“ de deschidere și de închidere sunt în p tag-ul.

    aveți posibilitatea să atribuiți aceste câteva linii de cod pentru a obține în cele din urmă on-line într-un rând câteva butoane, link-uri, făcând clic pe fereastra de mai jos va afișa conținut diferit.

    Codul ar arata astfel:

    anunţuri post gratuite

    Vezi anunț