sreda, 13. januar 2010

Prednosti urejene HTML ali CSS kode

Mali princ

Kakor v Malem princu, ravno tako je pri spletnih straneh, bistvo spletnih strani očem skrito. Povprečnega internet uporabnika koda niti ne zanima. Zanj je pomembno, da se strani hitro in brez težav odpirajo. Kakor nam ni potrebno vedeti kako deluje avto ali računalnik, da ju znamo uporabljati, tako je s spletnimi stranmi. Če pa se profesionalno ukvarjate z izdelavo spletnih strani, pa urejenost CSS kode pride še kako prav.

Poleg čisto običajnih prednosti, kot je v pospravljeni sobi lažje najti stvari, tako se je v urejeni kodi lažje znajti. Še posebej, če je v podjetju zaposlenih več ljudi in je standard dela za vse enak. Tako se ne more zgoditi, da ste pri popravljanju, urejanju ali osveževanju CSS ali HTML kode 'izgubljeni'.

Urejena CSS koda ima še eno poglavitno prednost, saj jo spletni iskalniki ali pajki lažje indexirajo, kar je poglavitnega pomena pri optimizaciji spletnih strani. Tu se poraja vprašanje: Ali izdelujemo spletne strani za spletne uporabnike ali za Google?

Nekaj primerov kako izboljšati kodo:

- margin-top:10px;
- margin-right:0;
- margin-bottom:5px;

- margin-left:20px;

se lahko zapiše tudi kot:


- margin:10px 0 2px 20px;


ali pa:

#izdelava_strani{

- margin-top: 2px;
- margin-right: 3px;
- margin-bottom: 5px;
- margin-left: 9px;
- font-weight:bold;
- font-size:12px;
- line-height:14px;
- font-family:Arial, Verdana, sans-serif;
- border-width: 1px;
- border-style: solid;
- border-color: #000000;
- background-color:#fff;
- background-image:url(bg.gif);
- background-repeat:no-repeat;
- background-position:0 15px;
}

je boljše:

#izdelava_strani{

- margin: 2px 3px 5px 9px;
- font: bold 12px/14px Arial, Verdana, sans-serif;
- border: 1px solid #000;
- background: #fff url(bg.gif) 0 15px no-repeat;
}

Za še lažjo in boljšo navigacijo po CSS kodi si lahko pomagate tudi s komentarji, kot npr:

/* ------------------ Glava Internet strani -----------------*/

čemur potem sledi koda za Glavo internet strani.

/* ------------------ Naslovi Internet strani -----------------*/

čemur sledi koda za Naslove internet strani, ipd.

Obstajajo tudi programi, ki CSS kodo optimizirajo. Eden takšnih je CSS Compressor, s katerim pa je treba biti pazljiv, saj vam lahko kodo še preveč 'optimizira'.

Ni komentarjev:

Objava komentarja