Licenca
To delo je na voljo pod pogoji slovenske licence Creative Commons 2.5:
priznanje avtorstva - nekomercialno - deljenje pod enakimi pogoji.
Celotna licenca je na voljo na spletu na naslovu http://creativecommons.org/licenses/by-nc-sa/2.5/si/. V skladu s to licenco je dovoljeno vsakemu uporabniku delo razmnoževati, distribuirati, javno priobčevati, dajati v najem in tudi predelovati, vendar samo v nekomercialne namene in ob pogoju, da navede avtorja oziroma avtorje in izdajatelja tega dela. Če uporabnik delo predela, kar pomeni, da ga spremeni, preoblikuje, prevede ali uporabi to delo v svojem delu, lahko predelavo dela ponudi na voljo le pod pogoji, ki so enaki pogojem iz te licence oziroma pod enako licenco.
Predstavitev informacij na spletu
Preden se naučimo podrobnosti razvoja spletnih strani, ki ga sestavljajo HTML, CSS in JavaScript, je pomembno, da razumemo tehnologije, ki preoblikujejo besedilne datoteke v bogate večpredstavnostne spletne strani, ki jih vidimo na zaslonu računalnika, tablice, mobitela ali druge naprave, medtem ko brskamo po svetovnem spletu. Razumeti moramo, da je besedilna datoteka, ki vsebuje značke HTML in stopničaste slogovne predloge CSS, neuporabna brez spletnega brskalnika ter da spletne strani ne bo videl nihče razen nas, če ni na spletnem strežniku vključena v svetovni splet.
Omenili smo že, da moramo pri razvoju spletnih strani poznati vsaj tri temeljne tehnologije. Jezik HTML, s pomočjo katerega zgradimo ogrodje oziroma strukturo spletne strani. S pomočjo stopničastih slogovnih predlog CSS oblikujemo predstavitev informacij. Programski jezik JavaScript pa nam omogoča spreminjanje vedenja delov spletne strani, kadar uporabniki komunicirajo s spletno stranjo.
Jezik HTML (ang. HyperText Markup Language) je sprva omogočal le navzkrižno medsebojno povezovanje besedilnih dokumentov, danes pa omogoča tudi povezovanje različnih multimedijskih predmetov, ki so vključeni v posamezen dokument oziroma spletno stran. Povezave, osnovno strukturo in osnovno oblikovanje dokumentov izvedemo tako, da med besedilo, ki predstavlja vsebino dokumenta, vrinemo posebne značke.
Ideja stopničastih slogovnih predlog CSS (ang. Cascading Style Sheets) je v tem, da ločimo vsebino od predstavitve vsebine. To pomeni, da ločimo vsebino in oblikovanje vsebine. To dosežemo tako, da pravila CSS zapišemo v ločeno datoteko, ki jo vključimo v spletne strani, za katere želimo, da bodo oblikovanje, kot je določeno v slogovni predlogi. Na ta način lahko z minimalnim trudom spremenimo izgled posamezne spletne strani ali vseh spletnih strani spletišča tako, da spremenimo pravila slogovne predloge (običajno na enem mestu oziroma v eni datoteki).
Svetovni splet (ang. World Wide Web – WWW) se je razvil iz besedilnega medija, saj prvi spletni brskalniki niso podpirali prikazovanja slik na spletnih straneh. Od takrat se je svetovni splet zelo razvil, saj sedanja spletna mesta poleg uporabne vsebine vsebujejo tudi množico interaktivnih elementov kot so slike, zvoki, video, animacije in drugo. Spletni skriptni jeziki, kot je na primer JavaScript, predstavljajo enega najlažjih načinov za popestritev spletne strani in interakcijo z uporabniki.
JavaScript je prvi spletni skriptni jezik, ki ga podpirajo brskalniki, in je še vedno daleč najbolj priljubljen. Enostavno se ga je naučiti in vključiti neposredno v dokument HTML. JavaScript omogoča naslednje stvari:
- prikazovanje sporočil uporabniku kot del spletne strani, v vrstici stanja brskalnika ali v oknu z opozorili;
- potrditev vsebine obrazca in izračunavanje vrednosti (na primer obrazec za naročilo lahko samodejno prikaže skupno vsoto, ko vnesemo količine artiklov);
- animiranje slik ali ustvarjanje slik, ki se spremenijo, ko se nad njih premaknemo z miško;
- spreminjanje delov spletne strani, ne da bi spletno stran uporabnik moral znova naložiti;
- in še marsikaj drugega.
Vse tri osnovne tehnologije, potrebne za razvoj spletnih strani, si bomo ogledali v nadaljevanju. Poleg teh osnovnih tehnologij pa spletni razvijalci uporabljajo različna ogrodja (ang. frameworks), na primer Boorstrap, jQuery in podobna, ki jim olajšajo razvoj spletnih strani ali spletnih aplikacij.