Slide 1

Limbajul HTML


Slide 2

Def: Cadrele sunt secţiuni ce oferă
posibilitatea de a vizualiza simultan in
fereastra browser-ului mai multe pagini Web


Slide 3

Organizarea cadrelor
►

Fiecare pagina afişată într-un cadru se specifică utilizând
marcajul ce este inserat în marcajul


►

Prin intermediul parametrilor ROWS sau COLS al marcajului
se defineşte spaţiul din cadrul ferestrei
browser-ului ,alocat fiecarei pagini Web in parte

►

Definirea spaţiului alocat fiecarei pagini Web in parte se
poate face in pixeli sau in procente, procentul se referă la
cat al sută din fereastra browser-ului este alocată fiecarei
pagini Web in parte.


Slide 4

Cadre orizontale
Impărţirea ferestrei in doua sectiuni orizontale:
Indicând volumul de spaţiu alocat fiecărui cadru prin numărul de pixeli:







Primul cadru ocupa un numar nr pixeli din inaltimea ferestrei browser-ului
Al doilea cadru ocupa diferenţa de pixeli din totalul de pixeli ai inaltimii ferestrei
browser-ului si numarul de pixeli ocupat de primul cadru, diferentă specificată
prin caracterul *


Slide 5

Exemplu:
Iata o pagina foarte simpla cu cadre care imparte ecranul in doua sectiuni, prima
avand o inaltime de 80 de pixeli, iar a doua ocupand restul ferestrei:








Slide 6

Indicand volumul de spatiu alocat fiecarui cadru prin procente:







Primul cadru ocupa un numar nr% din inaltimea ferestrei browser-ului
Al doilea cadru ocupa diferenţa de procent din 100% din inaltimea ferestrei
browser-ului si procentul ocupat de primul cadru, diferenta specificata prin
caracterul *


Slide 7

Exemplu:








Slide 8

Impartirea ferestrei in trei sectiuni orizontale:
Indicand volumul de spatiu alocat fiecarui cadru prin numarul de pixeli:









Primul cadru ocupa un numar nr1 pixeli din inaltimea ferestrei browser-ului
Al doilea cadru ocupa un numar nr2 pixeli din inaltimea ferestrei browser-ului

Al treilea cadru ocupa diferentza de pixeli din totalul de pixeli ai inaltimii
ferestrei browser-ului si suam de pixeli (nr1+nr2) ocupata de primul si al doilea
cadru, diferenta specificata prin caracterul *


Slide 9

Exemplu:
Ecranul este separat in trei secţiuni, prima avand o inaltime de 80 de pixeli, a
doua o inaltime de 50 de pixeli, iar a treia ocupand restul din inalţimea ferestrei:









Slide 10

Cadre verticale
Impartirea ferestrei in doua sectiuni verticale:
Indicand volumul de spatiu alocat fiecarui cadru prin numarul de pixeli:







Primul cadru ocupa un numar nr pixeli din latimea ferestrei browser-ului
Al doilea cadru ocupa diferentza de pixeli din latimea totala de pixeli ai
ferestrei browser-ului si numarul de pixeli ocupat de primul cadru, diferenta
fiind specificata prin caracterul *


Slide 11

Exemplu:
Iata o pagina cu cadre care imparte ecranul in doua sectiuni, prima avand o
latime de 80 de pixeli, iar a doua ocupand restul din latimea ferestrei:








Slide 12

Impartirea ferestrei in trei sectiuni verticale:
Indicand volumul de spatiu alocat fiecarui cadru prin procente:









Primul cadru ocupa un numar nr1% din latimea ferestrei browser-ului
Al doilea cadru ocupa un numar nr2% din latimea ferestrei browser-ului

Al treilea cadru ocupa diferentza de procent din 100% al latimii ferestrei
browser-ului si suma de procente (nr1+nr2) ocupata de primul si al doilea
cadru, diferenta fiind specificata prin caracterul *


Slide 13

Exemplu:









Slide 14

Cadre in cadre
Putem afişa in fereastra browser-ului simultan atât cadre
orizontale cât şi cadre verticale
Exemplu:















Slide 15


Slide 16

Deschiderea unei pagini Web in
cadrul dorit, indicat prin atributul
TARGET
Unui cadru i se poate asocia un nume prin intermediul parametrului NAME al
marcajului


Numele dat unui cadru poate fi atribuit ca valoare parametrului TARGET al
marcajului .. (marcaj de crearea a unui link) atunci cand este vizata
afisarea paginii Web, catre care face referire link-ul, in cadrul ce poarta numele
respectiv.



Slide 17


Slide 18


Slide 19

Daca nu specificam in ce cadru sa deschida pagina rosie, atunci ea se deschidea asa:


Slide 20

Recapitulare a notiunilor dobandite:

COLS=“333,10%,*,3*”

ROWS=“20%,*,2*”


[frameborder=“yes/no”]
[bordercolor=“culoare”>]>
[name=“nume frame”]
[scrolling=“yes/no”]
[noresize]>

...




Slide 21

Limbajul HTML: Cadre (Frames)


Slide 22

Limbajul HTML:













Cadre
(Frames)


Slide 23

Frame2

Structura organizatorica
Cursuri de zi
Cursuri distanta
Colaborari internationale
Catedra de informatica
...


Slide 24

Limbajul HTML: Cadre interne (IFrames)