Razlike između izmjena na stranici "Web-stranica"

Dodano 11.647 bajtova ,  prije 5 godina
nema sažetka uređivanja
m/м (Vraćene izmjene Sceko (razgovor) na posljednju izmjenu korisnika Orijentolog)
{{razlikovati|Web-sajt}}
'''Internetske stranice''' (točnije '''web stranice''' ili '''www stranice''') se sastoje od niza [[HTML]]/[[XHTML]] dokumenata kojima se može pristupiti uz pomoć [[web preglednik]]a ''(browsera)''.
[[Datoteka:Web Page.png|thumb|Screenshot web 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.
 
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) na napravi takve zahtjeve.
[[Web]] je jedan od servisa [[Internet]]a, koji upravo služi za prezentaciju web stranica pomoću [[HTTP]] protokola. Usporedbe radi još neki poznatiji [[Internet]] servisi su [[elektronička pošta]] i [[FTP]], ali i [[ssh]], [[IRC]] i još neki.
 
''[[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.
U hrvatskom ''cyber slangu'' ne postoje različiti izrazi za [[engleski|engleske]] nazive [[:en:Web site|''web site'']] i [[:en:Web page|''web page'']], tako da je ponekad nejasno da li se izraz 'web stranice' odnosi na dokumente ''(web page)'' ili kolekciju dokumenata i resursa koji čine ''web site'', pa većina ''surfera'' i ''webmastera'' radije koristi engleske izraze za stranicu (''page'' - HTML dokument) i stranice (''site'' - kolekcija HTML dokumenata i multimedijalnih resursa).
 
== Boja, tipografija, ilustracija i interakcija ==
== Web stranica kao HTML dokument ==
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.
Web stranica ''(web page)'' je HTML dokument koji omogućava prezentaciju teksta i poveznica, a dostupan je preko svoje [[URL]] (web) adrese. Na web stranici se osim teksta mogu prikazati i multimedijski elementi (resursi) kao što su slike u digitalnom formatu (jpg, jpeg, gif, png, bmp, ...), ''flash'' i ''shockwave'' animacije, zvuk i slično.
 
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.
== Web stranice kao kolekcija resursa ==
Web stranice ''(web site)'' su kolekcija internetskih resursa - HTML dokumenata, multimedijskih sadržaja, podataka i skripti. Složeniji sustavi web stranica (npr. ''web shop)'' čine web aplikaciju baziranu na posebnom hardveru i softveru.
 
=== Dinamično ponašanje ===
Dokumentima unutar web stranica se pristupa preko zajedničkog korijenskog URL-a, odn. web adrese, koja se često naziva i ''homepage''. Svi dokumenti su najčešće su spremljeni na istom [[web server]]u. [[Poveznica|Poveznice]] unutar HTML dokumenata povezuju dokumente u uređenu hijerarhijsku strukturu i time određuju način na koji posjetitelj doživljava sadržaj stranica.
{{Main|Dinamične web-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.
 
== Preglednici ==
Korijenska web adresa, koja se najčešće naziva [[internetski nastavak|internetska domena]], čini vrijednu karakteristiku svakog ''site-a''.
{{Glavni|Internetski preglednik}}
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
Složenije web stranice koriste web aplikacije napisane u nekom od programskih jezika ([[PHP]], ASP, JSP, ...) za stvaranje sadržaja spajanjem pripremljenih grafičkih predložaka i sadržaja iz baze podataka.
|url=http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/|title=How People with Disabilities Use the Web|publisher=W3C|date=5 May 2005|accessdate=2009-05-01}}</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.
== Izrada web stranica ==
Izradom web stranica se bave [[web dizajn]]eri i [[programer]]i, međutim kao i kod svaku složenu [[softver]]sku aplikaciju, web stranice čine:
* podatkovna razina (tekst, smisao, podaci i podatkovni sadržaji)
* poslovna ili interakcijska razina (program, skripta i način na koji se sustav ponaša)
* prezentacijska razina (dizajn i psihologija)
 
== Elementi ==
Stoga za izradu 'modernih' web stranica, autor mora poznavati puno više ''informatičkih tehnologija'' nego grafičkog dizajna. Stručnjak za [[web dizajn]] je prije [[inženjer]] ili [[programer]] nego likovni umjetnik.
''Web-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 [[Graphics Interchange Format|GIF]], [[JPEG]] ili [[Portable Network Graphics|PNG]]; ili vektorski formati kao [[Scalable Vector Graphics|SVG]] ili [[Adobe Flash|Flash]].
:** ''Animacione slike'' tipično animirani GIF i [[Scalable Vector Graphics|SVG]], ali i [[Adobe Flash|Flash]], [[Adobe Shockwave|Shockwave]], ili [[Java applet]].
:** ''Zvučne'', tipično [[MP3]], [[ogg]] ili razni odgovarajući formati.
:**[[Video|''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'', [[Adobe Flash|Flash]], [[Java applet]]s, [[Scalable Vector Graphics|SVG]], ili [[Adobe Shockwave|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 [[Meta tags|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, web-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.
Na izradi velikih i 'ozbiljnih' web stranica sudjeluju stručnjaci iz različitih struka, pa u takvim timovima najčešće rade: [[programer]]i, [[grafički dizajn]]eri, [[fotograf]]i, [[novinar]]i, stručnjaci za [[marketing]] i potrošačku [[psihologija|psihologiju]] i drugi.
 
== Smještaj web stranicaRenderiranje ==
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]].
Web stranice se smještaju na internetskom poslužitelju - [[web server]]u.
 
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.
[[Kategorija:Internet stranice| ]]
 
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=2009-05-01}}</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 November 2000|accessdate=2009-05-01|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.
 
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.
 
== 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.
 
== Prikazivanje ==
U cilju grafičkog prikaza web-stranice, potreban je internetski preglednik. Ovo je tip softvera koji može "dobaviti" web-stranice sa [[Internet|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 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.
 
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.
 
== 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:
* 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 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 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 March 2006|publisher=[[Opera Software]]|accessdate=2009-05-15}}</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.
 
== Također pogledajte ==
* [[Web dokument]]
* [[Web dizajn]]
 
== Reference ==
{{reference}}
 
{{DEFAULTSORT:Web Page}}
[[Kategorija:InternetWorld stranice|Wide Web]]