Cu totii ne dorim sa avem cel mai bun si mai atractiv site, care sa impresioneze vizitatorii si sa-i faca sa revina. De obicei un design foarte atractiv pentru un website implica multe elemente grafice rezultand astfel pagini incarcate si mai greu accesibile in browsere.
Avand in vedere ca accesul la internet este din ce in ce mai popular si mai facil la viteze mari, multi webmasteri isi permit sa dezvolte situri foarte incarcate cu elemente grafice. In cazuri extreme, putem intalni chiar si situri care se incarca in cateva minute datorita continutului incarcat. Este aproape evident ca utilizatorul, cel mai probabil nu va astepta atat de mult ca un site sa se incarce si se va orienta catre urmatorul din rezultatele obtinute in urma cautarii; De ce inca mai intlanim astfel de situri? Cel mai probabil din cauza lipsei de cunostinte despre tehnicile de optimizare grafica ce permit mentinerea unui site atractiv si in acelasi timp cu pagini usor accesibile;
Iata in continuare cateva informatii despre cum sa pastrezi situl atat atractiv cat si usor de accesat.
Cati stiu ca un element cu colturi rotunjite poate fi obtinut folosind numai cod CSS, fara a folosi niciun element grafic? Da, este posibil! Evident, este nevoie de cunostinte relativ avansate de programare pentru a reusi.
Nu este indicat sa limitezi web designer-ul in creatie, aplicand restrictii care pot avea impact asupra rezultatului final; Carcotasii ar putea afirma ca, ceea ce face un web designer folosing un soft de grafica nu poate fi implementat in cod. Din contra, este foarte posibil. Cand designul este gata si pregatit pentru a fi impartit in portiuni mici pentru a fi folosite in cod HTML, creativitatea iti este pusa la incercare. Tot ceea ce faci la acest nivel va afecta marimea si accesibilitatea paginilor. Daca designul are elemente rotunjite care se suprapun sau portiuni de culoare, atunci trebuie sa imparti foarte atent astfel incat rezultatul sa fie o pagina cat mai putin incarcata.
Iata cateva metode de “feliat”:
1. Nu imparti in portiuni mari, care contin multe culori diferite. Imparte in mai multe portiuni mici in care fiecare contine un numar limitat de culori.
2. Nu folosi o portiune mare care contine aceeasi stuctura grafica. Taie o bucata din ea si multiplic-o folosind codarea. Aceasta pare sa fie o greseala comuna pe care o fac webmasterii/programatorii cand aplica background-ul.
3. Nu folosi tot timpul fisiere de tip JPEG. In unele cazuri fisierele tip GIF sunt mult mai mici si mai utile. Hint: o portiune cu un numar mare de culori o sa fie mai mica in format JPEG decat in GIF si este valabil si invers. Fiecare KB pe care-l reduci din marimea imaginii o sa aiba o influenta asupra gradului de incarcare si accesare a paginii.
4. Daca ai text aplicat pe un background de culoare, nu imparti deloc. In schimb, este indicata folosirea codului pentru a crea background-ul. Este de retinut ca in CSS poti sa alegi atat fontul cat si culoarea background-ului.
Optimizarea sitului din punct de vedere grafic consta mai mult in a sti cum sa optimizezi imaginile. Exista niste tehnici avansate care necesita un nivel ridicat de cunostinte de programare. Hint: CSS2 are mai multe de oferit decat CSS. JavaScript de asemenea ofera posibilitatea de a crea cateva efecte de senzatie fara a fi nevoit sa incarci paginile cu Flash; Desi folosirea optiunilor oferite de JavaScript este ceva mai dificila, trebuie sa te gandesti la rezultate. Muncesti o data si bine iar rezultatele pot sa-ti ajute situl sa fie deasupra celorlalte din multe puncte de vedere.
Avand in vedere ca accesul la internet este din ce in ce mai popular si mai facil la viteze mari, multi webmasteri isi permit sa dezvolte situri foarte incarcate cu elemente grafice. In cazuri extreme, putem intalni chiar si situri care se incarca in cateva minute datorita continutului incarcat. Este aproape evident ca utilizatorul, cel mai probabil nu va astepta atat de mult ca un site sa se incarce si se va orienta catre urmatorul din rezultatele obtinute in urma cautarii; De ce inca mai intlanim astfel de situri? Cel mai probabil din cauza lipsei de cunostinte despre tehnicile de optimizare grafica ce permit mentinerea unui site atractiv si in acelasi timp cu pagini usor accesibile;
Iata in continuare cateva informatii despre cum sa pastrezi situl atat atractiv cat si usor de accesat.
Cati stiu ca un element cu colturi rotunjite poate fi obtinut folosind numai cod CSS, fara a folosi niciun element grafic? Da, este posibil! Evident, este nevoie de cunostinte relativ avansate de programare pentru a reusi.
Nu este indicat sa limitezi web designer-ul in creatie, aplicand restrictii care pot avea impact asupra rezultatului final; Carcotasii ar putea afirma ca, ceea ce face un web designer folosing un soft de grafica nu poate fi implementat in cod. Din contra, este foarte posibil. Cand designul este gata si pregatit pentru a fi impartit in portiuni mici pentru a fi folosite in cod HTML, creativitatea iti este pusa la incercare. Tot ceea ce faci la acest nivel va afecta marimea si accesibilitatea paginilor. Daca designul are elemente rotunjite care se suprapun sau portiuni de culoare, atunci trebuie sa imparti foarte atent astfel incat rezultatul sa fie o pagina cat mai putin incarcata.
Iata cateva metode de “feliat”:
1. Nu imparti in portiuni mari, care contin multe culori diferite. Imparte in mai multe portiuni mici in care fiecare contine un numar limitat de culori.
2. Nu folosi o portiune mare care contine aceeasi stuctura grafica. Taie o bucata din ea si multiplic-o folosind codarea. Aceasta pare sa fie o greseala comuna pe care o fac webmasterii/programatorii cand aplica background-ul.
3. Nu folosi tot timpul fisiere de tip JPEG. In unele cazuri fisierele tip GIF sunt mult mai mici si mai utile. Hint: o portiune cu un numar mare de culori o sa fie mai mica in format JPEG decat in GIF si este valabil si invers. Fiecare KB pe care-l reduci din marimea imaginii o sa aiba o influenta asupra gradului de incarcare si accesare a paginii.
4. Daca ai text aplicat pe un background de culoare, nu imparti deloc. In schimb, este indicata folosirea codului pentru a crea background-ul. Este de retinut ca in CSS poti sa alegi atat fontul cat si culoarea background-ului.
Optimizarea sitului din punct de vedere grafic consta mai mult in a sti cum sa optimizezi imaginile. Exista niste tehnici avansate care necesita un nivel ridicat de cunostinte de programare. Hint: CSS2 are mai multe de oferit decat CSS. JavaScript de asemenea ofera posibilitatea de a crea cateva efecte de senzatie fara a fi nevoit sa incarci paginile cu Flash; Desi folosirea optiunilor oferite de JavaScript este ceva mai dificila, trebuie sa te gandesti la rezultate. Muncesti o data si bine iar rezultatele pot sa-ti ajute situl sa fie deasupra celorlalte din multe puncte de vedere.
Posts
