Frame-urile reprezintă elementul potrivit pentru designeri atunci când doresc ca homepage-ul să aibă o structură corespunzătoare, iar navigarea să fie pe măsură.

1.Planificare şi pregătire
În cazul în care doriţi să introduceţi frame-uri în homepage, trebuie să lămuriţi câteva lucruri: În ce scop utilizaţi frame-urile? Câte frame-uri sunt necesare? Cum se împart paginile?
Apoi luaţi o hârtie şi un creion. Pe o foaie A4 proiectaţi în mare împărţirea paginii. Liniile nu trebuie să fie poziţionate la milimetru, dar această schiţă vă ajută să aveţi o imagine asupra structurii paginii. Schiţaţi în rame şi conţinutul indicaţi bara de navigare şi includeţi imaginile. Nu faceţi economie de timp lucraţi până când sunteţi mulţumiţi de proiect. Pentru că în momentul în care începeţi cu realizarea frame-urilor, eventualele modificări vor duce la pierdere de vreme. Începe apoi transpunerea în practică. Scrieţi - eventual cu Notepad - trei noi fişiere HTML cu următorul conţinut:
cadru X
În locul lui X scrieţi cifrele de la 1 la 3. Salvaţi aceste fişiere sub numele de cadrul.html până la cadru3.html. Dacă doriţi, puteţi schimba indicaţia de culoare din al doilea şi al treilea fişier, de exemplu:
. si

Aceste pagini-schiţă vă ajută la construirea setului de frame-uri şi permit verificarea împărţirii. Conţinutul propriu-zis va putea fi alcătui ulterior.
2.Împărţirea setului de frame-uri
Tag-ul html este răspunzător pentru frame-uri. Determinanţi sunt parametrii rows şi cols: rows împarte fereastra orizontal pe rânduri, iar cols vertical pe coloane. Acestea vor mai obţine pe parcurs alte câteva valori. De numărul de indicaţii despărţite prin virgulă depinde numărul de coloane sau de rânduri. Indicaţia împarte fereastra browserului în trei coloane de dimensiuni egale. Cu veţi împărţi fereastra în două rânduri. Primul rând ocupă o zecime din înălţimea ferestrei, iar cea de a doua 90 de procente. În locul procentajului puteţi indica dimensiunile şi cu valori în pixeli. O poziţie deosebită ocupă caracterul *, anume acesta semnifică: ocupă restul ferestrei.
3.Drumul spre primul frameset
Cu ajutorul unei valori în pixeli, puteţi stabili în partea dreaptă o coloană fixă pentru bara de navigare, iar celei de a doua coloane îi atribuiţi restul spaţiului ferestrei.Pentru un prim test introduceţi listing-ul 1 şi salvaţi-l sub numele de frame.html. Aceste valori atribuie primei coloane 160 de pixeli, iar restul rămâne pentru coloana a doua. Pentru încărcarea datelor în frame-uri răspunde .
Important: atribuiţi fiecărui frame un nume (name=...), deoarece astfel veţi simplifica organizarea ulterioară. În cadrul primului test veţi observa şi avantajul indicării valorilor în pixeli, atunci când doriţi să măriţi sau să micşoraţi fereastra browserului: în timp ce cadrul din dreapta se modifică odată cu dimensiunea ferestrei browserului, cel din stânga rămâne mereu la fel.
4.Încastrarea frameset-urilor
Pentru a subîmpărţi fereastra browserului atât orizontal cât şi vertical, trebuie să încastraţi două frame-uri unul într-altul. Schiţa, pe care aţi realizat-o iniţial, va fi acum de folos. Pentru că aici puteţi estima cât spaţiu necesită fiecare cadru. În exemplul de faţă, coloana din stânga va avea o lăţime de 160 de pixeli, iar bara de navigare din partea de sus a ferestrei va avea o înălţime de 70 de pixeli. Salvaţi listing-u1 2 sub numele de frame l.html şi verificaţi layout-ul cu browserul. În cazul în care doriţi ca bara de navigare să ocupe toată lăţimea ferestrei, încastraţi frameurile invers şi realizaţi iniţial împărţirea orizontală şi doar apoi cea verticală. Salvaţi această definiţie de frameset sub numele de frame2.html. Observaţi diferenţele pentru reprezentare faţă de frame l. html - împărţirea arată acum cu totul altfel.
5.Frame-uri fără rame inestetice
După ce aţi pus pe picioare structura, puteţi să vă ocupaţi şi de partea estetică. In majoritatea cazurilor, ramele sunt deranjante şi inestetice. Aceste borduri pot fi îndepărtate cu ajutorul parametrului suplimentar border=0: Important: acest parametru funcţionează numai în cazul frameset-urilor încastrate şi numai în prima indicaţie frameset. În toate celelalte tag-uri frameset, border nu are nici un efect. Ambele versiuni actuale de Navigator şi Explorer recunosc fără probleme parametrul border. Pentru a evita incompatibilitatea faţă de versiunile mai vechi de browser, este indicat să extindeţi tag-ul cu indicaţii pentru versiuni mai vechi de Internet Explorer: framespacing stabileşte în Internet Explorer distanţa dintre cadre, frameborder este analog cu border în browserele mai vechi. În cazul în care în tag-ul frameset utilizaţi ambii parametri, pentru a defini culoarea frame-urilor, trebuie să atribuiţi aceleaşi valori pentru aceste indicaţii.