Frame-uri HTML
- Cu frame-uri, puteti publica mai multe documente HTML care vor fi deschise in aceeasi fereastra a browser-ului.
Fiecare document HTML deschis in fereastra browser-ului se numeste frame, iar fiecare frame se comporta independent fata de celelalte frame-uri.
Dezavantajele utilizarii frame-urilor:
Dezvoltatorul Web trebuie sa aiba in vedere mai multe documente HTML
Printarea intregii pagini este relativ dificila.
Sintaxa (tag) Setului de frame-uri (Frameset)
- Tag-ul [b]<frameset> defineste divizarea ferestrei in mai doua sau mai frame-uri.
Fiecare frameset este definit de un set de linii sau coloane.
Valorile liniilor/coloanelor stabilesc suprafata de pe ecran pe care fiecare linie/coloana o va ocupa.
Tag-ul Frame
- Tag-ul [b]<frame> stabileste ce document HTML trebuie inserat in fiecare frame. In exemplul de mai jos avem un frameset cu doua coloane. Prima coloana este setata la 25% din lungimea ferestrei browserului. Cea de-a doua coloana este setata la 75% din lungimea ferestrei browserului. Documentul HTML "freame_a.htm" este inserat in prima coloana, iar documentul "frame_b.htm" ocupa a doua coloana:
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
Sfaturi folositoare
- Daca un frame are marginile vizibile, vizitatorul paginii poate modifica dimensiunile frame-urilor tragand de margine cu ajutorul cursorului de la mouse. Pentru a nu face acest lucru posibil, puteti adauga [b]noresize="noresize" la tagul <frame>.
Adaugati tag-ul [b]<noframes> pentru browserele care nu au suport pentru frame-uri.
Exemple
- [b]Frameset vertical
Acest exemplu va demonstra cum sa construiti un frameset pe verticala care sa contina 3 documente diferite.<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
- [b]Frameset orizontal
Acest exemplu va demonstra cum sa construiti un frameset pe orizontala care sa contina 3 documente diferite.<html>
<frameset rows="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
- [b]Utilizarea tag-ului <noframes>
Acest exemplu va demonstra cum trebuie folosit tag-ul <noframes>.<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
<noframes>
<body>Your browser does not
handle frames!</body>
</noframes>
</frameset>
</html>
- [b]Frameset mixt
Acest exemplu demonstreaza cum sa contruiti un frameset alcatuit din 3 documente, si cum sa le manipulati ca linii si coloane.<html>
<frameset rows="50%,50%">
<frame src="frame_a.htm">
<frameset cols="25%,75%">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</frameset>
</html>
- [b]Frameset cu noresize="noresize"
Acest exemplu va demonstra atributul noresize. Suprafata frame-urilor nu poate fi modificata. Puteti misca cursorul mouse-ului pe deasupra marginilor dintre frame-uri si veti observa ca nu puteti misca aceste margini.<html>
<frameset rows="50%,50%">
<frame noresize="noresize" src="frame_a.htm">
<frameset cols="25%,75%">
<frame noresize="noresize" src="frame_b.htm">
<frame noresize="noresize" src="frame_c.htm">
</frameset>
</frameset>
</html>
- [b]Frame de navigare
Acest exemplu demonstreaza cum sa construiti un frame de navigare. Frame-ul de navigare contine o lista a link-urilor ce au ca tinta al doilea frame (paginile se vor deschide in al doilea frame).
Fisierul numit "tryhtml_contents.htm" contine 3 link-uri.
Codul sursa al link-urilor:<a href ="frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>
Al doilea frame va arata documentul care este legat de link.<html>
<frameset cols="120,*">
<frame src="tryhtml_contents.htm">
<frame src="frame_a.htm"
name="showframe">
</frameset>
</html>
- [b]Frame interior
Acest exemplu va demonstra cum sa creati un frame interior (un frame care se afla in interiorul unei pagini HTML).<html>
<body>
<iframe src="default.asp"></iframe>
<p>Browserele vechi nu suporta iframes</p>
<p>Astfel ca iframe-ul nu va putea fi vizualizat.</p>
</body>
</html>
Link-ul autorului:
www.avasilcaidaniel.com/
Comentarii
Voteaza acest articol!
Trimite un comentariu!
