Uvod u veb dizajn Napredni HTML Zoltan Geller

Uvod u veb dizajn Napredni HTML Zoltan Geller zoltang@ff. uns. ac. rs 2017

Sadržaj 1. Multimedija 2. Obrasci 3. Glava dokumenta

src – ADRESA (URL) AUDIO FAJLA Multimedija - Audio zapis - controls - PRIKAZ KONTROLA autoplay - AUTOMATSKO POKRETANJE loop - PONAVLJANJE muted - PRIGUŠEN TON DA LI ŽELIMO AUDIO FAJL UČITATI PRILIKOM UČITAVANJA STRANICE: none – NE auto – DA metadata – SAMO METAPODATKE SADRŽAJ KOJI SE PRIKAZUJE AKO ČITAČ NE PODRŽAVA AUDIO

Multimedija - Audio zapis - primer - asimov. html

src – ADRESA (URL) VIDEO FAJLA Multimedija - Video zapis poster – ADRESA (URL) SLIKE KOJA SE PRIKAZUJE DOK NE POČNE VIDEO ŠIRINA (width) I VISINA (height) PROSTORA REZERVISANOG ZA VIDEO

Multimedija - Video zapis - primer - asimov. html

Sadržaj 1. Multimedija 2. Obrasci 3. Glava dokumenta

Obrasci - Primer text – POLJE ZA TEKST email – POLJE ZA EMAIL ADRESU radio – DUGME ZA IZBOR checkbox – POLJE ZA POTVRDU textarea – OBLAST ZA TEKST submit – DUGME ZA POTVRDU asimov. html

Obrasci - Opšti izgled oznake action – FAJL NA SERVERU KOME ŠALJEMO PODATKE asimov. html method – NAČIN SLANJA PODATAKA: get ILI post type=“text” POLJE ZA TEKST name=“ime” NAZIV PODATKA type=“submit” – DUGME ZA POTVRDU value=“Pošalji” - NATPIS

Obrasci - Slanje podataka na server PODACI SE PREMA SERVERU ŠALJU U OBLIKU name=value PAROVA name OZNAČAVA NAZIV PODATKA value OZNAČAVA VREDNOST PODATKA VREDNOST ZA name ODREĐUJE HTML OZNAKA VREDNOST ZA value ODREĐUJE KORISNIK (A MOŽE I HTML OZNAKA)

Obrasci - Metode GET i POST DVA NAČINA SLANJA PODATAKA OD KLIJENTA PREMA WEB SERVERU GET POST UPITNI PODACI KOJE TREBA SAČUVATI NA SERVERU SAMO TEKST OGRANIČENA DUŽINA NIJE SIGURNA PODACI SE ŠALJU KAO DEO URL-A BILO KOG TIPA BEZ OGRANIČENJA SIGURNIJA PODACI SE ŠALJU U TELU PORUKE

Obrasci asimov. html - Polje za tekst i email adresu -

Obrasci - Dugme za izbor - asimov. html

Obrasci - Polje za potvrdu - asimov. html

Obrasci - Oblast za tekst <textarea>. . </textarea> VIŠE REDOVA TEKSTA asimov. html

Sadržaj 1. Multimedija 2. Obrasci 3. Glava dokumenta

Glava dokumenta - Metapodaci - asimov. html name, content PAROVI KOJI OPISUJU STRANICU name – NAZIV METAPODATKA content – SADRŽAJ (VREDNOST) METAPODATKA author - AUTOR description OPIS keyowrds – KLJUČNE REČI

Glava dokumenta - Stilovi - asimov. html JEZIK ZADATAK HTML CSS Java. Script STRUKTURA, SADRŽAJ IZGLED PONAŠANJE

Uvod u veb dizajn Napredni HTML Zoltan Geller zoltang@ff. uns. ac. rs 2017