Untitled

1. Koja su osnovna obilježja HTML-a?
eng. Hyper Text Markup Language
HTML jezikom oblikuje se sadržaj koji uključuje veze prema drugim dokumentima, odnosno hipertext.

2. Što je to hipertekst?
Sadržaj koji uključuje veze prema drugim dokumentima (?).

3. Koja je aktualna verzija HTML-a i koliko je podržana od preglednika?
HTML5, djelomično podržan od aktualnih Web preglednika.

4.Što je to HTML element i od čega se sastoji?
HTML element = osnovni gradivni blok HTML dokumenta
sastoji se od para HTML oznaka, npr.
<html>
<head>
. . .
</head>
<body>
. . .
</body>
</html>
neki elementi su samozatvarajući:
<link rel="stylesheet" type="text/css" href="stil.css" />

5. Kakvi su to samozatvarajući elementi?
Kod takvih elemenata nema zatvarajuće oznake.

6. Što su atributi u HTML-u i čemu služe?
Elementi mogu imati svoje atribute, koji pobliže definiraju njihova svojstva:
<img src="w3schools.jpg" width="104" height="142">
    <a href="http://www.foi.hr">Ovo je hiperveza</a>

7. Kako se definiraju stilovi u HTML-u?
Stilovi teksta i ostalih elemenata definiraju se pomoću CSS-a(Cascading Style Sheets):
    <style type="text/css">
          .ime_stila {
            font-size: 36px;
            color: #000;
            background-color: #0F0;
            font-family: Arial, Helvetica, sans-serif;
          }
    </style>


8. Kako se uključuje programski kod u HTML-u?
U jeziku Javascript uključuje se pomoću elemenata script:
<html>
<body>
<p id="oznaka"></p>
<script>
  document.getElementById("oznaka").innerHTML = "Ovo je JavaScript!";
</script>
</body>
</html>

9. Koja su obilježlja programskog koda unutar HTML-a?


10. Što predstavlja element Canvas u HTML5?
CANVAS tag u HTML dokumentu izgleda ovak:
<canvas id="myCanvas" width="400" height="300" style="border:1px solid #d3d3d3;"></canvas>
CANVAS sadrži dva atributa, širinu WIDTH i visinu HEIGHT izraženu u pikselima.

11. Kako kreiramo forme za unos/ispravak podataka u HTML?
Unutar elementa <form> unosimo elemente forme.
Pogledat tu jer nema objašnjeno u prezentaciji: https://www.mojwebdizajn.net/skriptni-jezici/vodic/html/html-forme.aspx
<form>
    <!-- input elementi -->
</form>

12. Koji su glavni problemi Web dizajna (Howlett, Nielsen)?
Problemi GUI dizajna (Howlett, 1995.):
-vizualna inkonzistencija u prezentaciji informacija
-prevelika količina vizualnih svojstava i elemenata
-prečesto korištenje trodimenzionalne prezentacije
-pretjerano korištenje jakih boja
-loše dizajnirane ikone
-loša tipgrafija
-nejasne metafore

Problemi WWWUI dizajna (Nielsen, 2005.)
-problemi čitljivosti – premali fontovi ili premali kontrast
-nestandardni prikaz linkova – mora bit jasno šta je link, a šta nije
-pretjerano korištenje Flash prezentacija – animacija odvlači pažnju, konfuzija od više an.
-sadržaj neprilagođen Webu - .pdf i .doc dokumenti, prevelike slike, previše teksta
13. Koji su glavni ciljevi dobrog dizajna?
Minimizirati vizualni, intelektualni, manualni napor,  potrebu za pamćenjem, dokinuti sva objašnjenja i upute  koje sadrže tehničke informacije.

14. Koje su glavne vrste napora korisnika prouzrokovane sučeljem?
Vizualne i mentalne (ne piše nigdje točno, al je na 16. slajdu navedeno prvo to).

15. Što je signal, a što šum na Web stranici?
Objekti bez svrhe nazivaju se šum, dok se svi objekti koji imaju svrhu nazivaju signalima.

16. Objasnite test naslovnice novina.
Svi se elementi stranice moraju moći identificirati bez čitanja teksta koji sadrže

17. Što je to početna točka na Web stranici?
Kod dizajna, posebno Web stranice, treba postojati početna točka odnosno mjesto na kojom se nalazi glavni objekt.

18. Kakva je uočljivost objekata ovisno o vrsti (tekst/slika), veličini i promjenjivosti?
Tekst se zapaža prije nego slika (premda slika govori više, pravilo 4 sekunde), a veći objekti se zapažu prije nego manji (kao kod novinske stranice, izuzetak su ekstremno veliki objekti). Promjenjive informacije se zapažu prije nego statične (ali treba biti oprezan s animacijama). Hornoff&Halverson 2003.

19. Koja su pravila redoslijeda prezentacije informacija?
Konvencionalan (prema danima u tjednu, po abecedi i sl.)
Prema redoslijedu ili učestalosti korištenja
Prema važnosti
Prema funkciji
Od općeg prema pojedinačnom
Bitno: Osigurati da samo informacije koje imaju svrhu za korisnika budu prezentirane na stranici.

20. Koja su pravila strukture Web mjesta?
Ustanoviti razine važnosti
Postaviti važnije informacije bliže korijenu stabla Web sajta
Postaviti važnije informacije u gornji lijevi kvadrant stranice
Orgranizirati sadržaj jasno i smisleno
Prezentirati informacije konzistentno
Osigurati pretraživanje informacija
Strukturirati podatke za lagano uspoređivanje

21. Koja su pravila vezane uz gumbiće za potvrdu unosa/ispravka?
Gumbići trebaju biti zadnji objekti na stranici.


22. Čime se bavi tipografija?
To je znanost o prikazu teksta.

23. Koje su osnovne familije pisama?
Serifna pisma (serif) i neserifna pisma (sans serif).

24. Koji su osnovni tipovi pisma?
Normalno
Ukošeno (italic, cursiv)
Podebljano (bold, boldface)
Ukošeno i podebljano
Sa sjenom (Shadow)
VELIKA MALA SLOVA (SMALLCAPS)
VELIKA SLOVA

25. Koje su preporuke za veličinu pisma?
Istraživanja (Tullis, 1995; Bernard, 2001.) pokazuju:
slova od 10 pt imaju zadovoljavajuću čitljivost u serifnim i neserifnim pismima, slova od 12 pt osiguravaju dobru čitljivost i na lošijim zaslonima.
Preporuke
Naslovi glava – 24 pt
Naslovi poglavlja – 18 pt
Naslovi potpoglavlja – 14 pt
Naslovi paragrafa – 12 pt
Tekst – 10 pt
Fusnote i anotacije – 8 pt

26. Koja su pravila vezana uz skroliranje i straničenje sadržaja?
Izbjeći potrebu za skroliranjem kako bi se odredio sadržaj stranice.
Minimizirati vertikalno skroliranje.
Osigurati kontekstualno navođenje na skroliranje.
Osigurati sažetke dugačkih stranica.
Izbjeći horizontalno skroliranje.
Dulje stranice koristiti samo kod stranica koje se čitaju za dodatno upoznavanje materije.
Koristiti straničenje umjesto skroliranja kad god je to moguće.