Mrežno mjesto i mrežne stranice
Što je mrežno mjesto?
Mrežno mjesto (ili web sjedište) je skup više povezanih mrežnih stranica koje zajedno čine jednu cjelinu. Primjer: mrežna stranica tvoje škole ima naslovnicu, vijesti, raspored, kontakte i druge podstranice – sve to zajedno je jedno mrežno mjesto!
Kako se još kaže za mrežno mjesto?
Za mrežno mjesto često se koristi i naziv mrežne stranice (u množini).
To znači da kad netko kaže “otvori školske mrežne stranice”, zapravo misli na cijelo mrežno mjesto škole – sa svim povezanima stranicama (naslovnica, vijesti, kontakti, raspored…).
Jednina: mrežna stranica = samo jedna stranica
Množina: mrežne stranice = cijelo mrežno mjesto
Što je mrežna stranica?
Mrežna stranica je jedna HTML stranica (hipertekstualni dokument) koju možeš otvoriti u internetskom pregledniku (npr. Chrome, Edge, Firefox…). Sadrži tekst, slike, poveznice, videozapise, dokumente…
Stranice su povezane pomoću poveznica (linkova) – klikneš i otvoriš drugu stranicu!
Višemedijski sadržaji nisu dio tekstualne datoteke mrežne stranice!
Adresa mrežne stranice (URL)
Svaka mrežna stranica ima svoju adresu – to se zove URL.
Primjer: http://www.carnet.hr/ucenici
URL se sastoji od:
- Protokola (npr.
http
) - Mrežnog servisa (npr. www)
- Naziva poslužitelja (domena: carnet i vršna domena: hr) (npr.
carnet.hr
) - Naziva mrežne stranice ili mrežnog sadržaja (npr.
/ucenici
)
Domena je jedinstven naziv mrežnog sjedišta koje dolazi iza oznake www mrežnog servisa.
Vršna domena označava raspored mrežnih stranica prema geografskom području ili prema vrsti objavljenog sadržaja (.hr – Hrvatska, .de – Njemačka, .com – komercijalne mrežne stranice, .edu – mrežne stranice edukativnog sadržaja)
Kako pristupiti mrežnoj stranici?
Nakon što izradimo i objavimo mrežno mjesto na mrežnom poslužitelju, ono postaje dostupno korisnicima interneta.
- Upišeš adresu (URL) u adresnu traku preglednika.
- Preglednik šalje zahtjev poslužitelju.
- Poslužitelj prihvaća zahtjev i šalje HTML dokument.
- Preglednik prikazuje sadržaj.
Dijelovi mrežne stranice
- Zaglavlje (header) – naziv stranice, logotip, poveznice
- Navigacija – izbornik s gumbima (poveznicama) za kretanje po stranicama
- Sadržaj – tekst, slike, video, ankete…
- Podnožje (footer) – informacije o autoru, pravilima privatnosti, politikama kolačića, datum…
Kako napraviti dobru mrežnu stranicu?
- Funkcionalna – Stranica mora imati jasan cilj – npr. prikaz rasporeda, vijesti iz škole ili prezentaciju tvojeg projekta. Korisnik mora lako shvatiti čemu stranica služi.
- Zanimljiva – Koristi jasne i zanimljive naslove, kratke tekstove i atraktivne slike kako bi posjetitelji poželjeli istražiti više.
- Jednostavnost – Dizajn treba biti pregledan – ne previše boja i teksta! Neka se lako pronađe ono što korisnik traži.
- Jednostavna za korištenje – Navigacija mora biti jasna: izbornik, poveznice i povratak na početnu stranicu neka budu uvijek dostupni.
- Mobilna verzija – Stranica treba biti pregledna i na pametnom telefonu, a ne samo na računalu.
Što učiniti ako se mrežna stranica ne prikazuje?
Problem:
Mrežna stranica se ne prikazuje – ne možemo ju otvoriti u pregledniku.
Rješenje:
Provjeri sljedeće:
- Jesi li povezan s internetom? Ako nema mreže, stranica se ne može učitati.
- Je li URL adresa točna?
- Provjeri jesi li dobro upisao sve znakove (točke, crte, kosu crtu
/
…). - Čak i jedna greška može spriječiti otvaranje stranice!
- Provjeri jesi li dobro upisao sve znakove (točke, crte, kosu crtu
Primjer: ako umjesto www.skola.hr
upišeš www.skkola.hr
, stranica se neće otvoriti.
Savjet:
Ako neku mrežnu stranicu često koristiš, spremi je u favorite (omiljene stranice). Tako ćeš joj uvijek moći lako pristupiti!
Vježba
Istražite mrežne stranice škole, sporstskih klubova i ustanova. Uočite da mrežne stranice sadržavaju različite vrste podataka: tekstualne podatke, fotografije, videozapise itd.
ZADATAK: Odaberi tri različita mrežna mjesta prema vlastitom izboru (mrežno mjesto škole, sportskog kluba, mrežno mjesto za učenje, informativni portal i sl.). Detaljno istraži odabrana mrežna mjesta i zapiši svoja zapažanja. Preuzmi tablicu u koju ćeš upisivati svoja zapažanja o tri različita mrežna mjesta.
U svaki redak upiši podatke odabranog mrežnog mjesta:
- naslov mrežnog mjesta,
- url adresu naslovne stranice mrežnog mjesta,
- broj mrežnih stranica od kojih se sastoji,
- sadrži li tekstualne podatke i kakve
- sadrži li fotografije, ako da jesu li fotografije odgovarajuće kvalitete, što prikazuju i sl.
- sadrži li videozapise, ako da što prikazuju, jesu li primjerene veličine
- sadrži li animacije, ako da što prikazuju, privlače li vašu pažnju
- sadrži li zvučne zapise, ako da kakve, kako se pokreću
- sadrži li logotip, ako da je li pregledan, odgovarajuće veličine
- koji sadržaji se nalaze u podnožju mrežnog mjesta
- kakva su vaša zapažanja o navigaciji, je li pregledna, jednostavna za korištenje
- kakva su vaša zapažanja o sadržajima na stranici, jesu li sadržaji pregledni, jasni, što bi istaknuli kao prednost, ima li kakvih nedostataka i prijedloga za poboljšanje
- da je mrežno mjesto jednostavno za korištenje, ako nije koji su vaši prijedlozi za poboljšanje
- mrežno mjesto otvorite na mobitelu, da li je prilagođeno za pregledavanje na mobitelu, imate li prijedloge za poboljšanje
Dokument podijeli s učiteljicom na Teamsu (čavrljanje).
Provjeri svoje znanje:
- Objasni što je mrežno mjesto i od čega se ono sastoji.
- Koja je razlika između mrežne stranice i mrežnog mjesta?
- Zašto je važno pravilno upisati URL adresu?
- Što se događa ako u URL adresi pogriješimo samo jedno slovo?
- Čemu služe poveznice na mrežnim stranicama?
- Zašto su poveznice važne na mrežnoj stranici?
- Navedite osnovne dijelove mrežne stranice i ukratko ih opišite.
- Što znači da mrežna stranica mora biti funkcionalna? Daj primjer.
- Zašto je važno da mrežna stranica bude pregledna i jednostavna za korištenje?
- Kako prepoznaješ dobru mrežnu stranicu? Što bi ona trebala imati?
- Što znači da je stranica „responsivna“ (prilagođena mobilnim uređajima)?
- Objasni kako preglednik pronalazi i prikazuje mrežnu stranicu korisniku.
- Navedi primjer mrežne stranice koju koristiš često i objasni čemu služi.
- Što možeš napraviti ako se stranica ne prikazuje kako treba?