15.

 lipnja  Web programiranje i primjene 
2010. 

Prvi kolokvij - zadaci za vježbu

Napomena:

Zadaci za vježbu su sličnog tipa kao zadaci kojima će biti provjeravano znanje na prvom kolokviju
(17. svibnja 2010.). Ovi zadaci Vam mogu poslužiti samo za provjeru usvojenosti gradiva i nisu
zamišljeni kao osnova za učenje, tj. pripremu za kolokvij.

1. HTML je kratica za:

a) HyperText Markup Language

b) HyperText Method Language
c) Home Tool Method Link
d) Hyperlink Markup Language

2. Indikator sequence, koji pripada grupi indikatora redosljeda u XML Schemi, znači
sljedeće:

a) svi child-elementi složenog XML elementa moraju se pojaviti u XML dokumentu

redom kojim su definirani u XML Schemi
b) svi child-elementi složenog XML elementa definirani u XML Schemi moraju se
pojaviti u XML dokumentu, ali redoslijed kojim su definirani u XML Schemi nije bitan
c) od svih child-elemenata složenog XML elementa definirani u XML Schemi u XML
dokumentu se mora pojaviti barem jedan
d) od svih child-elemenata složenog XML elementa definirani u XML Schemi u XML
dokumentu se mora pojaviti točno jedan
e) svi child-elementi složenog XML elementa moraju se pojaviti u XML dokumentu
abecednim redom

3. Dopunite sljedeće tvrdnje:

HTML i XML su jezici za označavanje koji su nastali od općeg (meta) jezika _____.
Programi(preglednici) „razumiju“ njihovu strukturu pomoću pravila opisanih u _____ i
_____ schemi, koje između ostalog koristimo i za provjeru valjanosti HTML i/ili XML
dokumenta.

4. Koje tvrdnje nisu točne:

a) deklaracija atributa u DTD-u vrši se pomoću ATTLIST deklaracije

b) XML schema može biti vanjska i unutarnja
c) atributi mogu biti i složenog tipa
d) prazni elementi nisu složeni elementi
e) tekstualni složeni tip sadrži samo sadržaj jednostavnog tipa

   
       1 
   
15. lipnja  Web programiranje i primjene 
2010. 

5. Koji znak treba ukloniti u sljedećem linijskom CSS stilskom uzorku kako bi on definirao
stil paragrafa koji je centriran te sadrži tekst Web programiranje ispisan fontom Times i
slovima plave boje:

<p style=“color:blue; font-style:Times; text-align:center”/>

Web programiranje

</p>

a) greška ne postoji
b) treba ukloniti znak / iz završnog taga </p>
c) treba ukloniti završni tag </p>
d) treba ukloniti znak / s kraja početnog taga <p>
e) treba ukoniti znakove ; u početnom tag-u <p> i umjesto njih staviti zareze.

6. Dopunite funkciju tako da se u HTML dokumentu ispiše što je korisnik upisao u prvoj
formi u polje imena "grad":

function Grad()
{
var ime=______________________________
document._____________________________
}

7. Indikator poretka choice u definiciji kompleksnog elementa pomoću XML Scheme,

označava

a) da se može pojaviti samo dva navedena podelementa u bilo kojem poretku

b) da se može pojaviti samo dva navedena podelementa u poretku u kojem su
definirani
c) da se može pojaviti točno jedan podelement od svih navedenih podelemenata
d) može se pojaviti samo jedan podelement ako je on kompleksnog tipa

8. Operatori pojavljivanja korišteni u DTD deklaraciji

<!DOCTYPE knjiga [
<!ELEMENT knjiga ((naslov,autor,izdavač)+|cijena*)
]>

XML elementa knjiga znače sljedeće

a) element knjiga može sadržavati ILI jedan ili više nizova elemenata naslov, autor i
izdavač (u navedenom rasporedu) ILI nula ili više elemenata s imenom cijena
b) element knjiga može sadržavati ILI nula ili više nizova elemenata naslov, autor i
izdavač (u navedenom rasporedu) ILI jedan ili više elemenata s imenom cijena
   
       2 
   
15. lipnja  Web programiranje i primjene 
2010. 

c) element knjiga može sadržavati ILI jedan ili više nizova elemenata naslov, autor i
izdavač (u navedenom rasporedu) ILI jedan element s imenom cijena

9. Popunite sljedeći kod

<style type="text/css"> <table id="customers">

#customers <tr>
{ <th>Tvrtka</th>
font-family: _____; <th>Kontakt</th>
width:100%; <th>Zemlja</th>
border-_______:_______; </tr>
} <tr>
#customers td, <td>Trans</td>
{ <td> Pero Perić </td>
border:1px solid #98bf21; <td>Hrvatska</td>
padding:3px 7px 2px 7px; </tr>
} <tr >
#customers th <td>Schniffelbreu</td>
{ <td>Friedrich Keisser</td>
_____-size:_____; <td>Njemačka</td>
text-align:left; </tr>
_____-top:_____; </table>
background-color:#A7C942;  
color:#ffffff;
}
</style>

tako da su zadovoljeni sljedeći uvjeti:

a) font u cijeloj tablici je Arial
b) tablica nema rub
c) font u zaglavlju tablice ima veličinu 16px
d) u svakoj ćeliji, sadržaj je udaljen od gornjeg ruba ćelije za 4px

10. Označite koje tvrdnje nisu točne:

a) <xsl:template> element se koristi za gradnj predložaka

b) "!=" je filterski operator koji znači "nije jednako"
c) za slaganje izlaza koristi se element <sort:output>
d) <xsl:value-of> element služi za izlučivanje vrijednosti izabranog čvora u stablu XML
dokumenta
e) XSL se sastoji iz 4 dijela:XML,XSLT,XPath,XSL-FO

11. Što je napravljeno u sljedećem dijelu JavaScript programa:

function osoba(ime,prezime,dob)
{this.ime=ime;
this.prezime=prezime;
this.dob=dob;
}
mojOtac=new osoba(“Ivo”, “Ivić”, 50);

a) definirana je funkcija osoba() s atributima ime, prezime i dob te je pomoću te funkcije

definirana varijabla mojOtac
b) pomoću funkcije osoba() s argumentima ime, prezime i dob definiran je uzorak za
   
       3 
   
15. lipnja  Web programiranje i primjene 
2010. 

kreiranje instance objekta osoba te je kreirana instanca mojOtac

c) varijabla mojOtac definirana je kao lokalna varijabla unutar definicije funkcije osoba()
d) definirana je shema za kreiranje instance objekta mojOtac
e) u prozoru web preglednika su pomoću funkcije osoba() ispisani instanca mojOtac
objekta osoba i pripadne vrijednosti atributa ime, prezime i dob
12. Sljedeći redak u DTD shemi

<!ELEMENT student (ime+,prezime+,godina,(zvanje|status))>

označava da
a) element student ima točno 5 elemenata
b) element student ima najmanje jedan podelement ime, najmanje jedan podelement
prezime, točno jedan element godina te sadrži ili podelement zvanje ili podelement
status.
c) element student ima najmanje jedan podelement ime, najmanje jedan podelement
prezime, točno jedan element godina te sadrži podelement zvanje ili podelement
status.
d) element student ima točno 4 elementa
e) element student ima najmanje 4 elementa

13. Za sljedeću funkciju odredite koje su tvrdnje točne:

<script language="JavaScript">
function validate_text(form1)
{
var izraz=/^[a-zA-Z]+$/;
if ( izraz.test(form1.user_name.value) == false)
{
alert("Za ime koristite samo slova!");
return false;
}

if (form1.user_name.value==""||form1.user_name.value==null)
{
alert("Morate upisati ime.");
return false;
}
else
{
return true;
}
}
</script>

a) ukoliko polje za unos teksta s imenom user_name ostane prazno, pojavit će se alert
upozorenja
b) return false znači da se forma neće slati serveru na obradu
c) znak $ u regularnom izrazu označava ponavljanje malih i velikih slova u imenu
d) metoda test traži odgovarajući uzorak definiran kao varijabla "izraz" u polju imena
"user_name"
e) vrijednosti metode test su isključivo true i false

   
       4 
   
15. lipnja  Web programiranje i primjene 
2010. 

14. Koji efekt je izazvan jQuery naredbama iz sljedećeg JavaScript programa uključenog u
zaglavlje nekog HTML dokumenta:

<script type="text/javascript" src="jquery.js"/>

<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>

a) klikom na gumb kreiran u tijelu odgovarajućeg HTML dokumenta nestaje prvi

paragraf tog HTML dokumeta
b) klikom na gumb kreiran u ovom JavaScript programu nestaju svi paragrafi
odgovarajućeg HTML dokumenta
c) klikom na gumb kreiran u tijelu odgovarajućeg HTML dokumenta nestaju svi
paragrafi tog HTML dokumenta
d) klikom na bilo koji gumb na izborniku web preglednika u kojem otvaramo ovaj HTML
document nestaju svi paragrafi tog HTML dokumenta
e) klikom na sadržaj prvog paragrafa ovog HTML dokumenta nestaju svi eventualno
kreirani gumbi u istom HTML dokumentu
 

15. <script type="text/javascript">

…
function startup(){
setInterval("ispisi()",500);
}
…

</script>

<body onLoad = "startup()" bgColor=red>

<button name=“gumb“ onClick=“pocni()“/>
</body>

Koje su od sljedećih tvrdnji nisu točne?

a) nakon učitavanja stranice funkcija ispisi() pozivat će se svakih 500 ms

b) nakon učitavanja stranice funkcija ispisi() pozivat će se svakih 500 s
c) klikom na gumb poziva se funkcija startup()
d) učitavanjem stranice poziva se funkcija pocni()
e) klikom na gumb poziva se funkcija pocni()

   
       5 
   
15. lipnja  Web programiranje i primjene 
2010. 

Točni odgovori:

1. a)

2. a)

3. SGML, DTD, XML

4. c), d)

5. d)

6. redom upisati: document.forms[0].grad.value;

write(ime);
7. c)

8. a)

9. redom upisati: Arial, collapse, collapse, font, 16px, padding, 4px

10. c), e)

11. b)

12. b), e)

13. a), b), e)

14. c)

15. b), c), d)

   
       6