|
|
Da li ste se nekada zapitali koliko brzo se otvara vaš sajt i šta sve korisnikov veb čitač mora da preuzme da bi prikazao stranicu? Ako se ne bavite veb dizajnom, verovatno o tome niste mnogo razmišljali, osim ako sporost učitavanja nije baš osetna, pa se to primeti i “golim okom”.
Problem ipak nije baš naivan, naročito ako je vaš sajt blog, CMS ili neki sličan sistem u kome se raznim dodacima povećava funkcionalnost, pogotovo ako postoji mogućnost da umećete dodatke koje je neko drugi pravio i ne znate šta sve oni u stvari rade u pozadini.
Proverite svoj sajt preko servisa WebPagetest. Ovo je vrlo jednostavan i besplatan servis kome date adresu strane koju treba proveriti, a on će napraviti prilično…
Ako ste se bar malo bavili HTML i CSS kodiranjem sigurno ste nailazili na razne. nekada i žustre polemike oko poštovanja standarda i rešavanju problema što veb čitači standarde ne poštuju u potpunosti a nekada ih i različito tumače.
Davno sam prestao da se time zamaram. Ne upinjem se preterano da prilikom izrade sajta ostvarim poptunu istovetnost prikaza u svim čitačima. Zadovoljan sam ako je izgled dovoljno sličan, a već sam navikao šta treba da izbegavam kako bih umanjio ovu vrstu problema.
Pokazaću jedan jednostavan primer koji ilustruje koliko su veb čitači mušičavi i da im se svima ne može ugoditi.
Evo primera HTML koda:
<div id="okvir">
<div id="polje">
<div id="sadrzaj">
</div>
</div>
</div>
A na njega ćemo primeniti sledeće stilove:
#okvir {
border: 1px…
Jedna od specifičnosti veb dizajna je što je neophodno da se sa što manje grafičkih elemenata postigne dobar vizuelni efekat. Zbog toga je često rešenje u sličicama koje su tako napravljene da sadrže “šare” koje se sastoje od jednog elementa koji se može beskonačno ponavljati tako da ispuni površinu a da se ne primete sastavci sličica (šavovi). Tako se jednom malom sličicom može ispuniti i veoma velika površina, pa i cela pozadina veb strane.
Pravljenje ovakvih sličica nije baš lako. Ako ste to pokušavali u PhotoShop-u, znate da to zahteva dosta planiranja, ručnog rada, vremena i strpljenja, a i to samo ako pravite neke jednostavnije šare.
Naišao sam na alatku koja može mnogo da pomogne. Program se zove Imagelys Picture Styles i potpuno…
Prilikom izrade veb sajta vrlo je važno povesti računa o optimizaciji grafičkih sadržaja koji se na njemu nalaze. To se odnosi i na postavljanje fotografija i ilustracija na blogove, forume i druge vrste sajtova gde ne pravite ceo sajt ali neki grafički sadržaj prikazujete na njemu.
“Najteži” grafički elementi su svakako upravo fotografije i druge ilustracije. One zauzimaju poprilično prostora, čak i ako to na prvi pogled nije očigledno. Optimizacija fotografija se svodi na postupak kojim se smanjuje dužina datoteke u kojoj se ona nalazi, ali tako da se i dalje zadrži prihvatljiv nivo njenog kvaliteta. Na taj način štedimo prostor na disku, ali i ubrzavamo učitavanje veb stranice.
Osnovni način optimizacije fotografija je da ih smanjite. Nije redak slučaj da ljudi…

PhotoSketcher je veoma jednostavan program koji omogućava da fotografiju pretvorite u neku umetničku formu (crtež ili sliku) što može da bude vrlo upotrebljivo kao ilustracija ili čak podloga na veb sajtu, ali i odlično će poslužiti i za izradu neke čestitke, kalendara ili z aneku drugu namenu.
Program se koristi se vrlo jednostvno: učitate željenu fotografiju, podesite nekoliko parametara (prilikom podešavanja vidite kako ona utiču na konačan rezultat) i kada ste zadovoljni primenite te parametre na celu fotografiju, koju zatim možete da snimite.
Program je besplatan. Možete ga preuzeti sa http://www.fotosketcher.com gde ćete naći i galeriju primera, uputstva, blog,kao i podršku.
Ako vam zatreba neka sličica za dizajn sajta ili nešto slično, odličan izvor je VectorStock. Ovaj sajt sadrži ogroman izbor vektorskih slika, ikona i ilustracija za razne namene.
Za one sa plićim džepom, postoji i deo sa besplatnim vektorskim slikama, a izbor je prilično izdašan.
Ako ste autor, možete preko ovog sajta i prodavati svoje ilustracije.
Potrebno vam je da na brzinu napravite simpatičan baner u Flash-u ali ne znate Flash, a bogme niste ni nešto nadareni za grafiku? Probajte Flash Banner Generator. To je veb aplikacija koja vam omogućava da na interetu napravite sopstveni fleš baner, izborom nekoliko opcija i ukucavanjem tekstakoji želite da baner prikazuje. Uz par klikova mišem eto ga baner očas posla.
http://www.voidix.com/flash_banner_builder.html
Prema mitologiji, Sveti gral je svetinja kojoj se pridaju izuzetne moći kojima njegov vlasnik može da raspolaže, samo postoji jedan problem, niko ne zna šta je to, a ni gde je, pošto je izgubljen. No to ne sprečava veliki broj ljudi da ga traže.
Ako se bavite veb dizajnom, sasvim sigurno koristite CSS, jer je to savremena i moćna veb tenologija koju nije moguće izbeći, a nema ni potrebe izbegavati je, jer zaista predstavlja odličnu platformu koja je neophodna za veb razvoj.
Bavim se vebom iz vremena kada CSS još nije bio izmišljen i vrlo dobro znam kakva je muka bila praviti veb sajtove, pogotovo onima koji su se u veb uključili sa bogatim prethodnim programerskim iskustvom, iskustvom u grafičkoj struci i…
|
|
Skorašnji komentari