Web programiranje

Veba 1
Zadatak 1
Generisati HTML kod za fleksibilan CSS dizajn strane prikazan na slici desno. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja naslov pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a o!avezno da sadri naziv sajta i da i a visin" 1'(# a navigacija slede)e linkove* +o,etna strana# sadraj -znaj ljivanje knjiga# +rijava korisnika# .egistracija korisnika# /ontakt. Deo za navigacij" je 0irine 1'(. Linkovi za navigacij" ne tre!aj" !iti podv",eni# a kad se pre2e k"rsoro i0a onda pozadina tre!a !iti !oje 34455''. navigacija

Zadatak 1
Generisati HTML kod za hibridni CSS dizajn strane prikazan na slici desno. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja naslov pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a o!avezno da sadri naziv sajta i da i a visin" 1'(# a navigacija slede)e linkove* +o,etna strana# sadraj -znaj ljivanje knjiga# +rijava korisnika# .egistracija korisnika# /ontakt. Deo za navigacij" tre!a i ati $proizvoljn"% pozadinsk" footer slik" " donje desno "gl" i 0irine je 1''p6. 4ooter je visine 1'(. Linkovi za navigacij" ne tre!aj" !iti podv",eni# a kad se pre2e k"rsoro i0a preko linka# onda se tre!aj" podv")i. navigacija

Zadatak 5
Generisati HTML kod za hibridni CSS dizajn strane prikazan na slici desno. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a o!avezno da sadri naziv sajta i da i a visin" 11'p6# a navigacija slede)e linkove* +o,etna strana# +retraga knjiga# /"povina knjiga# +rijava korisnika# .egistracija korisnika# /ontakt. naslov navigacija

sadraj

footer

Deo za navigacij" tre!a i ati $proizvoljn"% pozadinsk" slik" " donje desno "gl" i da i a 0irin" 17'p6. 4ooter je visine 5'p6. Za linkove za navigacij" koristiti font 8erdana i ne tre!a i9 podvla,iti.

Zadatak :
Generisati HTML kod za fiksni CSS dizajn strane prikazan na slici desno. Srednja kolona tre!a !iti 0irine ;<'p6. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a o!avezno da sadri naziv sajta i da !"de visine 7'p6# a navigacija slede)e linkove* +o,etna strana# /atalog proizvoda# +rijava korisnika# .egistracija korisnika# /ontakt. naslov navigacija

sadraj

Deo za navigacij" tre!a da !"de visine 1'p6.

Zadatak 7
Generisati HTML kod za fiksni trokolonski CSS dizajn strane. =irine kolona s" 1''p6# ;''p6 i 1''p6. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &avigacija je " levoj koloni i sadri slede)e linkove* +o,etna strana# /atalog proizvoda# +rijava korisnika# .egistracija korisnika# /ontakt. Linkovi za navigacij" ne tre!aj" !iti podv",eni# a kad se pre2e k"rsoro pozadina tre!a !iti !oje 44>>''. i0a onda

Zadatak >
Generisati HTML kod za hibridni CSS dizajn strane Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a o!avezno da sadri naziv sajta i da i a visin" 17(# a navigacija linkove* +o,etna strana# /atalog proizvoda# +rijava korisnika# .egistracija korisnika# /ontakt. prikazan na slici desno. naslov navigacija

sadraj

footer

Deo za navigacij" tre!a i ati $proizvoljn"% pozadinsk" slik" " donje 1''p6. 4ooter je visine 5'p6.

desno

"gl" i 0irine je

Zadatak ;
Generisati HTML kod za fleksibilan CSS dizajn strane prikazan na slici desno. ?r9itekt"ra strane je data na slici desno. Deo sa sadraje tre!a da i a pozadin" !ele !oje# proizvoljn" pozadinsk" slik" " donje desno "gl" i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a da sadri naziv sajta i da i a visin" 1'(# a navigacija slede)e linkove* +o,etna strana# 8esti# +rijava korisnika# .egistracija korisnika. naslov navigacija

sadraj

footer

Deo za navigacij" tre!a i ati $proizvoljn"% pozadinsk" slik" " koja se ponavlja vertikalno i da i a 0irin" 1'(. 4ooter je visine 5'(.

Zadatak @
Generisati HTML kod za fiksni CSS dizajn strane prikazan na slici desno. Srednja kolona tre!a !iti 0irine ;<5p6. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a o!avezno da sadri naziv sajta i da !"de visine 7'p6# a navigacija slede)e linkove* +o,etna strana# 8esti# +rijava korisnika# .egistracija korisnika. Deo za navigacij" tre!a da !"de visine 1'p6. naslov

sadraj

navigacija

Zadatak <
Generisati HTML kod za hibridni trokolonski CSS dizajn strane prikazan na slici desno. Deo sa sadraje tre!a da i a pozadin" !ele !oje i naslov proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. =irina leve i desne kolone s" 1'' i 1''p6# dok je deo za sadraj fleksi!ilan. &aslov tre!a o!avezno da sadri naziv sajta sadraj i da i a visin" 7'p6# a navigacija slede)e linkove* +o,etna strana# 8esti# +rijava korisnika# .egistracija korisnika. Deo za navigacij" tre!a i ati $proizvoljn"% pozadinsk" slik" " donje desno "gl". navigacija

Zadatak 1'
Generisati HTML kod za fleksibilan dizajn strane po o)" tabela# prikazan na slici desno. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja naslov pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a o!avezno da sadri naziv sajta i da i a visin" 1'(# a navigacija slede)e linkove* +o,etna strana# +on"da sadraj aran ana $leto# zi a%# +rijava korisnika# .egistracija korisnika# /ontakt. Deo za navigacij" tre!a i ati $proizvoljn"% pozadinsk" slik" " donje desno "gl" i da i a 0irin" 1'(. 4ooter je visine 5'p6. footer navigacija

Zadatak 11
Generisati HTML kod za fiksni CSS dizajn strane prikazan na slici desno. Srednja kolona tre!a !iti 0irine ;<5p6. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a o!avezno da sadri naziv sajta i da !"de visine 7'p6# a navigacija slede)e linkove* +o,etna strana# .ezervacija avionski9 karata# +rijava korisnika# .egistracija korisnika# /ontakt. Deo za navigacij" tre!a da !"de visine 1'p6. Sadraj tre!a da i a padding sa leve i desne strane po 1'p6. naslov navigacija

sadraj

Zadatak 11
Generisati HTML kod za fiksni trokolonski CSS dizajn strane. =irine kolona s" 1''p6# ;7'p6 i 1''p6. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &avigacija je " levoj koloni i sadri slede)e linkove* +o,etna strana# /atalog proizvoda# +rijava korisnika# .egistracija korisnika# /ontakt. Linkovi za navigacij" ne tre!aj" !iti podv",eni# a kad se pre2e k"rsoro i0a onda pozadina tre!a !iti !oje 44>>''. Svi paragrafi tre!aj" da i aj" levi padding 7p6.

Zadatak 15
Generisati HTML kod za hibridni trokolonski CSS dizajn strane. =irine leve i desne kolone s" 1''p6# i 17'p6# dok je srednja kolona fleksi!ilna. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &avigacija je " levoj koloni i sadri slede)e linkove* +o,etna strana# /atalog proizvoda# +rijava korisnika# .egistracija korisnika# /ontakt. Deo za navigacij" je 0irine 17(. Linkovi za navigacij" ne tre!aj" !iti podv",eni# a kad se pre2e k"rsoro i0a onda pozadina tre!a !iti !oje 44>>''. Srednja kolona tre!a da i a lev" i desn" argin" >p6. Deo za navigacij" tre!a i ati $proizvoljn"% pozadinsk" slik" " donje desno "gl".

Zadatak 1:
Generisati HTML kod za fleksibilan dizajn strane po o)" tabela# prikazan na slici desno. Deo sa sadraje tre!a da i a pozadin" !ele !oje# proizvoljn" pozadinsk" slik" " donje desno "gl" i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a da naslov sadri naziv sajta i da i a visin" 1''p6# a navigacija slede)e linkove* +o,etna strana# /atalog proizvoda# +rijava korisnika# .egistracija korisnika# /ontakt. sadraj Deo za navigacij" tre!a i ati $proizvoljn"% pozadinsk" slik" " koja se ponavlja vertikalno i da i a 0irin" 17'p6. 4ooter je visine 5'p6. Dizajn strane "raditi po o)" ta!ela. Celok"pan izgled $stilove% staviti " footer zase!n" CSS datotek".

Zadatak 17
Generisati HTML kod za hibridni CSS dizajn strane prikazan na slici desno. =irine leve i desne kolone s" 1''p6 i 17'p6# dok je srednja kolona fleksi!ilna. Deo sa sadraje tre!a da i a pozadin" !ele !oje i proizvoljan sadraj# dok za ostale delove stil $!oja pozadine# slova# slike% proizvoljno odrediti. &aslov tre!a o!avezno da sadri naziv sajta i da !"de visine 7'p6# a navigacija slede)e linkove* +o,etna strana# +regled nekretnina# +rijava korisnika# .egistracija korisnika. Deo za navigacij" tre!a da !"de visine :'p6. naslov

sadraj

navigacija

navigacija