După cum știm, nu putem încărca două documente HTML în același timp într-o fereastră de vizualizare a browserului. Astfel, dacă avem același meniu de navigare pe toate paginile, atunci utilizatorul va descărca exact aceeași bucată de cod de fiecare dată când se mută de pe o pagină Web a site-ului în alta. Chiar dacă meniul în sine este mic, aceasta nu este cea mai convenabilă opțiune, deoarece canalele de comunicare pe care le au utilizatorii ruși nu sunt foarte mari, iar încărcarea meniului poate dura cel puțin câteva secunde. Putem face ca elementele site-ului web imuabile să rămână întotdeauna în fereastra de vizualizare a utilizatorului fără a fi reîncărcate? Poate sa.
Putem crea un document care împarte o singură fereastră de vizualizare în mai multe zone dreptunghiulare, fiecare afișând un singur document HTML. Aceste zone dreptunghiulare, fiecare dintre acestea fiind, de fapt, o fereastră de vizualizare separată, sunt numite rame.
Astfel, putem lăsa meniul de navigare din stânga și/sau de sus permanent în fereastra de vizualizare și să reîncărcăm doar partea de site care este necesară.
Ca orice fereastră de vizualizare, cadrele pot avea bare de defilare care permit utilizatorului să vadă întregul conținut al cadrului dacă nu se încadrează în întregime în zona vizibilă. Această caracteristică a cadrelor este cea care provoacă dispute constante între webmasteri. Unii susțin că astfel de comenzi nu ar trebui plasate în interiorul ferestrei principale, deoarece ocupă spațiu valoros și distrage atenția utilizatorului. Unii susțin că aceste deficiențe nu reprezintă un preț prea mare de plătit pentru a face mai ușoară reîncărcarea paginilor Web pe link-uri lente. Într-un fel sau altul, fiecare trebuie să decidă singur cu privire la posibilitatea de a folosi rame.
HTML oferă două tipuri de cadre: obișnuite și așa-numitele „floating”. Dacă folosim cadre obișnuite, atunci se creează un document care împarte întreaga fereastră de vizualizare în cadre, iar anumite documente HTML sunt deja afișate în ele. Dacă folosim un cadru flotant, atunci acesta poate fi inclus într-un document HTML obișnuit fără trucuri speciale. Vom vedea diferența dintre aceste două tipuri de cadre cu un exemplu.
Un document cu o structură de cadru este creat folosind eticheta și geamănul său de închidere . În interiorul acestor două etichete se află constructele de declarație pentru cadre individuale și informațiile care sunt afișate în fereastra de vizualizare a browserului dacă browserul nu recunoaște cadrele. Cadrele individuale sunt create folosind o pereche de etichete Și . Iar informațiile afișate atunci când browserul nu acceptă cadre sunt încorporate în documentul HTML folosind eticheta . Dar totul este în ordine.
Baza etichetei este de a împărți fereastra de vizualizare în mai multe părți. În acest scop, eticheta are doi parametri principali: rânduri și coloane, care indică numărul și dimensiunile cadrelor pe verticală și pe orizontală. Aceasta stabilește o structură de masă dreptunghiulară. Dacă trebuie să facem o împărțire mai detaliată, de exemplu, un cadru pe partea stângă a ferestrei pe verticală și două cadre separate unul de celălalt printr-un chenar orizontal în partea dreaptă a ferestrei, atunci putem crea două etichete , unul în celălalt. Dar totuși, să ne uităm la parametrii etichetei in detaliu.
- Parametru cols este destinat să indice numărul și dimensiunea cadrelor orizontale din fereastra de vizualizare. Valoarea parametrului este o listă de dimensiuni separate prin virgulă. Ca de obicei, putem folosi absolute, multipli și procente pentru a indica dimensiunea. Valoarea implicită este 100%, ceea ce înseamnă că fereastra principală nu este împărțită vertical.
- Parametru rânduri vă permite să specificați numărul și dimensiunile cadrelor verticale în fereastra de vizualizare Specificul valorilor de setare este complet identic cu parametrul cols.
Dar să ne uităm la un exemplu despre cum ar arăta să creați documente HTML cu o structură de cadru. Să presupunem că trebuie să alocăm un cadru din stânga pentru meniul de navigare și să folosim spațiul rămas pentru a afișa informații din paginile principale ale site-ului Web. În acest caz, vom împărți fereastra în două părți. Pentru meniu, vom selecta un cadru lățime de o sută cincizeci de pixeli, iar spațiul rămas ar trebui să fie ocupat de un al doilea cadru. Această structură a paginii Web este implementată folosind codul prezentat în Lista 1.31.
Lista 1.31