kako do spletne strani?
DESCRIPTION
Priročnik vam na prijazen in razumljiv način poda nasvete kako ustvariti svojo spletno stran.TRANSCRIPT
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 • [email protected] 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.