20.01. Vežba
Pravimo web stranicu na temu boravka u svemiru:
Kreirati poseban folder u svom folderu na računaru i otvoriti ga pomoću VS Code
Kreirati dva fajla: zadatak.html i stil.css
U html fajl na što kraći način uneti odnovni html kôd.
Na Internetu pronaći sliku svemira i postaviti je u isti folder
Pomoću css-a ubaciti tu sliku u pozadinu web stranice
Zatim pronaći sliku svemirskog broda ili vanzemaljca (ili nečeg drugog) i pomoću nekog od alata na računaru je konvertovati u PNG fajl sa transparentnom pozadinom. Tu sliku postaviti na vašu web stranicu
(ili samo preuzmite neki transparentni png sa web-a)
Podzadatak: Kada se klikne na sliku treba da "iskoči" neka poruka
Podzadatak: Kada se miš nađe iznad slike treba da se čuje neki zvuk
Podzadatak: Dodati jedan blok sa pesmicom:
boja i veličina slova da se promene
razmisliti da li bi ceo blok bio sa nekom drugom bojom pozadine
Zadatak kao za ocenu (od prethodne školske godine):
Kreirati web stranicu sa naslovom Žaba čita novine
Nakon naslova treba da se nalazi jedna slika po izboru autora.
Nakon slike treba da se ispiše tekst pesme.
Cela web stranica treba da ima neku svetlo zelenu pozadinu
Kada se klikne na sliku treba da iskoči poruka u kojoj piše nešto o žabama.
(ako želite, dodajte još nešto, po vašem izboru, kao npr horizontalnu liniju između naslova i ostalog sadržaja, ...)
Za ocenu 2: html stranica sa naslovom i postavljenom pozadinom i bar jednom linijom teksta
Za ocenu 3: treba da postoji slika na stranici
Za ocenu 4: Svaka od strofa treba da ima različitu boju slova (prva strofa plavo, druga žuto, … ), a naslov promenite da bude bele boje – i da se kompletan izgled stranice podešava korišćenjem css-a.
Za ocenu 5: upotrebiti JavaScript za iskakanje poruke.