Vježba 23: Responzivni web dizajn

 

PRIPREMA ZA VJEŽBU

1. Navedite uređaje na kojima je moguće pregledavati mrežne stranice.

Mrežne stranice je moguće pregledavati na mobitelima, tabletima, računalima, laptopima.

 

2. Navedite neke tipične širine ekrana (širina x visina) za pojedine skupine uređaja (u pikselima).

Neke širene su : 360 x 780, 1024 x 1366, 1920 x 1080 i 1920 x 1080.

PONAVLJANJE I PRAKTIČNA VJEŽBA:

Napravite rješenje za mrežnu stranicu koja će (prema uzoru iz primjera za responzivni
web dizajn – grad Chania), predstavljati korisniku neku odabranu biljku ili životinju. Pri
tome uvažite slijedeće upute:

 Stranica treba imati osobine responzivne mrežne stranice
 U naslovnom dijelu stranice stoji naziv biljke ili životinje
 U lijevom dijelu smještene su poveznice vezane uz sadržaj, odnosno poglavlja
(npr. o staništu biljke/životinje, o osobinama, prehrani, razmnožavanju i sl.)
 Središnji (najveći) dio stranice obuhvaća glavni sadržaj
Tekst koji čini glavni sadržaj trebao bi biti popraćen slikama (o smještaju slika i
radu sa pozadinom vidi na poveznici)
Dodavanje video materijala je proizvoljno, a može se pogledati na poveznici
Na stranici je potrebno prilagoditi boje i fontove
Prikaz stranice je potrebno provjeriti za veličine viewport-a kod najmanje tri grupe
uređaja (pri tom definirajte prekidne točke): mobilni telefon, tablet i prijenosno,
odnosno stolno računalo