Sunteți pe pagina 1din 2

FUNDAL (background)

Browser-ul poate afișa conținutul informativ al unei pagini având in fundal fie o culoare fie o
imagine.

Fiind vorba de fundal al informației, deducem ca trebuie sa avem in vedere secțiune body,
pentru ca aici stabilim ce informație comunicam cititorului.

Într-adevăr, va trebui sa folosim un atribut pentru marcajul body care sa gestioneze fundalul
peste care se va suprapune informația.

Pentru a stabili un fundal de tip culoare trebuie folosit atributul bgcolor care va avea ca
valoare fie un nume de culoare, fie o culoare RGB. De exemplu:
- (body bgcolor=“green”) va stabili un fundal in pagina de culoare verde
- (Body bgcolor=“#A4D21E”) va stabili o culoare din modul RGB

- (Body background=“calerelativa/fisierimagine.extensie”) va stabili ca fundal o


imagine care se va repeta pe ața suprafața in care se afișează informația in pagina
html.

SARCINA!
- realizați o structura arborescentă de foldere cu forma:
- Folder fundaluri va conține doua foldere numite html, respectiv poze
- In folderul html creati fișierul fundalculoare.html și fișierul fundalimagine.html
- In folderul poze puneți poze care va reprezintă pe voi in timpul activităților din online
si o poza numita fundaldictando.jpg (căutați o imagine care va da liniatura caietului
de dictando sau de matematica…. puteți folosi orice imagine ca fundal dar daca este
prea colorata si cu elemente care nu permite imbinare la margini, fundalul va arată
urat...ca la tapetul de pe perete sau gresia cu modele) si cate poze vreți cu voi in
vietățile online.
- fundalculoare.html va cuprinde in 4 paragrafe, informații legate de activitatea
voastră din online pentru TIC. Veți pune 2 poze, pe care le redimensionati cu height
si weight si pe care le aliniati fata de paragraful respectiv, una in fata si cealaltă la
sfârșitul paragrafului, pe orizontala.Veti avea si o legătura externa către pagina a
doua html pe care o veți crea(fundalimagine.html). Ca si culoare de fundal folosiți ce
culoare vreți, in oricare din cele doua moduri descrise mai sus
- fundalimagine.html va cuprinde in 6 paragrafe, informatii legate de activitatea in
online la alte discipline. Veti pune 3 poze, aliniate pe verticala fata de paragraful
respectiv. Pentru fundal veți folosi o imagine care reprezintă liniatura din caietele de
dictando sau de matematica. La sfârșitul fișierului puneți o legătura externa către
pagina fundalculoare.html

ATENȚIE!
Calea relativa pentru chemarea imaginilor(cu <img src=“calerelativa”>) in pagina are forma
“../poze/numepozacuextensie”
Calea relativa pentru poza de fundal (cu marcajul si atributul de forma <body
background=“calerelativa”>) are forma “../poze/pozafundal.extensie”

Calea relativa pentru ancorarea către o alta pagina html (cu <a href=“calerelativa”>) are
forma “numefisierhtml.html”. Adică cele doua fisiere html se găsesc in același folder.

Arborele de foldere îl încărcați pe drive.


Notele le primiți pe edupage… anuntați-va între voi. Daca este nevoie, solicitați-ma pentru
consiliere pe zoom.

Pe edupage veți pune poze cu imaginile de pe ecrane in care se văd in browser cele doua
fisiere create.

S-ar putea să vă placă și