L15. Crearea unui site din FRAME-uri

Aceasta metoda presupune impartirea intregului ecran in cadre/ferestre, fiecare din ele avand atasat un fisier

• pentru cadrul cu banner, banner.html


• pentru cadrul cu meniul, meniu.html


• pentru cadrul cu continutul, continut.html

Pentru aceasta vom folosi tagul <FRAMESET> pentru a descrie orice mod de impartire a  ecranului iar pentru descrierea unui  frame folosim tagul FRAME (identic cu IFRAME).

Tagul FRAMESET

<FRAMESET [ ROWS="structura-linii"] [ COLS="structura-coloane"] [ FRAMEBORDER=1|0] [ FRAMESPACING=interspatiu]> continut-cadre </FRAMESET>

unde :

• se foloseste fie ROWS (daca in principal e vorba de mai multe linii), fie COLS (daca in principal e vorba de mai multe coloane)


• structura liniilor/coloanelor se da in procente si se poate folosi caracterul * cu semnificatia , restul (ce a mai ramas)...


• FRAMEBORDER specifica daca frame-urile se separa cu linie


• FRAMESPACING = distanta intre cadre


• continut -cadre = alte taguri FRAMESET sau FRAME

Tagul FRAME

<FRAME [ SRC="adresa-URL"] [ NAME="nume-cadru"] [ NORESIZE] [ SCROLLING="yes"|"no"|"auto"] [ MARGINWIDTH="lãtime"] [ MARGINHEIGHT="&înãltime"] [ ALIGN=top|middle|bottom|left|right] [ FRAMEBORDER=0|1]>

cu acelesi expicatii de la IFRAME

Pentru modelul nostru, fisierul principal index.html va contine descrierea:

• <FRAMESET ROWS=" 20%,*">
  
  
  
  • <FRAME SRC= "banner.html" name="bannner">
  
  
  • <FRAMESET COLS="25%, * " >
    
    
    
    • <FRAME SRC= "meniu.html" name="meniu">
    
    
    • <FRAME SRC= "continut.html" name="continut">
    
    
    
    
  
  
  • </FRAMESET>
  
  
  
  


• </FRAMESET>

A ramas nelamurita problema linkurilor din meniu. Fiecare link din fisierul meniu.html trebuie sa se deschida in cadrul/fereastra continut. Sa ne reamintim tagul <A> , pentru linkuri:

<A HREF="link-url" [ REL="tip-rel"] [ REV="tip-rev"] [ TITLE="title-name"] [ TARGET=window|_blank|_parent|_self|_top]> text_legaturã </A>

Observatii:

• HREF= hyper-referinta, reprezinta adresa paginii care se va deschide


• TARGET= puteti specifica unde se va deschide noua pagina
  
  
  
  • window = indica fereastra in care se afiseaza; daca nu exista, va fi creata o fereastra cu acest nume
  
  
  • _blank=pagina se deschide intr-o fereastra noua
  
  
  • _parent= pagina se deschide in fereastra anterioara
  
  
  • _self=  pagina se deschide in aceeasi fereastra ca si documentul curent
  
  
  • _top= pagina se deschide in fereastra initiala
  
  
  
  

Practic, trebuie sa stabilim ca valoare a TARGET, cadrul continuturi. De exemplu linkul corespunzator butonului  HOME ar putea sa arate asa (restul fiind analoge):

<A HREF="home.html" TARGET ="continut"> <img src="buton.jpg"> </A>