Tutor.blog

Tutor.Blog je online priručnik na hrvatskom jeziku, za lakše snalaženje u HTML i CSS kodu. Ovdje možete naučiti kako učiniti svoj blog vizualno privlačnim, ali i osnove dizajniranja web stranica koje ne moraju biti nužno vezane uz blog.

Ovaj blog nije povezan sa uredništvom Blog.hr-a, te ne pruža podršku za tehničke probleme.

Besplatni predlošci za blog

Brzina učitavanja stranice

Neki ljudi se žale kako ne znaju stavljati slike i pozadine na blog, no moje mišljenje je da kada to nauče, problemi tek počinju: mnogi početnici tada se raspištolje sa 20ak i više slika, wallpaperima u ulozi pozadine bloga, mp3-cama i video-clipovima. Znam da će isti vrlo vjerojatno ignorirati moje propovijedi, no neka budu svjesni da to čine na vlastitu štetu. Studije pokazuju da prosječan korisnik Interneta formira mišljenje o stranici u prvih 8 sekundi - to znači ako se većina vašeg sadržaja i dizajna ne učita u 8 sekundi, uzalud vam trud: mnogi neće ni dočekati da ga vide.

Da biste saznali koliko treba vašoj stranici da se učita pri različitim brzinama veze, provjerite pomoću Web Page Analyzer-a

DSL nije dostupan u svim dijelovima Hrvatske (čak ni u svim dijelovima grada Zagreba, koliko sam upućena), a nekima ga se ne isplati uvoditi jer ne koriste Internet tako često. Također, korisnici obično gledaju više stranica istovremeno - ako se vaša predugo učitava, ugasiti će ju i otići na neku drugu.


Tekst

Tekst se učitava najbrže i velika količina neće smetati ako nije popraćen slikama. Ipak, treba imati na umu preglednost stranice tako da ipak razbijte sadržaj na više stranica.


Slike

Zanimljivo kako malo ljudi znaju o optimizaciji slika. Neki pojedinci čak objavljuju slike u BMP formatu! On nikako nije prikladan za web zbog nedostatka kompresije, slike jednostavno zauzimaju previše memorije. Preporučeni formati su:
- GIF podržava samo 256 boja, ali su slike s manje boja prikazane čistije, bez zamućenja na rubovima. Osim toga GIF može biti transparentan (proziran) i animiran.
- JPEG/JPG podržava milijune boja i dobar je za fotografije, dok će na slikama sa manje boja biti očita zamućenja i točkice tzv. artefakti.
- PNG podržava milijune boja i transparenciju, kao i semi-transparenciju (poluprozirnost) koja nije još podržana u svim browserima. Najveći je memorijom jer je najmanja kompresija pa ga treba koristiti samo kada je to nužno, a u velikoj većini slučajeva nije.
Dakle, najbolje je da za fotografije koristite JPG sažet na 60% kvalitete ili GIF sa manjim brojem boja (do 32, za veće količine boja usporedite je li možda bolji JPG)

Svaka slika na stranici znači dodatnih 2-10 ili više sekundi učitavanja (ovisno o veličini). Nipošto za pozadine ne koristite slike veće od 20kb! Pozadinu od 200kb dial-up korisnici vjerojatno neće ni dočekati jer će otići prije nego se ona učita, a isto vrijedi i za nestrpljivije DSL korisnike.


Multimedija

Glazbu i video mnogi ne vole na blogovima. Osim što se radi o poštivanju ukusa vaših posjetitelja, poštujte i bandwidth koji moraju potrošiti (i platiti) i vrijeme za koje moraju čekati da bi vidjeli/čuli taj clip. Ako već nudite glazbu/video, neka se ne pokreće automatski već na pritisak gumba ako to korisnik želi.


Svaki element stranice pridodaje ukupnom vremenu učitavanja. Ukoliko imate glazbu na blogu, smanjite broj slika. Ako vam svaki post prate slike i imate ih u boxevima, ne treba vam i kompleksna pozadina. Želite li da vaš blog izgleda ovako? Sumnjam. Zar nije ovo ili ovo elegantnije i ljepše? :) Nemojte gubiti svoje posjetitelje na tako glup način, naposljetku, za njih pišete.


NULASTER je predložio da vam kažem za AdBlock, ekstenziju za Firefox s kojom možete zabraniti učitavanje sadržaja sa određene stranice, s određenom ekstenzijom i slično. Na taj način je lako blokirati reklame, mp3ce ili video fileove, zapravo bilo što :)
Također vam preporučam NoScript, ekstenziju koja blokira izvršavanje svih JavaScript, Java i ostalih plug-inova sa svih stranica, osim ako niste posebno dozvolili za određenu domenu.

28.05.2006. @ 19:42

Blog je neaktivan i nije ga moguće komentirati. Obrazloženje

Nela Dunato Art & Design

Još niste uspjeli naći baš ono što vam treba? Pretražite cijeli Tutor.Blog:

Google

Informacije, razno

Tekstovi, slike i izvorni kod: nelchee


Nela Dunato art & Design
Moj design portfolio


In obscuro
Besplatni predlošci za web stranice


Cwtam - sketchblog
moj sketchblog




Prati me na Twitteru


Ako želite na svoj blog dodati link do Tutor.blog-a, kopirajte kod iz textbox-a (Desni klik --> Select All --> Copy) na mjesto gdje želite da se link pojavi. Hvala! :D


Tutor.Blog


HTML i CSS tutoriali


HTML i CSS tutoriali

Sadržaj ovog bloga je autorski rad. © 2005-2007 Nela Dunato
Login
Google

Blog.hr koristi kolačiće za pružanje boljeg korisničkog iskustva. Postavke kolačića mogu se kontrolirati i konfigurirati u vašem web pregledniku. Više o kolačićima možete pročitati ovdje. Nastavkom pregleda web stranice Blog.hr slažete se s korištenjem kolačića. Za nastavak pregleda i korištenja web stranice Blog.hr kliknite na gumb "Slažem se".Slažem se