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.

  1. Upišeš adresu (URL) u adresnu traku preglednika.
  2. Preglednik šalje zahtjev poslužitelju.
  3. Poslužitelj prihvaća zahtjev i šalje HTML dokument.
  4. 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:

  1. Jesi li povezan s internetom? Ako nema mreže, stranica se ne može učitati.
  2. 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!

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:

  1. Objasni što je mrežno mjesto i od čega se ono sastoji.
  2. Koja je razlika između mrežne stranice i mrežnog mjesta?
  3. Zašto je važno pravilno upisati URL adresu?
  4. Što se događa ako u URL adresi pogriješimo samo jedno slovo?
  5. Čemu služe poveznice na mrežnim stranicama?
  6. Zašto su poveznice važne na mrežnoj stranici?
  7. Navedite osnovne dijelove mrežne stranice i ukratko ih opišite.
  8. Što znači da mrežna stranica mora biti funkcionalna? Daj primjer.
  9. Zašto je važno da mrežna stranica bude pregledna i jednostavna za korištenje?
  10. Kako prepoznaješ dobru mrežnu stranicu? Što bi ona trebala imati?
  11. Što znači da je stranica „responsivna“ (prilagođena mobilnim uređajima)?
  12. Objasni kako preglednik pronalazi i prikazuje mrežnu stranicu korisniku.
  13. Navedi primjer mrežne stranice koju koristiš često i objasni čemu služi.
  14. Što možeš napraviti ako se stranica ne prikazuje kako treba?