Tutorial html

Utilizarea cadrelor pe paginile web

Ramele sunt un instrument de aspect utilizat de mulți creatori de site-uri web. În etapa inițială a dezvoltării layout-ului paginii web a fost considerată o sarcină secundară în comparație cu organizarea conținutului acesteia. Cu toate acestea, în timp, deoarece dezvoltatorii site-ului au avut mai multe oportunități și modalități de a prezenta informații, atitudinea față de această problemă sa schimbat treptat.

Ramele vă permit să împărțiți o pagină web în zone dreptunghiulare. Cel mai adesea, cadrele sunt folosite pentru a afișa o listă a legăturilor din partea stângă a ecranului sau pentru a afișa informații pe partea dreaptă. Legăturile care sunt în cadrul din stânga sunt afișate întotdeauna pe ecran, deși vizitatorul trece de la o pagină cu informații la alta. Aceste linkuri servesc drept cuprins pentru acest nod, deși cadrul în sine nu este aproape niciodată numit.

Pentru a profita de avantajele utilizării cadrelor, trebuie să introduceți etichete care definesc aspectul lor pe pagină. Conținutul fiecărui cadru este stocat într-un fișier separat. O pagină web care afișează două cadre este stocată în trei fișiere: cea principală cu etichetele de aspect ale cadrelor și fișierele cadru în sine. Fișierele care sunt afișate în fiecare cadru sunt pagini web obișnuite, fără instrumentele speciale de formatare asociate cu utilizarea cadrelor.

crearea de cadre

Fișierul paginii principale conține o etichetă , definind aspectul paginii și etichetele , care indică numele fișierului afișat în acest cadru. În fișierul principal al paginii web, partiția BODY ar trebui să lipsească, deoarece corpul paginii este în fișiere separate, în care sunt stocate cadre.

Aranjament cadru

tag-uri și determina modul în care pagina este împărțită orizontal (folosind atributul ROWS) sau vertical (folosind atributul COLS). Dimensiunea fiecărui cadru poate fi specificată în pixeli sau ca procent din dimensiunea globală a ferestrei browserului în care este afișată pagina web. Deci, următoarele etichete împart pagina în două cadre verticale: prima dintre ele ocupă 20% din lățimea paginii, a doua - restul paginii (indicată printr-un asterisc):

Afișarea paginilor web în cadre

Între etichete și conține o etichetă pentru fiecare cadru. Valoarea atributului SRC al etichetei Specifică numele fișierului paginii web afișate în acest cadru. Aceste fișiere se deschid într-o fereastră de browser într-o anumită ordine. Dacă specificați două cadre, prima va fi afișată în coloana din stânga, iar cea de-a doua în coloana din dreapta. (Când este folosit într-o etichetă atributul ROWS, conceput pentru a împărți orizontal fereastra browserului, primul fișier apare deasupra celui de-al doilea.)

Următoarele etichete definesc numele de fișiere care vor fi afișate în două cadre:

Pentru ca conținutul cadrului să fie derulat pe ecran, ar trebui să utilizați atributul SCROLLING al etichetei . În mod implicit, acest atribut este setat la YES.

Afișarea textului de către browserele care nu acceptă cadre

Textul care va apărea în browserele care nu acceptă cadre trebuie plasat între etichete și :

Exemplu de utilizare a cadrelor

Mai jos este un exemplu de pagină web care folosește cadre:

Schimbarea conținutului cadrului

Dacă o pagină web dintr-un cadru conține un tabel de conținut pentru un site Web, trebuie să faceți legăturile din acest cadru să gestioneze conținutul celuilalt cadru. Asta este, atunci când faceți clic pe link-ul din cadrul din stânga în dreapta, ar trebui să fie afișată o pagină web specifică. Pentru a crea o astfel de legătură, în cadrul drept trebuie să i se atribuie un nume și apoi se face referire la acel nume în legătura corespunzătoare. Pentru a atribui un nume cadrului, adăugați la etichetă Atributul NAME. Deci, în următoarea etichetă cadrul drept este numit Date:

Apoi includeți numele acestui cadru în etichetă <А> stânga, aplicând atributul TARGET pentru a specifica cadrul în care ar trebui să apară conținutul fișierului nou specificat în legătură. De exemplu, cuprinsul unei pagini web afișate în cadrul din stânga poate conține următoarea etichetă <А>, care definește fișierul bookfile.html afișat în Cadrul de date:

După ce faceți clic pe link-ul din rama din stânga, pagina web corespunzătoare este afișată în cadrul drept.

Articole similare

Pagina anterioară

Pagina următoare