Kaj je CSS in zakaj se uporablja?

"CSS is like a fine woman ... it has class, style and all the right attributes!"

Stavek, ki sem ga nekoč, nekje zasledil. Podobno kot pri kruhu, kjer vsaka kuharica uporablja podobne sestavine, vendar je končni rezultat lahko zelo različen. Tako je tudi s CSS-om.

CSS je kratica in pomeni Cascading Style Sheets. V prevodu bi nekako pomenilo predloga, ki določajo kako bo izgledala spletna stran v brskalniku. Je poskus, da se izdelovalcem spletnih strani omogoči, ločevanje vsebine spletnih strani od dizajna. In ta poskus je v celoti uspel. Preboj CSS-a se je začel, ko se je pojavila potreba po lepših, boljših in predvsem zahtevnejših spletnih strani. CSS je vse to poenostavil. Medtem, ko je HTML, kot nekakšen vojak iz prve vrste, je CSS general iz ozadja, ki določa kako se bo ta vojak obnašal, katere vrste uniformo bo imel, s kakšnim orožjem bo oborožen. Kot že rečeno je ena od značilnosti CSS-a, da je dizajn spletnih strani ločen od kode, kar v praksi pomeni, da je tudi menjavanje izgleda spletne strani enostavnejše. Saj npr. z nekaj preprostimi ukazi zamenjamo celoten videz spletne strani.

Primer spodaj. Postavitev menijev je na vseh predlogah enaka, dimenzije spletne strani so enake, zamenja se samo barvna shema in strani dobijo popolnoma drug izgled. To nam omogoča CSS z enim ukazom, ki določa barvo menijev in ozadja.

Tudi tale blog npr. uporablja CSS. Uporaba CSS-a pa prihaja do izraza pravzaprav šele danes, ko imamo veliko število spletnih brskalnikov (Internet Explorer 6, IE7, IE8, IE9 v pripravi, Mozilla Firefox, Opera, Google Chrome ter še kakšen manjši), ki vsak malce drugače prikazujejo spletno stran in nam ravno CSS omogoča, da se za vsak brskalnik posebej napiše style sheet oz. predloga. Prav tako nam CSS omogoča, da spletno stran pravilno prikažejo tudi drugi prikazovalniki in ne samo spletni brskalniki. Danes pregledujemo spletne strani z različnimi pregledovalniki od raznih GSM mobilnih telefonov, iPod-ov, mini netbook-ov, raznih igralnih konzol in še kaj. Ker vsak tak medij spletne strani ponavadi prikazuje malce drugače, žal nekega enotnega standarda ni, oz. je samo na papirju, nam CSS omogoča, da so spletne strani v vsakem mediju prikazane pravilno. Pač za vsakega posebej se napiše svoj CSS.

Če smo začeli s kuharico, tudi končajmo z njo. Tudi kuharica vam ne bo izdala skrivnega recepta. Tako je tudi s CSS-om. Vsak je drugačen, ima neke svoje značilnosti in spet vsi težijo k temu, da spletno stran čimlepše in pravilneje prikazujejo. Učenje CSS-a je hkrati dokaj enostavno, saj ima za razliko od HTML-ja relativno malo ukazov, do 70. Tistih osnovnih, pa celo manj, nekje do 20.

Še ena zanimiva povezava čisto za konec. Tu lahko preverite, kako je izgledala vaša spletna stran pred leti in kako je samo kodiranje internet strani od takrat napredovalo Časovni Stroj.

CSS ukazi - Cascading Style Sheets Style Properties Library

A

• :after
  
• azimuth
  
  
  
• :active
  

B

• :before
  
• border-bottom-color
  
• border-bottom-style
  
• border-collapse
  
• border-left-color
  
• border-left-style
  
• border-right-color
  
• border-right-style
  
• border-spacing
  
• border-top-color
  
• border-top-style
  
• bottom
  
  
  
• background
  
• background-attachment
  
• background-color
  
• background-image
  
• background-position
  
• background-repeat
  
• border
  
• border-bottom
  
• border-bottom-width
  
• border-color
  
• border-left
  
• border-left-width
  
• border-right
  
• border-right-width
  
• border-style
  
• border-top
  
• border-top-width
  
• border-width
  

C

• caption-side
  
• clip
  
• content
  
• counter-increment
  
• counter-reset
  
• cue
  
• cue-after
  
• cue-before
  
• cursor
  
  
  
• clear
  
• color
  

D

• direction
  
  
  
• display
  

E

• elevation
  
• empty-cells
  

F

• :first-child
  
• :focus
  
• font-size-adjust
  
• font-stretch
  
  
  
• :first-letter
  
• :first-line
  
• float
  
• font
  
• font-family
  
• font-size
  
• font-style
  
• font-variant
  
• font-weight
  

H

• height
  
• :hover
  

L

• :lang
  
• left
  
  
  
• letter-spacing
  
• line-height
  
• :link
  
• list-style
  
• list-style-image
  
• list-style-position
  
• list-style-type
  

M

• max-height
  
• max-width
  
• min-height
  
• min-width
  
  
  
• margin
  
• margin-bottom
  
• margin-left
  
• margin-right
  
• margin-top
  

O

• orphans
  
• outline
  
• outline-color
  
• outline-style
  
• outline-width
  
• overflow
  

P

• page-break-after
  
• page-break-before
  
• page-break-inside
  
• pause-after
  
• pause-before
  
• pause
  
• pitch
  
• pitch-range
  
• play-during
  
• position
  
  
  
• padding
  
• padding-bottom
  
• padding-left
  
• padding-right
  
• padding-top
  

Q

• quotes
  

R

• richness
  
• right
  

S

• speak
  
• speak-header
  
• speak-numeral
  
• speak-punctuation
  
• speech-rate
  
• stress
  

T

• table-layout
  
• top
  
  
  
• text-align
  
• text-decoration
  
• text-indent
  
• text-transform
  

U

• unicode-bidi
  

V

• visibility
  
• voice-family
  
• volume
  
  
  
• vertical-align
  
• :visited
  

W

• widows
  
  
  
• white-space
  
• width
  
• word-spacing
  

Z

• z-index
  

CMS ali HTML tehnika izdelave spletne strani

Ko se odločate za izdelavo nove spletne strani, vam izdelovalci ponujajo in prodajajo vsak svoj način izdelovanja spletnih strani. Tisti, ki prisegajo na .HTML, bodo hvalili izdelavo strani v tej tehniki, drugi bodo hvalili in dokazovali prednosti CMS-a. Da naprej razčistimo oba pojma.



1. HTML izdelava spletnih strani

HTML dobesedno pomeni HyperText Markup Language in je način ali postopek izdelave spletne strani. Postopek je star, a še vedno zelo uporaben. Prvotno je bil namenjen pisanju preprostih dokumentov. Način pisanja se do danes ni veliko spremenil. Koda se piše na roke, kljub številnim programom, ki vam olajšajo delo, vendar s sabo prinesejo dosti nepotrebne navlake.

2. CMS način izdelave strani

CMS pomeni Content Management System. Že iz samega naziva je razvidno za kaj gre. Sistem za upravljanje vsebine, torej sistem za upravljanje, popravljanje in vnos vsebin na spletni strani. Je novejši kot html in ima svoje prednosti in slabosti.


Obstajajo seveda še drugi načini izdelave kot je npr. Flash tehnika, vendar ta postopek ni tako razširjen, razlogov je več, tako da se bomo osredotočili samo na HTML ter CMS. Debata kaj je boljše, je podobna debati Canon ali Nikon, BMW ali Mercedes. Vsak svojega konja hvali.

Ko se odločate za izdelavo nove spletne strani, morate izhajati iz svojih potreb in kar odgovarja vašemu načinu dela, vrsti dejavnosti s katero se ukvarjate, vašem znanju o računalništvu, ne pa napačno, ko se izhaja iz tega, kar vam nudi podjetje, ki se ukvarja z izdelovanjem spletnih strani. Tako podjetje vam bo vedno ponudilo tisto, kar odgovarja njihovemu načinu dela. Redka so podjetja, spet recimo 5-6 takih, morda celo manj, ki vam lahko ponudijo ali .HTML ali CMS.



Prednosti in slabosti enega in drugega sistema za izdelavo spletnih strani


CMS sistem urejanje

CMS sistem izdelave spletnih strani pride v poštev za podjetja, ki imajo znotraj podjetja zaposlene zanesljive ljudi, ki do neke mere obvladajo računalništvo in imajo v prvi vrsti čas. Zmotno je prepričanje, da je CMS sistem vsemogoč in da se izvaja kar sam. Za CMS urejanje internet strani morate imeti poznavanje vsaj enega programa za urejanje fotografij, slike je potrebno ustrezno pomanjšati in 'obrezati' (cropati), saj je danes hitrost nalaganja strani izrednega pomena. Utemeljitev, da je za urejanje CMS-a potrebno znanje Worda, ponavadi ne drži. Pravtako morate imeti v firmi človeka, ki bo to urejal, se pravi uredil slike, pripravil tekste, morebitne bannerje, pdf-e in nato vse skupaj pravilno umestil na spletne strani. Zakaj pravilno? Ker lahko pride tudi do napak, ki pa imajo lahko večje posledice, ko so: nedostopnost strani, vsebina neprepoznavna, napake na straneh, kot npr. povezave na neobstoječe strani (!), nekompatibilnost z ostalimi browserji oz. iskalniki.

Tak način dela pride v poštev v večjih podjetij, kjer je nekdo zadolžen samo za posodobitve spletne strani. Če veliko spreminjate, dodajate nove slike, nove artikle, osvežujete podatke o zaposlenih, akcijah, izdelkih, kupcih, itd. potem je tak način pravi izbor. Če pa enkrat na dve leti spremenite GSM številko na strani, potem je pravi izbor za vas HTML tehnika izdelave spletnih strani. Primer CMS spletne strani, ki temelji na Joomli >>


HTML izdelava spletnih strani

Prednosti .html izdelave spletnih strani je kar nekaj. Tudi, če ste podjetje, ki dosti spreminja podatke na spletnih straneh, ni nujno, da je za vas boljši CMS sistem. Podjetja, ki izdelujejo spletne strani, vam bodo prodala marsikaj, ponavadi tudi kaj neuporabnega. Verjetno ste že kdaj zasledili na kakšni strani search oz. iskalnik po straneh, a vse skupaj strani niso imele vsebine za en A4 list papirja. Nesmiselno iz dveh vidikov. Prvič, ker se taki dodatki ponavadi dodatno plačajo in drugič, ker upočasnjujejo nalaganje spletne strani.

Html postopek izdelave internetne strani ima še eno veliko in odločilno prednost pred CMS-om in to je statičnost spletne strani. V podrobnosti nima pomena iti, pomembno je le to, da so strani v .html tehniki zaradi njihove statičnosti boljše najdene v iskalnikih, kot cms strani, ki se vsakič na novo spremenijo, ko jih osvežite. Prav tako se strani pisane v html kodi, praviloma hitreje naložijo, čeprav na samo nalaganje vpliva večje število dejavnikov, od obremenjenosti strežnika, števila in velikosti slik na spletni strani, ...

Za podjetje, ki nima časa ali človeka med zaposlenimi, ki bi urejal CMS spletne strani, je boljša izbira HTML. Razlogi so, poleg že zgoraj naštetih, hitrosti nalaganja ter boljše najdenosti v spletnih iskalnikih, tudi nižja cena, saj dobri CMS sistemi stanejo mnogo več, kot izdelava html spletnih strani. Poleg tega je podjetje, ki vam vzdržuje spletne strani na razpolago 24 ur na dan in popravki spletnih strani so ponavadi narejeni še isti dan.

Prav tako so strani narejene v .html tehniki bolj primerne za on-site optimizacijo, kot pa CMS strani. Večina CMS-ov nima možnosti dodatne optimizacije spletnih strani, temveč se optimizacija vrši avtomatično, kar pa seveda ni dobro.  Še primer spletne strani izdelane v .html tehniki >> Na prvi pogled ni razlik, razlika in to očitna pa se pokaže v kodi.

Če povzamemo. Pri izbiri spletnih strani je potrebno izhajati iz svojih potreb, in ne potreb podjetja, ki vam bo spletne strani izdelalo.

Podjetje za izdelavo spletne strani

Izdelali vam bomo spletne strani na katere boste ponosni. Naša izkušena ekipa izdelovalcev spletnih strani bo z vami 24-ur dnevno, dokler ne posežemo po zvezdah. Besede kot so: kakovostna izdelava spletnih strani - učinkovite spletne strani - spletne strani, ki prinašajo dobiček - si upate zmagati? - zagotovili vam bomo višje uvrstitve na internetnih iskalnikih - večja prodaja - več povpraševanj - več - več ...

Splet je poln takšnih in drugačnih izdelovalcev spletnih strani. Ste opazili, kako je postalo nagovarjanje potencialnih strank, kar nekako enotna mantra? Vsi pišejo enako, uporabljajo iste fraze, besedne zveze, včasih celo popolnoma iste stavke. Torej, kako izbrati podjetje, ki bo izdelalo vaše nove spletne strani? Preprosto! Američani imajo dobro pravilo, kako izbrati podjetje s katerim poslovno sodelujejo. Tako podjetje mora imeti stacionarno telefonsko številko in faks! Smešno? Niti ne, to je le dokaz, da je podjetje stabilno, posluje v redu, da je na trgu že dlje časa in je torej vredno zaupanja.

Se pravi pri izboru podjetja za izdelavo spletnih strani igra vlogo tudi taka malenkost, kot je telefon. GSM ni vreden zaupanja. Še manj pa seveda 'skrivanje' za besedami naša ekipa, sodelavci, naši izkušeni strokovnjaki, mi vam bomo postavili, namestili, uredili, ...

Podjetje, ki se ukvarja izključno z izdelavo spletnih strani in kjer zadaj resnično stoji ekipa izdelovalcev internet strani, se ne skriva za populističnimi izjavami. Pravtako "naša ekipa izkušenih izdelovalcev" na sliki, ne deluje preveč znano. Ker fotka seveda ni kupljena na shutterstocku, temveč je narejena v delovnem okolju.

Referenčna lista podjetja, ki vam bo izdelalo vaše nove spletne strani ali vam bo stare prenovilo, je čista, urejena in pregledna. Spletne strani se normalno odpirajo, so delujoče, povezave na spodnjem delu spletnih strani, pa povezujejo nazaj na izdelovalca spletnih strani.

Registracija, gostovanje domen in vzdrževanje spletnih strani je prav tako eden od pomembnih dejavnikov pri izbiri izdelovalca spletne strani. Pravilen postopek izdelave spletnih strani je tak:

1. registrira se spletni naslov, domena
2. izdelajo se spletne strani
3. spletne strani se naložijo in gostujejo na strežnikih

Postopek izdelave spletne strani ne zajema samo enega človeka. V izdelavo so vključeni vsi, od komercialista, grafičnega oblikovalca, tekstopisca, mojstra za .css in .html ter strokovnjaka za optimizacijo internetnih strani. Seveda na koncu še administratorja, ki vaše nove spletne strani pravilno umesti na strežnike. V primeru, da manjka le eden od zgoraj naštetih členov v dolgi verigi ljudi, ki se ukvarjajo z vašo spletno stranjo, je končni rezultat vprašljiv.

Pri nas takih podjetij ni veliko, morda 5 - 6, vse ostalo pa so "one man bandi". Bi si želeli, da "one man band" ureja tako pomebno zadevo, kot je urejanje in postavitev vaših spletnih strani? Najbrž ne.

Za izbor vašega izdelovalca spletne strani, ni dovolj, da ima všečno spletno stran z GSM-om napisanim nekje ob strani. Tudi kruh in mleko nikoli ne kupujete preko GSM-a, pa bi se za tako kompleksno zadevo, kot je spletna stran dogovarjali z nekom preko mobilca?