BluePink
XHost

Oferim servicii de instalare, configurare si monitorizare servere linux (router, firewall, dns, web, email, baze de date, aplicatii, server de backup, domain controller, share de retea) de la 50 eur / instalare. Pentru detalii accesati site-ul BluePink.

11. Lucrul cu cadre

11. 1. Ce sunt cadrele

Un cadru (frame) este o regiune din fereastra browser-ului, care afiseaza o pagina web independent de ceea ce este afisat in restul ferestrei. Ansamblul de cadre care compun fereastra browser-ului se numeste frameset si este o pagina speciala care defineste modul in care sunt afisate cadrele: numarul de cadre, pozitia lor si url-ul paginii initiale din fiecare cadru. Cand este vizitata o pagina bazata pe cadre, browser-ul deschide initial frameset-ul, care la randul lui afiseaza paginile continute in cadre.

Cadrele sunt folosite de obicei pentru imbunatatirea navigarii prin site, deoarece afiseaza in permanenta legaturile. In exemplul urmator, un proiect de atestat este prezentat cu ajutorul a trei pagini:

1) pagina de navigare contine legaturile:
2) pagina de continut, cu prezentarea proiectului:
3) frameset-ul care apare in browser: se poate derula pagina din dreapta, ramanand vizibile legaturile din stanga

Dintre avantajele folosirii cadrelor, mentionam:

usurinta trecerii la alta pagina sau sectiune, avand mereu la dispozitie legaturile
fiecare cadru are propria bara de derulare, ceea ce faciliteaza parcurgerea independenta

Totusi, majoritatea designerilor web evita folosirea cadrelor, datorita urmatoarelor dezavantaje:

nu toate browser-ele inteleg si afiseaza corect cadrele.
necesita atentie sporita la configurare, erorile fiind foarte neplacute pentru vizitatori (o eroare frecventa: la incarcarea unei pagini din afara site-ului, ramane cadrul din pagina anterioara)
url-urile paginilor din cadre nu apar in browser.

11. 2. Pagina de configurare a cadrelor

Prezentam in continuare codul frameset-ului de mai sus (numiti aceasta pagina "index.htm" si asigurati-va ca exista paginile "navigare.htm" si "continut.htm" in acelasi director):

<html>
<head>
  <title>Atestat - Calcule numerice</title>
</head>
<frameset cols="147,*">
<frame name="stanga" target="main" src="navigare.htm">
  <frame name="main" src="continut.htm">
  <noframes>
    <p>Aceasta pagina foloseste cadre, dar browser-ul dvs. nu le suporta.</p>
  </noframes>
</frameset>
</html>

Configurarea cadrelor se face cu ajutorul etichetelor <FRAMESET>, <FRAME> si <NOFRAMES>. Pentru impartirea ferestrei browser-ului in coloane, folosim modelul:

<FRAMESET COLS="dimensiune coloana 1, dimensiune coloana 2, ...">
  <FRAME NAME="nume cadru 1" TARGET="tinta legaturilor din cadrul 1" SRC="numele paginii din cadrul 1">
  <FRAME NAME="nume cadru 2" TARGET="tinta legaturilor din cadrul 2" SRC="numele paginii din cadrul 2">
  .........
  <FRAME NAME="nume cadru n " TARGET="tinta legaturilor din cadrul n" SRC="numele paginii din cadrul n">
  <NOFRAMES>
    Continutul afisat daca browser-ul nu suporta cadre
  </NOFRAMES>
</FRAMESET>

Impartirea in linii suprapuse se face asemanator, inlocuind COLS="dimensiune coloana 1, dimensiune coloana 2, ..." cu ROWS="dimensiune linie 1, dimensiune linie 2, ...".

Valorile "dimensiune coloana 1, dimensiune coloana 2, ..." pot fi:

numere - reprezinta dimensiunea coloanei in pixeli.
procente - reprezinta dimensiunea coloanei procentual fata de dimensiunea ferestrei browser-ului
stelute - cadrul respectiv va ocupa locul ramas din fereastra. In exemplul ales, COLS="147,*" stabileste ca prima coloana sa aiba latimea de 147 pixeli, iar a doua sa ocupe restul ferestrei.

Atributul NAME precizeaza numele cadrului respectiv.

Atrinbutul TARGET precizeaza cadrul "tinta" in care se deschide noua pagina, cand vizitatorul acceseaza o legatura din cadru. In exemplul nostru, name="stanga" target="main" precizeaza ca paginile cerute de legaturile din cadrul "stanga", se deschid in cadrul "main" (din dreapta). Alte valori pentru atributul TARGET sunt:

_self - noua pagina se deschide in acelasi cadru
_top - noua pagina se deschide in toata fereastra (dispar cadrele)
_blank - noua pagina se deschide in alta fereastra de browser

Atributul TARGET se foloseste, de asemenea, pentru legaturile externe (care conduc la pagini din afara site-ului), pentru a forta deschiderea noii pagini pe tot ecranul (fara cadre). Aceste legaturi se creeaza astfel:

<a href="adresa noii pagini" target="_top">textul legaturii</a> sau
<a href="adresa noii pagini" target="_blank">textul legaturii</a>

Atributul SRC precizeaza pagina afisata initial in cadrul respectiv.

In interiorul etichetei <FRAME> mai putem folosi si urmatoarele atribute:

NORESIZE - cadrul respectiv nu poate fi redimensionat de catre vizitatori
SCROLLING="YES" si SCROLLING="NO" - permite, respectiv interzice, aparitia barei de derulare pentru cadru
FRAMEBORDER="numar" - stabileste grosimea bordurii cadrului, in pixeli. Pentru a nu avea margine, folosim FRAMEBORDER="0". Atributul FRAMEBORDER este recunoscut de Internet Explorer; pentru browser-ul Netscape se foloseste atributul BORDER.

Incercati:

1. Frameset-ul de mai sus functioneaza si cu alta valoare in loc de "main" in:

<frame name="stanga" target="main" src="navigare.htm">
<frame name="main" src="continut.htm">

a) da
b) nu

2. Datorita unei erori de configurare a cadrelor, acestea nu dispar cand vizitatorul acceseaza o legatura catre o pagina din afara site-ului (externa). Problema se rezolva astfel:

a) atributul SCROLLING din eticheta <FRAME> sa aiba valoarea "NO"
b) atributul SRC din eticheta <FRAME> sa aiba ca valoare adresa paginii externe care trebuie deschisa
c) atributul TARGET din eticheta <A> sa aiba valoarea "_top"
d) dimensiunea cadrului, stabilita prin atributul COLS din eticheta <FRAMESET>, sa fie 100%