Razlika između verzija stranice "Veb-stranica"

S Wikipedije, slobodne enciklopedije
[pregledana izmjena][pregledana izmjena]
Uklonjeni sadržaj Dodani sadržaj
m Semso98 premjestio je stranicu Web-stranica na Veb-stranica
No edit summary
Red 1: Red 1:
{{razlikovati|Web-sajt}}
{{razlikovati|Veb-sajt}}
[[Datoteka:Web Page.png|thumb|Screenshot web stranice na [[Wikipedia|Wikipediji]]]]
[[Datoteka:Web Page.png|thumb|Screenshot veb-stranice na [[Wikipedia|Wikipediji]]]]
'''Web-stranica''' je web [[dokument]] pogodan za [[World Wide Web]] i [[internetski preglednik]].Internetski preglednik prikazuje web-stranicu na [[monitor]]u ili [[mobitel]]ima. Web-stranica je ono što se prikazuje, ali termin označava i [[datoteka|datoteku]], često napisanu [[HTML]] kodom ili sličnim markup jezikom, čija je glavna funkcija obezbijediti [[hypertext]] koji će [[navigacija|navigirati]] prema ''ostalim'' web stranicama preko [[link]]ova. Web preglednici upravljaju [[web resurs]]ima centriranim oko zapisane web-stranice, poput style sheet-ova, skripti i [[slika]], da bi prikazali web stranicu.
'''Veb-stranica''' je veb [[dokument]] pogodan za [[World Wide Web]] i [[internetski preglednik]].Internetski preglednik prikazuje veb-stranicu na [[monitor]]u ili [[mobitel]]ima. Veb-stranica je ono što se prikazuje, ali termin označava i [[datoteka|datoteku]], često napisanu [[HTML]] kodom ili sličnim markup jezikom, čija je glavna funkcija obezbijediti [[hypertext]] koji će [[navigacija|navigirati]] prema ''ostalim'' veb-stranicama preko [[link]]ova. Veb preglednici upravljaju [[veb resurs]]ima centriranim oko zapisane veb-stranice, poput style sheet-ova, skripti i [[slika]], da bi prikazali veb-stranicu.


Na mreži, web preglednik može "hvatati" web-stranicu sa udaljenog [[web server]]a. Na višem nivou, web 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 Web]]u. Na nižem nivou, web preglednik koristi [[Hypertext Transfer Protocol]] (HTTP) da napravi takve zahtjeve.
Na mreži, veb-preglednik može "hvatati" veb-stranicu sa udaljenog [[veb server]]a. 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 Web]]u. Na nižem nivou, veb preglednik koristi [[Hypertext Transfer Protocol]] (HTTP) da napravi takve zahtjeve.


''[[Statična web-stranica]]'' je dobavljena upravo onakva kakva je pohranjena, kakav je i web sadržaj na web serverovom sistemu datoteka , dok je dinamična web stranica generirana web aplikacijom koja je upravljana softverom sa strane servera ili sa strane klijenta. Dinamične web stranice pomažu pregledniku (klijentu) unaprijediti web stranicu preko korisničkog inputa ka serveru.
''[[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 ==
== Boja, tipografija, ilustracija i interakcija ==
Web-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 Sheet]]a (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 web-stranicu: zbog načina HTTP rada, pretraživač će ga samo jednom preuzeti sa web servera i koristiti [[keš memorija|keširanu]] kopiju za cijeli sajt.
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 Sheet]]a (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š memorija|keširanu]] kopiju za cijeli sajt.


Slike su pohranjene na web serveru kao zasebne datoteke, ali opet HTTP dopušta fakt da jednom kada se web-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 web-server će održati konekciju sa preglednikom sve dok se svi povezani resursi koji se traže ne omoguće. [[Web preglednik|Web preglednici]] obično renderiraju slike zajedno sa tekstom i drugim materijalima prikazanim na web-stranici.
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-preglednik|Veb-preglednici]] obično renderiraju slike zajedno sa tekstom i drugim materijalima prikazanim na veb-stranici.


=== Dinamično ponašanje ===
=== Dinamično ponašanje ===
{{Main|Dinamične web-stranice}}
{{Main|Dinamične veb-stranice}}
Kompjuterski kod sa strane klijenta poput [[JavaScript]]-a ili kodnog implementiranja [[Ajax (programming)|Ajax]] tehnika može biti obezbijeđen bilo ugrađen u HTML u web-stranici ili, kao CSS stylesheets, kao zasebna, povezana preuzimanja opisana u HTML. Ove skripte mogu se pokretati na klijentskom računaru, ako korisnik dozvoljava.
Kompjuterski kod sa strane klijenta poput [[JavaScript]]-a ili kodnog implementiranja [[Ajax (programming)|Ajax]] tehnika može biti obezbijeđen bilo ugrađen u HTML u web-stranici ili, kao CSS stylesheets, kao zasebna, povezana preuzimanja opisana u HTML. Ove skripte mogu se pokretati na klijentskom računaru, ako korisnik dozvoljava.


Red 20: Red 20:
Internetski preglednici mogu imati [[grafički korisnički interfejs]], kao što su [[Internet Explorer]], [[Mozilla Firefox]], [[Google Chrome|Chrome]] i [[Opera (preglednik)|Opera]], a može biti i tekstualno baziran, poput [[Lynx (preglednik)|Lynxa]].
Internetski preglednici mogu imati [[grafički korisnički interfejs]], kao što su [[Internet Explorer]], [[Mozilla Firefox]], [[Google Chrome|Chrome]] i [[Opera (preglednik)|Opera]], a može biti i tekstualno baziran, poput [[Lynx (preglednik)|Lynxa]].


Korisnici sa nesposobnostima često koriste pomoćne tehnologije i adaptivne strategije prilikom pristupa web-stranicama.<ref>{{cite web
Korisnici sa nesposobnostima često koriste pomoćne tehnologije i adaptivne strategije prilikom pristupa veb-stranicama.<ref>{{cite web
|url=http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/|title=How People with Disabilities Use the Web|publisher=W3C|date=5. 5. 2005|accessdate=1. 5. 2009}}</ref> 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.
|url=http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/|title=How People with Disabilities Use the Web|publisher=W3C|date=5. 5. 2005|accessdate=1. 5. 2009}}</ref> 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 web-stranice i mogu primijeniti ​​vlastite CSS stilove na stranicu. U [[World Wide Web Consortium]] (W3C) i [[Web Accessibility Initiative]] (WAI) preporučuju da bi sve web-stranice trebale biti dizajnirane sa svim ovim opcijama.
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 Web Consortium]] (W3C) i [[Web Accessibility Initiative]] (WAI) preporučuju da bi sve veb-stranice trebale biti dizajnirane sa svim ovim opcijama.


== Elementi ==
== Elementi ==
''Web-stranica'', kao set informacija, može sadržavati brojne tipove informacija, koje je moguće vidjeti, čuti ili uzajamno djelovati od strane korisnika:
''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:
:'''Uočene '''(renderirane) informacije:
:*''Tekstualne informacije'': sa raznim varijantama renderiranja.
:*''Tekstualne informacije'': sa raznim varijantama renderiranja.
Red 48: Red 48:
:* ''Dijagrami i informacije o stilu'': informacija o renderiranim pojedinostima (poput veličine slike i atributima) i vizuelne specifikacije, kao [[Cascading Style Sheets]] (CSS).
:* ''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.
:* ''Skripte'', obično [[JavaScript]], nadopunjuju interaktivnost i funkcionalnost.
:Napomena: na serverskoj strani, web-stranica može također imati tzv. "Processing Instruction Information Items".
:Napomena: na serverskoj strani, veb-stranica može također imati tzv. "Processing Instruction Information Items".


Web-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 web-stranice, kao standard. Ova vrsta "websajtove standardne informacije" snabdjevene tehnologijama kao što su web šablonski sistemi.
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 "veb-sajtove standardne informacije" snabdjevene tehnologijama kao što su veb šablonski sistemi.


== Renderiranje ==
== Renderiranje ==
Web-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 web-stranice čuvaju u zajedničkom [[direktorij]]u na [[web server]]u, oni postaju [[web-sajt]].
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 [[direktorij]]u na [[veb server]]u, oni postaju [[veb-sajt]].


Web-sajt obično sadrži grupu web-stranica koje su međusobno povezane ili imaju neku drugu koherentnu metodu navigacije. Najvažnija stranica na web-sajtu je index stranica. Zavisno od konfiguracije web servera, ove index stranice mogu imati više različitih imena, ali je najčešće ime: <code>index.html</code>. Kada preglednik posjeti [[homepage]] na web-sajtu, ili bilo koji [[Uniform Resource Locator|URL]] ciljajući na direktorij umjesto na specifičnu datoteku, web 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. Web-stranica može biti jedna HTML datoteka, ili može biti više HTML datoteka koristeći okvire ili SSI-ove.
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: <code>index.html</code>. Kada preglednik posjeti [[homepage]] na veb-sajtu, ili bilo koji [[Uniform Resource Locator|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 web pristupnosti, autorskom pravu,<ref>{{cite web|url=http://www.bitlaw.com/internet/linking.html#Frames|title=Linking and Liability — Problems with Frames|publisher=Beck & Tysver|location=Minneapolis, USA|last=Tysver|first=Dan|date=1996–2008|accessdate=1. 5. 2009}}</ref> navigaciji, printanju i rangiranju pretraživačkih mašina i danas su manje korištene nego u 1990-tim.<ref name="w3c-frames"/> 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, &lt;object&gt; oznaku,<ref name="w3c-frames">{{cite web|url=http://www.w3.org/TR/WCAG10-HTML-TECHS/#frames|title=HTML Techniques for Web Content Accessibility Guidelines 1.0 - Frames|publisher=W3C|date=6. 11. 2000|accessdate=1. 5. 2009|quote=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.
Okvirovi su poznati po uzrokovanju problema sa veb pristupnosti, autorskom pravu,<ref>{{cite web|url=http://www.bitlaw.com/internet/linking.html#Frames|title=Linking and Liability — Problems with Frames|publisher=Beck & Tysver|location=Minneapolis, USA|last=Tysver|first=Dan|date=1996–2008|accessdate=1. 5. 2009}}</ref> navigaciji, printanju i rangiranju pretraživačkih mašina i danas su manje korištene nego u 1990-tim.<ref name="w3c-frames"/> 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, &lt;object&gt; oznaku,<ref name="w3c-frames">{{cite web|url=http://www.w3.org/TR/WCAG10-HTML-TECHS/#frames|title=HTML Techniques for Web Content Accessibility Guidelines 1.0 - Frames|publisher=W3C|date=6. 11. 2000|accessdate=1. 5. 2009|quote=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.
}}</ref> 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.
}}</ref> 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 web-stranica, važno je osigurati kompatibilnost sa [[World Wide Web 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 web-stranica je dostupna većini preglednika, starijim i novijim, rezolucijama ekrana, ako i korisnicima sa audio i vizuelnim nedostacima/poteškoć ama.
Kada se kreira veb-stranica, važno je osigurati kompatibilnost sa [[World Wide Web 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 ==
== URL ==
{{Glavni|URL}}
{{Glavni|URL}}
Obično, web-stranice danas postaju više dinamične. Dinamična web-stranica je ona koja je kreirana od strane servera u trenutku zahtjeva, koju šalje server prema krajnjem korisniku. Ovi tipovi web-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 web staničnne informacije u bazi podataka. Neke pretraživačke mašine imaju težak posao prilikom indeksiranja web stranice koja je dinamična, tako da statična web-stranica može biti omogućena za ove svrhe.
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 ==
== Prikazivanje ==
U cilju grafičkog prikaza web-stranice, potreban je internetski preglednik. Ovo je tip softvera koji može "dobaviti" web-stranice sa [[Internet]]a. Većina danjašnjih internetskih preglednika sadržava mogućnosti prikazivanja izvornog koda. Prikaz stranice u tekstualnom pregledniku će također prikazati izvorni kod.
U cilju grafičkog prikaza veb-stranice, potreban je internetski preglednik. Ovo je tip softvera koji može "dobaviti" veb-stranice sa [[Internet]]a. 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 ==
== Kreiranje ==
Za kreiranje web-starnice, potreban je tekstualni uređivač ili specijalni HTML uređivač (poput Adobe Dreamweaver). U cilju uploada kreiranje web-stranice na web server, obično je potreban [[File Transfer Protocol|FTP client]] program.
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 [[File Transfer Protocol|FTP client]] program.


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


== Sačuvavanje ==
== Sačuvavanje ==
Dok korisnik pregleda web-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 web-stranice trajno. One mogu sadržiti:
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 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 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 HTML sa relativnim linkovima izmijenjeni u apsolutne, tako da su sačuvani hyperlinkovi
* Sačuvaj cijelu web-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 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 (preglednik)|Opera]].<ref>{{cite web|url=http://my.opera.com/desktopteam/blog/show.dml/172375|title=…and one more weekly!|last=Santambrogio|first=Claudio|date=10. 3. 2006|publisher=[[Opera Software]]|accessdate=15. 5. 2009}}</ref> Ostali preglednici mogu podržati ovo, ako je instaliran odgovarajući dodatak.
* Sačuvaj HTML, kao i sve slike i druge resurse u jednu MHTML datoteku. Ovo je podržano na [[Internet Explorer]] i [[Opera (preglednik)|Opera]].<ref>{{cite web|url=http://my.opera.com/desktopteam/blog/show.dml/172375|title=…and one more weekly!|last=Santambrogio|first=Claudio|date=10. 3. 2006|publisher=[[Opera Software]]|accessdate=15. 5. 2009}}</ref> Ostali preglednici mogu podržati ovo, ako je instaliran odgovarajući dodatak.


Većina operativnih sistema omogućuju aplikacijama kao što web preglednici ne samo da štampaju trenutno posmatranu web-stranicu na printer, nego opcionalno da "print" u datoteku koja se može posmatrati ili će se štampati kasnije. Neke web-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 web-stranice mogu navesti u CSS da nefunkcionalni meniji, navigacioni blokovi i druge stavke mogu jednostavno biti odsutne iz štampane verzije.
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 ==
== Također pogledajte ==
* [[Web dokument]]
* [[Veb dokument]]
* [[Web dizajn]]
* [[Veb dizajn]]


== Reference ==
== Reference ==
{{reference}}
{{Refspisak}}


{{DEFAULTSORT:Web Page}}
{{DEFAULTSORT:Web Page}}

Verzija na dan 14 juni 2020 u 22:44

Screenshot veb-stranice na Wikipediji

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, veb-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, veb 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

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

Kompjuterski kod sa strane klijenta poput JavaScript-a ili kodnog implementiranja Ajax tehnika može biti obezbijeđen bilo ugrađen u HTML u web-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

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 Web Consortium (W3C) i Web Accessibility Initiative (WAI) preporučuju da bi sve veb-stranice trebale biti dizajnirane sa svim ovim opcijama.

Elementi

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 igrice, 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:
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 "veb-sajtove standardne informacije" snabdjevene tehnologijama kao što su veb šablonski sistemi.

Renderiranje

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 Web 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

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

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

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

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

Reference

  1. ^ "How People with Disabilities Use the Web". W3C. 5. 5. 2005. Pristupljeno 1. 5. 2009. CS1 održavanje: nepreporučeni parametar (link)
  2. ^ Tysver, Dan (1996–2008). "Linking and Liability — Problems with Frames". Minneapolis, USA: Beck & Tysver. Pristupljeno 1. 5. 2009. CS1 održavanje: nepreporučeni parametar (link)
  3. ^ 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. CS1 održavanje: nepreporučeni parametar (link)
  4. ^ Santambrogio, Claudio (10. 3. 2006). "…and one more weekly!". Opera Software. Pristupljeno 15. 5. 2009. CS1 održavanje: nepreporučeni parametar (link)