Student practicant: Bucur Ioana-Cristina Clasa a IX-a F

TIC
Data: 11.03.2021
FIȘĂ DE LUCRU
IMAGINI ÎN HTML

- O imagine valorează cât o mie de cuvinte – F. Barnard

ÎNTREBARE: De ce sunt importante imaginile într-o pagină web?

Formatele de imagini utilizate în paginile web sunt: JPEG (*.jpg sau *.jpeg), GIF (*.gif), BMP
(*bmp) și PNG (*.png).
CE VOM FACE ASTĂZI?

SINTAXA ÎN HTML
Eticheta folosită pentru inserarea unei imagini în pagină e <img> cu atributele:
➢ src = sursa, locul unde se află imaginea;
➢ width = lățimea imaginii;
➢ height = înalțimea imaginii;
➢ alt = numele care înlocuiește imaginea până aceasta se încarcă sau când nu a fost găsită;
➢ border = chenar (0 = lipsă bordură).
Student practicant: Bucur Ioana-Cristina Clasa a IX-a F
TIC
Data: 11.03.2021
EXERCIȚII

I. Lucrăm împreună!
Descărcați arhiva intitulată Imagini_HTML.rar furnizată la începutul lecției.
Exportați folderul conținut de către arhivă pe Desktop.

Sau pur și simplu cu Drag and Drop.

Student practicant: Bucur Ioana-Cristina Clasa a IX-a F
TIC
Data: 11.03.2021

CERINȚE
Realizați o pagină web cu titlul Imagini, care să conțină următoarele elemente:
1. Un header aliniat la mijloc intitulat Testarea atributelor etichetei img, iar fundalul paginii
să aibă următoarea culoare: AliceBlue.
2. Un subtitlu intitulat Atributul src. După crearea subtitlului, introduceți în pagina web
imaginea ocean.jpg. Introduceți următoarea linie de cod: <img src=”ocan.jpg”>. Ce constatați?
3. Un subtitlu intitulat Atributul alt. Adăugați paginii imaginea ocean2.jpg și specificați un
text pentru imagine.
4. Un subtitlu cu denumirea Atributele width și height. Adăugați imaginea de la următorul link:
https://www.w3schools.com/w3images/skies.jpg. Stabiliți și precizați dimensiunea ei (în
termeni de lățime și înălțime). Modificați valorile pentru cele două coordonate.
5. Un subtitlu cu denumirea Atributul border. Ulterior, adăugați imaginea din folderul Aurora,
în pagina web, evidențiind toate atributele învățate anterior și încadrați-o într-un chenar.
6. Adăugați următorul text, astfel încât ultima imagine să fie aliniată la stânga textului.
Aurora boreală se mai numește și aurora polară, asta pentru că fenomenul se poate observa
cel mai frecvent în zona polilor magnetici ai Terrei. Un adevărat spectacol al naturii, aurora
polară nu se produce exclusiv pe Pământ, ci apare și pe alte planete care sunt chiar mai
puternic încărcate magnetic.
Din punct de vedere ştiinţific, aurorele polare pot apărea oriunde pe glob. Totuși, ele sunt
văzute cel mai bine pe o rază de aproximativ 2500 de km în jurul polilor magnetici ai
Pământului: aurora boreală la Polul Nord, respectiv aurora australă la Polul Sud. Locurile
unde poate fi văzută cel mai frecvent aurora boreală sunt Norvegia, Finlanda, Islanda, Suedia,
Groenlanda, Canada, Rusia și Alaska.
II. EXERCIȚIU INDIVIDUAL
Adăugați paginii Web realizate împreună un subtitlu Mesaj de încheiere și imaginea cu
extensia gif din folderul descărcat.

Succes!
✨