02.03. radimo zadatak B02
(klikom na podvučeni deo teksta to otvarate ili preuzimate)
Radimo maturski zadatak B2 - Domaće životinje
Fajlovi koji se koriste za zadatak: Прилог_4ЕИТ_Б2.zip
Uputstvo za početak rada:
Kreirati folder u kojem treba da se nalaze 3 fajla i 2 foldera:
index.html
autor.html
uputstvo.html
U folder css staviti fajl za izgled svega,
u folder skripta staviti fajl za funkcionalnost.
Pošto koristimo Apache web server, ceo ovaj folder treba da bude UNUTAR webROOT foldera (unutar htdocs koji je u XAMPP folderu).
Detalji:
- Slike postaviti u poseban folder koji je unutar foldera sa vašim zadatkom (slika za pozadinu)
- folder sa vašim zadatkom treba da je na web serveru (D:> XAMPP > htdocs) - da bi bilo objavljeno na lokalnom web serveru
- Trebate imati 3 fajla i navigaciju između njih (na vrhu svakog od fajlova)
- Tekst na stranicama pisati ĆIRILICOM
- Možete koristiti Bootstrap, ali i ne morate (to je CSS biblioteka)
- Možete koristiti jQuery ili običan JavaScript za funkcionalnost
- CSS i JS treba da su u posebnim fajlovima !
Audio se pušta na sledeći način (HTML5):
var audio = new
Audio('audio_file.mp3');
audio.play();( pogledajte sve opcije na: w3schools: HTML DOM Audio )
1. način: ako se koristi JavaScript i inline poziv funkcije:
postaviti na element događaj onclick kojim se poziva funkcija u kojoj je programski kod za window.open
na primer, u html kodu je:
a u posebnom js fajlu je
function prikazipopup1(){
window.open('nekiMaliHtmlPopupFajl.html', 'popup',
'height=200,width=400,toolbar=no,top=200,left=400');
}
2. način: JavaScript i event Listener:
identifikovati element u html kodu sa recimo id, pa na osnovu toga kreirati eventListener .....
.... ovo POTRAŽITE SAMI (možda će biti kasnije postavljeno, ako stignemo ... )