B09 Posted August 29, 2013 Share Posted August 29, 2013 (edited) Acesta este al 15-lea si ultimul tutorial din seria de aprofundare [/b][/font][/size][/font][/color] [b][size=5][color=#3333ff][u][font=georgia,serif]Tutorial HTML - Frameuri[/font][/u][/color][/size][/b][color=#ffffff][font=georgia,serif]Frame-urile sunt folosite pentru a afisa mai multe documente .html intro fereastra. Aceata inseamna ca vei avea o pagina fara continut, care va avea rolut de a indica browser-ului ce pagini trebuie sa afiseze. Odata cu introducerea PHP si CSS aceasta tehnica a fost inlaturata putin cate putin, ajungand sa se foloseasca foarte putin.[/font][/color] [color=#3333ff][size=5][u][b][font=georgia,serif]HTML - Frames, Pagina Generica[/font][/b][/u][/size][/color][color=#ffffff][font=georgia,serif]In general frame-urile se folosesc pentru a afisa un meniu pe de o parte iar continutul pe de o alta parte. Atunci cand cineva da un clik pe un link din meniu se va deschide o alta pagina in partea de continut. Vom exempifica toate acestea cu ajutorul codului urmator:[/font][/color] [i][size=3]<html> <head></head>[/size] [size=3]<frameset cols="30%,*">[/size] [size=3]<frame src="menu.html">[/size] [size=3]<frame src="content.html">[/size] [size=3]</frameset>[/size] [size=3]</html>[/size] [/i] [color=#ffffff][b][font=georgia,serif]Vizualizare[/font][/b][/color][size=3]Vizualizeaza acest exemplu intr-o fereastra noua.[/size] [color=#ffffff][font=georgia,serif]- [/font][/color][color=#d3d3d3][font=georgia,serif][i]frameset[/i][/font][/color][color=#ffffff][font=georgia,serif] - Este tagul care stabileste caracteristicile frame-ului. Frame-urile individuale vor fi definite i nauntrul lui.[/font][/color][color=#ffffff]-[/color][color=#d3d3d3][i] frameset cols="#%, *"- "Cols"[/i][/color][color=#ffffff] stabileste inaltime pe care fiecareframe o va avea. In exemplul anterion am stabilit ca primul frame (meniul) va ocupa 30% din suprafata afisata, si am folosit semnul " * " pentru a indica browser-ului ca in restul paginii ramase se va afisa continutul paginii.[/color][color=#ffffff][font=georgia,serif]-[/font][/color][color=#d3d3d3][font=georgia,serif][i] frame src=""[/i][/font][/color][color=#ffffff][font=georgia,serif] - adresa fisierelor care vor fi afisate ca meniu si respectiv continut.[/font][/color] [color=#3333ff][size=5][u][b][font=georgia,serif]HTML - Frame- Adaugarea unui banner sau Titlu[/font][/b][/u][/size][/color] [color=#ffffff][font=georgia,serif]Folositi codul urmator[/font][/color] [size=3]<html><head></head>[/size] [size=3]<frameset rows="20%,*">[/size] [size=3]<frame src="title.html">[/size] [size=3]<frameset cols="30%,*">[/size] [size=3]<frame src="menu.html">[/size] [size=3]<frame src="content.html">[/size] [size=3]</frameset> </html>[/size] [color=#3333ff][size=5][u][b][font=georgia,serif]HTML - Frame - Margine si Spatiere[/font][/b][/u][/size][/color][color=#ffffff][font=georgia,serif]Probabil ai observat ca intera frame-uri raman niste linii gri care de multe ori nu sunt dorite. Inlaturarea lor este posibila cu ajutorul frameborder si framespaciing. Aceste atribute vor fi introduse innauntru tag-ului frameset.[/font][/color] [color=#ffffff][font=georgia,serif]**Nota: In realitate frameset si frameborder este acelasi atribut. Exista insa browsere care nu recunosc decat unul dintre cele doua. Deaceia, sfatul nostru, este sa le folositi pe amandoua pentru mai multa siguranta.[/font][/color] [size=3]<html><head></head>[/size] [size=3]<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">[/size] [size=3]<frame src="title.html">[/size] [size=3]<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">[/size] [size=3]<frame src="menu.html">[/size] [size=3]<frame src="content.html"> </frameset> </html>[/size] [size=5][color=#3333ff][u][b][font=georgia,serif]HTML - "frame name" si "frame target"[/font][/b][/u][/color][/size][color=#ffffff][font=georgia,serif]Pentru a menitine meniul in pozitia actuala iar cand executam clic pe pagina de contact de exemplu sa se deschida in locul pagini de continut, vom da un nume fiecarui frame si vom precisa locul unde se va deschide cu ajutorul base target.[/font][/color] [color=#ffffff][font=georgia,serif]Iata si codul pentru pagina noastra[/font][/color] [size=3]<html><head>[/size] [size=3]<base target="content">[/size] [size=3]</head>[/size] [size=3]<frameset rows="20%,*">[/size] [size=3]<frame name="title" src="title.html">[/size] [size=3]<frameset cols="30%,*">[/size] [size=3]<frame name="menu" src="menu.html">[/size] [size=3]<name="content" src="content.html">[/size] [size=3]</frameset>[/size] [size=3]</html>[/size] [right][b][font=georgia,serif][size=2]SURSA[/size][/font][/b][/right] Edited August 29, 2013 by Christian UGD Link to comment Share on other sites More sharing options...
Recommended Posts