Veb-stranica

Veb-stranica je veb dokument pogodan za World Wide Web i internetski preglednik.Internetski preglednik prikazuje veb-stranicu na monitoru ili mobitelima. Veb-stranica je ono što se prikazuje, ali termin označava i datoteku, često napisanu HTML kodom ili sličnim markup jezikom, čija je glavna funkcija obezbijediti hypertext koji će navigirati prema ostalim veb stranicama preko linkova. Veb preglednici upravljaju veb resursima centriranim oko zapisane veb-stranice, poput style sheet-ova, skripti i slika, da bi prikazali veb stranicu.

Na mreži, internetski preglednik može "hvatati" veb-stranicu sa udaljenog veb servera. Na višem nivou, veb server može ograničiti pristup na samo privatne mreže poput zajedničkih intranet mreža ili može pustiti pristup prema World Wide Webu. Na nižem nivou, internetski preglednik koristi Hypertext Transfer Protocol (HTTP) da napravi takve zahtjeve.

Statična veb-stranica je dobavljena upravo onakva kakva je pohranjena, kakav je i veb sadržaj na veb serverovom sistemu datoteka , dok je dinamična veb stranica generirana veb aplikacijom koja je upravljana softverom sa strane servera ili sa strane klijenta. Dinamične veb stranice pomažu pregledniku (klijentu) unaprijediti veb stranicu preko korisničkog inputa ka serveru.

Boja, tipografija, ilustracija i interakcija uredi

Veb-stranice često sadrže informacije u obojenom tekstu i pozadinama i veoma često također sadrže linkove prema slikama i ponekad drugim tipovima medijskih datoteka prilikom prikazivanja završnog prikaza. Izgled, tipografska i shematska u boji informacija je omogućena preko Cascading Style Sheeta (CSS) instrukcija, koje mogu biti ugrađene u HTML ili predate preko zasebne datoteke, koja je izdvojena iz HTML-a. U drugom slučaju je posebno relevantno u kojoj je jedan dugi stylesheet relevantan za čitavu veb-stranicu: zbog načina HTTP rada, pretraživač će ga samo jednom preuzeti sa veb servera i koristiti keširanu kopiju za cijeli sajt.

Slike su pohranjene na veb serveru kao zasebne datoteke, ali opet HTTP dopušta fakt da jednom kada se veb-stranica skine na preglednik, veoma je tačno da će se sve povezane datoteke poput slika i tabela biti zatražene i procesuirane. HTTP 1.1 veb-server će održati konekciju sa preglednikom sve dok se svi povezani resursi koji se traže ne omoguće. Veb preglednici obično renderiraju slike zajedno sa tekstom i drugim materijalima prikazanim na veb-stranici.

Dinamično ponašanje uredi

Kompjuterski kod sa strane klijenta poput JavaScript-a ili kodnog implementiranja Ajax tehnika može biti obezbijeđen bilo ugrađen u HTML u veb-stranici ili, kao CSS stylesheets, kao zasebna, povezana preuzimanja opisana u HTML. Ove skripte mogu se pokretati na klijentskom računaru, ako korisnik dozvoljava.

Preglednici uredi

Internetski preglednici mogu imati grafički korisnički interfejs, kao što su Internet Explorer, Mozilla Firefox, Chrome i Opera, a može biti i tekstualno baziran, poput Lynxa.

Korisnici sa nesposobnostima često koriste pomoćne tehnologije i adaptivne strategije prilikom pristupa veb-stranicama.^[1] Korisnici mogu biti daltoniste, ne mogu ili ne žele koristiti miš možda zbog ponovljene ozljede ili problema motornih neurona, mogu biti gluhii i zahtjevati zvuk da bude natpisan, mogu biti slijepi i koristiti zaslonski čitač ili brajlov prikazivač, možda trebaju približavanje slike, itd.

Sa invaliditetom i nesposobni korisnici mogu onemogućiti preuzimanje i gledanje slika i drugih medija, uštede vremena, propusnost mreže ili samo da pojednostave svoje iskustvo pregledanja. Korisnici mobilnih uređaja često imaju ograničen prikaz i bandwidth. Svako može ne preferirati koristiti fontove, veličinu fonta, stilove i sheme boja po izboru dizajnera veb-stranice i mogu primijeniti vlastite CSS stilove na stranicu. U World Wide Veb Consortium (W3C) i Veb Accessibility Initiative (WAI) preporučuju da bi sve veb-stranice trebale biti dizajnirane sa svim ovim opcijama.

Elementi uredi

Veb-stranica, kao set informacija, može sadržavati brojne tipove informacija, koje je moguće vidjeti, čuti ili uzajamno djelovati od strane korisnika:

Uočene (renderirane) informacije:

Tekstualne informacije: sa raznim varijantama renderiranja.
Ne-tekstualne informacije:
- Statične slike mogu biti rasterska grafika, tipično GIF, JPEG ili PNG; ili vektorski formati kao SVG ili Flash.
- Animacione slike tipično animirani GIF i SVG, ali i Flash, Shockwave, ili Java applet.
- Zvučne, tipično MP3, ogg ili razni odgovarajući formati.
- Video, WMV (Windows), RM (RealMedia), FLV (Flash Video), MPG, MOV (QuickTime)
Interaktivna informacija.
- Za "na stranici" interakciju:
  - Interaktivni tekst: pogledati DHTML.
  - Interaktivne ilustracije: raniranje od "klikni da igraš" slike za igre, tipično koristeći skripte orkestracije, Flash, Java applets, SVG, ili Shockwave.
  - Tipke: formiraju pružanje alternativnog interfejsa, tipično za korištenje sa skriptama orkestracije i DHTML.
- Za "između stranica" interakciju:
  - Hiperlinkovi: standardna "promijeni stranicu" reaktivnost.
  - Forme: obezbjeđuju više interakcije sa serverom i serverskim bazama podataka.

Unutrašnja (skrivena) informacija:

Komentari
Povezane datoteke preko hiperlinkova (kao: DOC, XLS, PDF, itd.)
Metapodaci sa semantčkom meta-informacijom, setovi simbola, Document Type Definition (DTD), itd.
Dijagrami i informacije o stilu: informacija o renderiranim pojedinostima (poput veličine slike i atributima) i vizuelne specifikacije, kao Cascading Style Sheets (CSS).
Skripte, obično JavaScript, nadopunjuju interaktivnost i funkcionalnost.

Napomena: na serverskoj strani, veb-stranica može također imati tzv. "Processing Instruction Information Items".

Veb-stranica može također sadržavati dinamično adaptirane informacione elemente, zavisne od renderiranja preglednika na lokaciji krajnjeg korisnika (preko korištenja IP adresnog praćenja ili "cookie" informacija). Sa malo više generalnog/šireg pogleda, neki informacijski (grupisani) elementi, kao što je navigacijska traka, su uniformni za sve veb-stranice, kao standard. Ova vrsta "websajtove standardne informacije" snabdjevene tehnologijama kao što su veb šablonski sistemi.

Renderiranje uredi

Veb-stranice često zahtijevaju više prostora na ekranu nego što je na raspolaganju za određenu rezoluciju ekrana. Većina modernih preglednika ima klizač (klizni alat na strani ekrana koji omogućuje korisniku pomjeranje stranice gore ili dolje, ili sa strane u stranu) u prozoru kako bi se omogućilo korisniku da vidi čitav sadržaj. Pomicanje horizontalno je manje zastupljeno nego okomito pomicanje, ne samo zbog toga što se takve stranice često ne ispisuju ispravno, nego zbog neprijatnosti korisnika korištenja istog u odnosu na okomito pomicanje (miš ima samo vertikalni klizač). Kada se veb-stranice čuvaju u zajedničkom direktoriju na veb serveru, oni postaju veb-sajt.

Veb-sajt obično sadrži grupu veb-stranica koje su međusobno povezane ili imaju neku drugu koherentnu metodu navigacije. Najvažnija stranica na veb-sajtu je index stranica. Zavisno od konfiguracije veb servera, ove index stranice mogu imati više različitih imena, ali je najčešće ime: index.html. Kada preglednik posjeti homepage na veb-sajtu, ili bilo koji URL ciljajući na direktorij umjesto na specifičnu datoteku, veb server će servirati index stranicu prema zahtjevajućem pregledniku. Ako nema indexne stranice definisane u konfiguraciji, ili ne postoji takva datoteka na serveru, ili će se prikazati greška ili će se prikazati lista datoteka koje su na serveru. Veb-stranica može biti jedna HTML datoteka, ili može biti više HTML datoteka koristeći okvire ili SSI-ove.

Okvirovi su poznati po uzrokovanju problema sa veb pristupnosti, autorskom pravu,^[2] navigaciji, printanju i rangiranju pretraživačkih mašina i danas su manje korištene nego u 1990-tim.^[3] Okviri i SSI-ovi dopuštaju određeni sadržaj koji se pojavljuje na dosta stranica, kao što je stranična navigacija ili zaglavlja stranica, da budu ponovljeni bez ponavljanja HTML koda u više datoteka. Okvirovi i W3C preporučuju alternativu od 2000, <object> oznaku,^[3] koja također dopušta nekom sadržaju da ostane na jednom mjestu dok ostali sadržaj može biti skliznut koristeći konvencionalne trake klizača (scrollbar). Moderni CSS i JavaScript klijentske tehnike također mogu postići sve ove golove i još više.

Kada se kreira veb-stranica, važno je osigurati kompatibilnost sa World Wide Veb Consortium (W3C) standardima za HTML, CSS, XML i druge standarde. W3C standardi osiguravaju svim preglednicima koji se pridržavaju njihovih standarda prikazivanje identičnog sadržaja bez specijalnih dodataka i tehnika. Ispravno kodirana veb-stranica je dostupna većini preglednika, starijim i novijim, rezolucijama ekrana, ako i korisnicima sa audio i vizuelnim nedostacima/poteškoć ama.

URL uredi

Obično, veb-stranice danas postaju više dinamične. Dinamična veb-stranica je ona koja je kreirana od strane servera u trenutku zahtjeva, koju šalje server prema krajnjem korisniku. Ovi tipovi veb-stranica obično nemaju direktni link ili statični URL koji je sa njima asociran. Danas, ovo može biti viđeno kod većine popularnih foruma, online shoppinga, čak i na Wikipediji. Ova praksa teži da smanji količinu statičnih stranica u cilju spremanja relevantne veb staničnne informacije u bazi podataka. Neke pretraživačke mašine imaju težak posao prilikom indeksiranja veb stranice koja je dinamična, tako da statična veb-stranica može biti omogućena za ove svrhe.

Prikazivanje uredi

U cilju grafičkog prikaza veb-stranice, potreban je internetski preglednik. Ovo je tip softvera koji može "dobaviti" veb-stranice sa Interneta. Većina danjašnjih internetskih preglednika sadržava mogućnosti prikazivanja izvornog koda. Prikaz stranice u tekstualnom pregledniku će također prikazati izvorni kod.

Kreiranje uredi

Za kreiranje veb-starnice, potreban je tekstualni uređivač ili specijalni HTML uređivač (poput Adobe Dreamweaver). U cilju uploada kreiranje veb-stranice na veb server, obično je potreban FTP client program.

Dizajniranje veb-stranice je visoko personalan dio posla. Dizajn može biti urađen prema ličnom ukusu ili izborom raznih šablona koji već postoje. Veb šabloni dopuštaju veb dizajnerima mijenjanje sadržaja veb-stranice bez brige o općoj estetici. Većina ljudi objavljuju svoje vlastite veb-stranice koristeći proizvode kao Tripod ili Angelfire. Ovi veb alati nude besplatno kreiranje veb-stranice i hosting do određenog ograničenja. Drugi načini kreiranja veb-stranice je skidanje specijaliziranog softvera, poput Wiki-a, CMS-a ili foruma. Ove opcije dopuštaju brzo i jednostavno kreiranje veb-stranice koje su obično dinamične.

Sačuvavanje uredi

Dok korisnik pregleda veb-stranicu, kopija iste je sačuvana lokalno; to je što se prikazuje. Zavisno od postavki preglednika, ova kopija može biti obrisana u bilo kojem trenutku, ili pohranjena neograničeno, ponekad da korisnike to i ne zna. Većina GUI preglednika omogućava opcije za spašavanje veb-stranice trajno. One mogu sadržiti:

Sačuvaj renderirani tekst bez formatiranja ili slika, uz hiperlinkove svedene na običan tekst
Sačuvaj HTML kao što je uslužen - ukupna struktura sačuvana ali neki linkovi mogu biti raskinuti
Sačuvaj HTML sa relativnim linkovima izmijenjeni u apsolutne, tako da su sačuvani hyperlinkovi
Sačuvaj cijelu veb-stranicu - Sve slike i drugi resursi, uključujući stilove i skripte se preuzimaju i sačuvavaju u novu fasciklu uz HTML, sa linkovima prema njima izmenjenim da se odnosi na lokalne kopije. Ostali relativni linkovi izmijenjeni u apsolutne
Sačuvaj HTML, kao i sve slike i druge resurse u jednu MHTML datoteku. Ovo je podržano na Internet Explorer i Opera.^[4] Ostali preglednici mogu podržati ovo, ako je instaliran odgovarajući dodatak.

Većina operativnih sistema omogućuju aplikacijama kao što veb preglednici ne samo da štampaju trenutno posmatranu veb-stranicu na printer, nego opcionalno da "print" u datoteku koja se može posmatrati ili će se štampati kasnije. Neke veb-stranice su dizajnirane, na primjer upotrebom CSS, tako da su hiperlinkovi, meniji i druge stavke navigacije, koji će biti beskorisne na papiru, renderirani u print sa ovim u vidu. Ponekad, odredišne adrese hyperlinkova mogu biti prikazane izričito, bilo u tijelu stranice, ili se nalaze na kraju štampane verzije. Dizajneri veb-stranice mogu navesti u CSS da nefunkcionalni meniji, navigacioni blokovi i druge stavke mogu jednostavno biti odsutne iz štampane verzije.

Također pogledajte uredi

Reference uredi

^ "How People with Disabilities Use the Web". W3C. 5. 5. 2005. Pristupljeno 1. 5. 2009.
^ Tysver, Dan (1996–2008). "Linking and Liability — Problems with Frames". Minneapolis, USA: Beck & Tysver. Pristupljeno 1. 5. 2009.
^ ^a ^b "HTML Techniques for Web Content Accessibility Guidelines 1.0 - Frames". W3C. 6. 11. 2000. Pristupljeno 1. 5. 2009. In the following sections, we discuss how to make frames more accessible. We also provide an alternative to frames that uses HTML 4.01 and CSS and addresses many of the limitations of today's frame implementations.
^ Santambrogio, Claudio (10. 3. 2006). "…and one more weekly!". Opera Software. Pristupljeno 15. 5. 2009.

[1] "How People with Disabilities Use the Web". W3C. 5. 5. 2005. Pristupljeno 1. 5. 2009.

[2] Tysver, Dan (1996–2008). "Linking and Liability — Problems with Frames". Minneapolis, USA: Beck & Tysver. Pristupljeno 1. 5. 2009.

[w3c-frames-3] "HTML Techniques for Web Content Accessibility Guidelines 1.0 - Frames". W3C. 6. 11. 2000. Pristupljeno 1. 5. 2009. In the following sections, we discuss how to make frames more accessible. We also provide an alternative to frames that uses HTML 4.01 and CSS and addresses many of the limitations of today's frame implementations.

[4] Santambrogio, Claudio (10. 3. 2006). "…and one more weekly!". Opera Software. Pristupljeno 15. 5. 2009.

[1]

[2]

[3]

[4]