Jump to content

Tutorial #20 - Frame-uri


Recommended Posts

Frame-urile sunt folosite pentru a afişa mai multe documente .html întro fereastră. Aceată înseamnă că vei avea o pagină fără conţinut, care va avea rolul de a indica browser-ului ce pagini trebuie să afişeze. Odată cu introducerea PHP şi CSS această tehnică a fost inlăturată puţin câte puţin .

 

HTML - Frames, Pagina Generică

 

În general frame-urile se folosesc pentru a afişa un meniu pe de o parte iar conţinutul pe de o altă parte. Atunci când cineva dă un clik pe un link din meniu se va deschide o altă pagină în partea de conţinut. Vom exemplifica toate acestea cu ajutorul codului următor:

 

<html> <head></head>

<frameset cols="30%,*">

<frame src="menu.html">

<frame src="content.html">

</frameset>

</html>

- frameset - Este tagul care stabileşte caracteristicile frame-ului. Frame-urile individuale vor fi definite înăuntrul lui.

- frameset cols="#%, *"- "Cols" stabileşte înălţime pe care fiecareframe o va avea. În exemplul anterion am stabilit ca primul frame (meniul) va ocupa 30% din suprafaţa afişată , şi am folosit semnul " * " pentru a indica browser-ului că în restul paginii rămase se va afişa conţinutul paginii .

- frame src="" - adresa fişierelor care vor fi afişate ca meniu şi respectiv conţinut.

 

HTML - Frame- Adaugarea unui banner sau Titlu

 

Folosiţi codul urmator:

 

<html><head></head>

<frameset rows="20%,*">

<frame src="title.html">

<frameset cols="30%,*">

<frame src="menu.html">

<frame src="content.html">

</frameset> </html>
frameset rows="#%, *"- "rows" stabileşte înălţimea fiecarui frame care va fi afişat.

 

HTML - Frame - Margine şi Spaţiere

 

Între frame-uri rămân nişte linii gri care de multe ori nu sunt dorite. Înlăturarea lor este posibilă cu ajutorul frameborder şi framespacing. Aceste atribute vor fi introduse înăuntrul tag-ului frameset.

 

Frameset şi frameborder este acelaşi atribut. Există însă browsere care nu recunosc decât unul dintre cele două .

 

frameborder="#" - Valoarea 0 nu reproduce margine.

- border="#"- modifică grosimea marginii. (folosit de netscape)

- framespacing="#" - modifică grosimea marginii (folosit de Internet Explorer)

 

<html><head></head>

<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">

<frame src="title.html">

<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">

<frame src="menu.html">

<frame src="content.html"> </frameset> </html>
HTML - "frame name" si "frame target"

 

Pentru a menţine meniul în poziţia actuală iar când dăm click pe pagina de contact de exemplu să se deschidă în locul pagini de conţinut, vom da un nume fiecarui frame şi vom preciza locul unde se va deschide cu ajutorul base target.

 

 

<html><head>

<base target="content">

</head>

<frameset rows="20%,*">

<frame name="title" src="title.html">

<frameset cols="30%,*">

<frame name="menu" src="menu.html">

<name="content" src="content.html">

</frameset>

</html>
Noresize şi scrolling

 

Frame-ul se mai poate personaliza încă puţin folosind atributele neresize şi scrolling.

 

<html><head></head>

<frameset border="2" frameborder="1" framespacing="2" rows="20%,*">

<frame src="title.html" noresize scrolling="no">

<frameset border="4" frameborder="1" framespacing="4" cols="30%,*">

<frame src="menu.html" scrolling="auto" noresize>

<frame src="content.html" scrolling="yes" noresize>

</frameset> </html>
- no resize - nu lasă ca frame-ul să se redimensioneze în funcţie de monitorul vizitatorului

- scrolling="(yes/no)"- permite sau nu sroll-ul într-un frame

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...