Kako do

spletne strani?

privlačna vsebina in oblika

uporabna in razumljiva na spletu

dvosmernokomuniciranje

Verjetno ste že velikokrat slišali znani stavek »Če niste prisotni na spletu potem

ne obstajate!« Nekateri pravijo, da ta trditev ne drži, saj lahko potencialne kupce

nagovarjate preko plakatov, televizijskih in radijskih ter časopisnih oglasov. To je

zagotovo res, samo ti oglasi lahko vsebujejo samo nekaj stavkov in logotip.

Splet pa vam ponuja neomejeno število možnosti. Zagotovo ni dovolj samo

spletna stran, je pa začetek, ki ga lahko nadgrajujete.

Če to delate vse sami se morate zavedati, da vas po postavitvi spletne strani čaka še zelo

veliko dela. Najprej je treba opraviti vpis strani, določiti ključno besedo, poskrbeti za

povezave in vašo stran povezati s socialnimi omrežji.

Vse to vam pišem zato, ker želim da spoznate razliko med tem kako priti do spletne

strani in kako priti do dobre spletne strani, saj spletna stran, ki je sama sebi v namen

nikomur ne koristi!

Gradnjo spletne strani lahko primerjamo

z gradnjo hiše. Če postavimo hišo in si želimo

obiskov nam hiša ne pomeni veliko, če nimamo

do nje zgrajene ceste. Enako je s spletno stranjo,

saj moramo tudi do nje speljati »cesto«. Če

vam kdo reče, imam spletno stran in se ni nič

spremenilo ima mogoče delno celo prav, saj je

še kako pomembno koliko cest ali povezav vodi

do vaše spletne predstavitve.

Kako se lotiti izdelave spletne strani?

Preden se lotimo izdelave spletne strani se je treba zavedati, da spletna stran pošlje

obiskovalcu trajno sporočilo. Zato je še kako pomembno, da vaša spletna stran sporoča

kdo ste in kaj je vaše sporočilo. Hoteli ali ne, pri spletni predstavitvi vaša spletna stran

govori namesto vas, zato je še kako pomembno, da spletna stran pri obiskovalcu ustvari

profesionalen in zaupanja vreden vtis.

Spletna domenaČe se odločite, da boste spletno stran izdelali sami morate najprej registrirati

spletno domeno. Izbirate lahko med domenami z različnimi končnicami (si, eu,

com, net …).

SpletnO GOSTOVANJEOb domeni pa potrebujete še spletno mesto ali spletno gostovanje na katero boste

naložili izdelano spletno stran. Če ljubiteljsko pripravljate spletno stran lahko

izberete najcenejšega ali celo brezplačnega ponudnika. Zavedati pa se morate, da pri

brezplačnem ponudniku ni zagotovila za nemoteno delovanje in na vaši spletni strani

se bodo pojavljale razne pasice z reklamami.

1

2

program za izdelavo spletne straniKo imate domeno in spletno gostovanje pa je potrebno najti primeren program

za izdelavo spletne strani ali ustrezen CMS za izdelavo spletne strani. V

posamezne programe ne vlagajte preveč časa in energije, rajši preizkusite še kakšnega.

Eden od brezplačnih programov je Kompozer. Pri CMS-ih pa sta najpogostejša Joomla

in Wordpress. Priporočamo, da preberete tudi kakšen članek na to temo in malo

pogledate po forumih kateri program je priporočljiv. Obstajajo pa tudi programi, ki

vam omogočajo izdelavo spletne strani z samo nekaj kliki z miško s pomočjo čarovnika.

izdelava spletne straniSedaj je na vrsti izdelava spletne strani. Čas je, da z izbranim programom ali CMS-om

izdelate spletno stran. Ko se prvič lotevate izdelave priporočamo, da si pomagate s

kakšno predlogo.

Več o priročniku: http://www.kreativne-resitve.eu/index.php/component/content/

article/16-portfolio/oblikovanje/23-joomla?Itemid=0)

3

4

Za izdelavo spletne strani v Joomli lahko naš

e-priročnik »Joomla! za vsakogar.« naročite

na Facebooku (PiKA, kreativne komunikacijske

rešitve) ali nam pišete na e-naslov: info@kreativne-

resitve.eu.

Po izdelavi spletne strani ne čakajte in sprašujte ali

je dobra ampak spletno stran čimprej objavite, saj še

bo minilo kar nekaj tednov, da bo objavljena spletna

stran zaživela. Manjše napake so zanemarljive ob

začetnem skromnem obisku.

vpis v iskalnike

Ko je spletna stran objavljena je potrebno spletno stran vpisati v glavne iskalnike. To

lahko storite na naslednjih povezavah:

• Najdi.si http://pomoc.najdi.si/za-lastnike-spletnih-strani/kako-povecati-obisk/

vpis-strani

• Google https://www.google.com/webmasters/tools/submit-url

• Yahoo in Bing http://www.bing.com/toolbox/submit-site-url

• Raziskovalec http://www.raziskovalec.com/vpisovalec.htm

2

Kaj je dobra spletna stran?

Ocenjevati kaj je dobra spletna stran je zelo težko. Zavedati se moramo, da je meja med

učinkovito in neuporabno spletno stranjo zelo tanka. Zelo pomembno je, da s spletno

stranjo obdržimo uporabnikovo pozornost.

Če pogledamo kriterije po katerih številne komisije po svetu podeljujejo nagrade za

najboljše spletne strani se ti kriteriji prekrivajo in so največkrat razdeljeni v naslednje

kriterije:

• oblika (podoba),

• navigacija,

• vsebina,

• uporabnost,

• interaktivnost in

• marketinški vidik.

oblikovalska podobaVsaka spletna stran mora biti vizualno privlačna, izpiljena in profesionalna. Uporabnik

najprej vidi oblikovno podobo strani zato je oblika zelo pomemben element spletne

strani. Kot na večih področjih tudi pri oblikovni podobi spletnih strani velja pravilo

»manj je več«, zato ne pretiravajte z različnimi barvami. Primerna je barvna shema

z 2 do 3 temeljnimi barvami, ki se lepo mešajo, in ustvarijo primerno razpoloženje.

Izogibajte se animacij, potujočih in utripajočih napisov itd. Podlaga (ozadje) naj bo

svetlo in vedno enako, v nobenem primeru pa ne sme izstopati. Besedila naj »dihajo«

- pustite dovolj belega prosta okrog njih, pisani naj bodo v primerni – čitljivi tipografije

primerne velikosti. Grafični elementi, slike in fotografije naj popestrijo vsebino

in morajo biti optimizirani in v primernem formatu (jpg, gif, png) zaradi hitrosti

nalaganja spletne strani.

Za boljšo berljivost na spletni strani uporabljajte temno pisavo na svetli podlagi. Najbolj

berljiva kombinacija je črno besedilo na beli podlagi.

Vsekakor je pomembna vsebina spletne strani, ki mora biti v harmoniji s sliko in

barvami.

vsebina - “content is king!”Moč in uporabnost spletnim stranem daje prav vsebina. Zato je še kako

pomembno, da je pravilna, ažurna, jedrnata, pregledna, uporabna in slovnično pravilna.

Besedila za spletno stran ne smejo biti identični tekstom za objavo v tiskanih

promocijskih letakih, saj za splet niso primerni dolgi teksti. Če že objavimo daljši tekst

ga je pametno razdeliti v poglavja ali celo na več podstrani z kratkimi in jasnimi naslovi.

Optimizacija elementov spletne straniIgriva grafika in animacije so sicer zelo privlačne in lahko naredijo dober vtis, a le, če jih

uporabimo na ustrezen način. Zato morajo biti vsi elementi (grafike, fotografije, testi)

objavljeni v primernem formatu, da se čimbolj hitro naložijo ali povedano drugače čimprej

pokažejo obiskovalcu naše strani. Pred objavo je dobro tudi preveriti, kako se spletna stran

prikazuje na različnih brskalnikih (Internet Explorer, Google Chrome, Mozilla Firefox, Safari

…). Seveda je potrebno spletno stran testirati na različnih ločljivostih zaslona. Zavedati se

moramo, da vedno več uporabnikov išče informacije na mobilnih napravah. Zato je še kako

pomembno, da se naša spletna stran pravilno prikazuje na mobilnih napravah. Če je vaša

spletna stran prijazna mobilnim napravam lahko preverite na povezavi: https://www.google.

com/webmasters/tools/mobile-friendly/

InteraktivnostDvosmerna komunikacija ali interaktivnost je prednost spleta, ki omogoča dvosmerno

komunikacijo med spletno stranjo in njenimi obiskovalci. Z interaktivnostjo dobijo

obiskovalci spletne strani aktivno vlogo. Interaktivnost na spletni strani omogočamo s

pomočjo spletnih obrazcev in raznih aplikacij (forumi, klepet, izpolnjevanje obrazcev …). To

je zelo pomembno, če želimo z obiskovalci graditi dolgoročni odnos.

NavigacijaNavigacija (meniji) morajo omogočati enostaven, pregleden in predvsem hiter dostop

do informacij. Te morajo biti logično razvrščene, da jih lahko obiskovalec najde. Pri

večjih in obsežnejših straneh je dobro vključiti tudi iskalnik po straneh. Navigacija se

navezuje tudi že na naslednji kriterij, in sicer uporabnost.

UporabnostJe kritičen, a pogosto spregledan vidik učinkovitih spletnih strani, ki vključuje

enostavnost, hitro nalaganje, minimalno »skrolanje«, porazdelitev elementov, jasna

in logična navigacija, opisne povezave, kompatibilnost z brskalniki in ločljivost.

Uporabnost lahko najlažje preverite z naključnimi obiskovalci, ki jih povprašate za

njihovo mnenje.

Marketinski vidikČe spletna stran ni obiskana je neuporabna, zato morate internetne uporabnike

obvestiti, da imate spletno stran. Najbolj enostavno jih o tem obvestite tako, da spletno

stran vpišete v iskalnike in / ali jo promovirate na socialnih omrežjih. Lahko pa jo tudi

oglašujete s pomočjo tradicionalnih medijev ali e-marketinga. Pri promociji spletne

strani si lahko pomagate tudi z meta oznakami, ki jih vstavite v glavo HTML dokumenta.

Zelo pomembne so tudi povezave pri razporejanju zadetkov spletnih iskalnikov. Ne

pozabite spletne strani povezati s socialnimi omrežji.

v

S katero tehniko se lotiti izdelave spletne strani: HTML ali CMS?

Verjetno ste že zasledili, da vam izdelovalci spletnih strani ponujajo vsak svoj način

izdelave. Pa tudi na forumih lahko preberete dolge debate o primernosti HTML-

ja in CMS-a, saj eni prisegajo na HTML, drugi na CMS. Ob teh dveh najpogostejših

še obstajajo drugi načini, ki pa niso toliko razširjeni (na primer flash). Oboji imajo

prednosti in slabosti, zato morate ob naročilu spletne strani izhajati iz vaših potreb. Če

pa spletno stran izdelujete sami pa tudi vašega znanja in iznajdljivosti.

HTML – staticna spletna stranHTML pomeni HyperText Markup Language in je način izdelave spletne strani, ki je

bil prvotno namenjen pisanju preprostih dokumentov. Postopek je star, a

še vedno zelo uporaben. Koda se piše ročno, obstojajo tudi številni programi, ki vam

olajšajo delo samo zraven prinesejo veliko nepotrebnega balasta. Če smo vešči pisanja

kode je za delo dovolj Beležnica. Za lažje delo pa lahko uporabimo plačljive programe,

kot so Adobe Dreamweaver, Microsoft Expression Web itd. Lahko pa uporabimo

odprtokodni program Kompozer.

Gre za statične spletne strani, kjer je celotna vsebina in oblika dokumenta

zapisana v dokumentu HTML. Statičnost v tem primeru pomeni, da je stran

vnaprej pripravljena – uporabniku se prikaže točno tista vsebina, ki je zapisana v

datoteki, ki jo je zahteval. Vsebina se spremeni le v primeru, če avtor (oz. skrbnik)

spletne strani spremeni vsebino datoteke. Statične spletne strani so lahko na videz tudi

v

zelo razgibane, saj lahko vsebujejo slike, animacije, video posnetke, …

Prikaz staticnih spletnih strani1. Brskalnik pošlje strežniku zahtevo.

2. Strežnik glede na zahtevo poišče spletno stran (dokument HTML) na svojem disku.

3. Stran se prenese do odjemalca.

4. Brskalnik stran prikaže v skladu z navodili, zapisanimi v dokumentu HTML.

CMS – dinamicna spletna stranZa izdelavo in urejanje dinamičnih spletnih strani imamo na voljo sisteme za upravljanje

spletnih vsebin (ang. Content Management System – CMS), ki so v splošnem programske

rešitve, ki uporabniku na prijazen način omogočajo ustvarjanje, upravljanje, urejanje,

objavljanje različnih vsebin. Poznamo različne oblike in poimenovanja CMS-ov, vsem

pa je skupno upravljanje z vsebinami in njihova distribucija uporabnikom.

Dinamične spletne strani so tiste, ki se po prejeti zahtevi brskalnika

sproti (dinamično) na spletnem strežniku sestavijo (zgradijo) v dokument

HTML. Dinamična spletna stran poleg vsebine in oblike torej vsebuje še neka interna

navodila (strežniški program), ki določajo, kako naj se spletna stran sestavi. Pogosto

zahteva z brskalnika vsebuje dodatne podatke (vhodne parametre), na osnovi katerih

strežniški program sestavi spletno stran. Rezultat izvajanja strežniškega programa je

pripravljena spletna stran v obliki dokumenta HTML.

Poznamo komercialne in odprtokodne sisteme za upravljanje spletnih

vsebin. V zadnjih letih so drage sisteme v veliki meri izpodrinile odprtokodne rešitve

sistemov za upravljanje vsebin. Med odprtokodne sisteme za upravljanje vsebin, ki

omogočajo posodabljanje spletnih vsebin brez predznanja programskega jezika, zagotovo

sodijo Joomla, Wordpress, Drupal in številni drugi (več o njih na spletni strani: http://

www.opensourcecms.com/scripts/show.php?catid=all&category=All+CMS+Demos.

v

v

Prikaz dinamicnih spletnih strani1. Brskalnik pošlje strežniku zahtevo.

2. Strežnik gleda na zahtevo izvede program, ki pripravi (sestavi) spletno stran.

3. (Dinamično) izdelana stran se prenese do odjemalca.

4. Brskalnik stran prikaže v skladu z navodili, zapisanimi v dokumentu HTML (kot pri

statični).

Prednosti CMSUrejanje vsebin v CMS sistemih ne zahteva celovitega obvladovanja spletnih orodij

ali programskih veščin. Za urejanje vsebin ne potrebujemo nobene dodatne

programske opreme, saj le-to poteka preko spletnega brskalnika. V urejanje

pa lahko vključujemo tudi sodelavce, kar je bistvena prednost CMS sistemov. Urejanje

poteka s pomočjo HTML kode ali s pomočjo urejevalnika WYSIWYG (ang. What You

See Is What You Get), ki nam omogoča pregled vsebine, ki se prikazuje na spletni strani.

V prednosti so tudi izdelovalci spletnih strani, saj z uporabo CMS sistema hitreje izdelajo

tipsko spletno stran, kar jim prinaša tudi finančne prihranke. Kljub navedenemu pa

se moramo zavedati, da vedno ni tako, saj vsak CMS sistem ni primeren za vsak tip

spletnih strani.

Med najpogostejše prednosti CMS sistemov bi lahko prišteli naslednje:

• Hitro in preprosto oblikovanje ter urejanje vsebin, saj ne potrebujemo posebnega

strokovnega računalniškega znanja.

• Preprosto dodajanje novih menijev in podstrani, saj ob izdelavi nismo omejeni s

številom strani in menijev.

• Večja ažurnost vsebin, saj za urejanje potrebujemo le računalnik z dostopom do

spleta.

• Cenejše vzdrževanje in prihranek časa, saj sami upravljamo s spletnim mestom.

• Večji pregled nad vsebinami. Določimo lahko, kdaj naj bo določena vsebina

objavljena in kako dolgo naj se prikazuje na spletni strani.

• Omogoča dodeljevanje pravic upravljanja.

v

Pri vsaki stvari lahko govorimo o prednostih in slabostih, enako je pri CMS-ih. Če se

odločimo za CMS pa se lahko soočimo z dilemo ali se odločimo za komercialni CMS ali

odprtokodnega.

Pri komercialni verziji CMS sistema je prednost podpora in izdelovalec upošteva

naše specifične želje. Navezanost na posamezni CMS pa povzroči, da sčasoma

postanemo vse bolj odvisni od njegovega razvijalca. Zaradi tega se srečujemo z velikimi

stroški vzdrževanja in s stroški nakupa.

Tem se lahko izognemo z uporabo odprtokodnih CMS sistemov. Pri teh je največkrat

težava s tehnično podporo, še posebej takrat, ko razvijalci prenehajo z delom, saj

nimamo nobene garancije za pravilno delovanje sistema. Prednost je v tem, da nam

lahko pri odprtokodnih sistemih zaradi odprte kode pomaga vsak programer, ki

obvlada programski jezik.

Če se boste izdelave spletne strani in ostalih postopkov, da spletna stran zaživi lotili

sami vam želim veliko uspeha pri izdelavi in ne jezite se preveč, če se vam neki

element na spletni strani ne bo hotel prikazati tako, kot ste si zamislili. Večkrat

poskusite in uspeli boste.

Vsi tisti, ki se boste odločili za nakup spletne strani preverite več ponudb, saj je na

tem področju kar velika konkurenca. Enako kot pri ostalih stvareh velja tudi pri

spletnih straneh stari rek »Malo denarja, malo muzike«.

PiKA, kreativne komunikacijske rešitveZmagoslav Šalamun, s.p.Biš 61, 2254 Trnovska vas

telefon • 0599 20 665mobitel • 070 670 740

e-pošta • info@kreativne-resitve.euspletna stran • www.kreativne-resitve.eu

avtor priročnika • Zmagoslav Šalamun, dipl. inž. med.kom. (UN)

oblikovanje • Nina Zorman, univ. dipl. medij. kom.

Copyright 2015 PiKA, Zmagoslav Šalamun, s.p. Vse pravice pridržane.