PSD to CSS (prebacivanje dizajna iz PSD fajla u CSS)

Posted by CyberCat on jan 06 2009 | css

Dobar online servis za prebacivanje dizajna iz PSD fajla u CSS. Nije savršen, ali je jedinstven i sigurno će vam uštedeti neko vreme. Sajt sadrži i uputstvo kako da imenujete i “podesite” lejere da biste dobili što bolji krajnji rezultat.

Servis je jednostavan i što je još bolje - besplatan. Podignite (upload-ujte) PSD fajl, sačekajte par sekundi/minuta i preuzmite kod.

PSD2CSSonline.com

no comments for now

Web dizajn bez tabela (tableless web design)

Posted by CyberCat on dec 29 2008 | Iz ugla Web dizajnera

Naš posao (mislim na web dizajnere) sve više vuče ka programerskom. Ne kažem da ćemo postati programeri, to nikako! Ali ne možemo više raditi samo u photoshopu ne razmišljajući o tome kako ćemo dizajn pretvoriti u funkcionalnu web stranicu.

Neki dan sam imala razgovor sa programerom sa kojim dugo godina sarađujem i dotakli smo priču o tome kako današnji web dizajner više ne radi samo dizajn sajta već mora, ne da poznaje, nego da dobro vlada CSS-om. S mog aspekta to je neminovnost i ako hoću da nastavim da se bavim ovim poslom, ne mogu se ograditi od CSS-a i kodiranja. Taj deo mi nikada nije ni predstavljao problem, ali uraditi zahtevniji sajt bez tabela u početku je bio pravi izazov. Davno sam uvidela da to mogu. Sada je potrebno usavršavati se. Napraviti pomoću CSS-a stranicu sa dve ili tri kolone, zaglavljem i podnožjem je isto toliko rutina kao i napraviti samu HTML tabelu u tekst editoru. Ali sve ono ostalo je igranje, kombinovanje, planiranje i poštovanje pravila koja se moraju znati (čitaj, naučiti). Dakle, nije sveto slovo.

Danas je nezamislivo praviti sajt na stari, klasičan način kada smo sve smeštali u tabele, delili stranicu na levu i desnu kolonu tabele, bojili ćelije i dodavali klase redu ili ćelijama tabele. Sada je situacija potpuno drugačija, zanimljivija ali i mnogo teža.

Nikada nije bilo lepše baviti se web dizajnom nego sada kada je umetnost napraviti web sajt koristeći samo CSS, dobar font, što manje grafike. U poslednje vreme sam naišla na fenomenalne i užasno jednostavne sajtove koji nemaju ništa više osim zaglavlja, velikih naslova i čitljivih tekstova, I možda po koji grafički element.

Dakle, ako razmišljate da počnete da pravite sajtove, zaboravite tabele! To je davna prošlost. Ako ste iskusan web dizajner verujem da ste odavno prešli na dizajn bez tabela (tableless web design).

6 comments for now

Web dizajner u ulozi internet marketing stručnjaka

Posted by CyberCat on dec 08 2008 | Iz ugla Web dizajnera

Još jedan vrlo interesantan seminar je iza mene. Tema je bila “Kako planirati kampanju za javno zagovaranje”. Osim reči hvale nemam ništa više da kažem. I opet me je to navelo na neka razmišljanja.

Sa treninga:

Ovog puta sam razmišljala o tome kako promovisati sajt klijenta bez nekog preteranog angažovanja a da se ipak uradi nekakava “prijava na pretraživače”. Ovde prvenstveno mislim na slučaj kada radite samostalno i pravite sami kompletan sajt za klijenta, bez angažovanja dodatnih saradnika (programera, internet marketing stručnjaka itd.).

Vrlo čest zahtev koji klijenti postavljaju je da žele da se nađu na prvoj strani Google pretraživača. Tema vezana za pozicioniranje na pretraživačima je sama po sebi obimna i neću se baviti njom jer nisam stručnjak za tu oblast. Ali, kada dobijete ovakav zahtev od klijenta, morate dati adekvatno i dovoljno razumljivo objašnjenje.

Zašto bez preteranog angažovanja?

Iz tog razloga što je pozicioniranje na pretraživačima posao koji zahteva stručnjaka iz oblasti internet marketinga koji će izvršiti analizu sadržaja sajta i definisanje ključne reči vezane za poslovanje firme. Kao web dizajner treba da poznajete način na koji funkcionišu pretraživači i treba da znate koji su osnovni elementi web strane važni za pretraživače kao i tehnike koje će poboljšati rejting sajta:

  • title (naslov strane)
  • meta keywords (ključne reči kojima se opisuju)
  • meta description (opis strane),
  • title tag hiperlinkova i grafike (opisi linkova i slika)
  • alt tekst (opis slike)
  • tekstualna navigacija
  • dizajn bez tabela (tableless design)
  • breadcrumb (navigacija koja posetiocu govori na kojoj strani sajta se nalazi)

Ova lista nije konačna i vrlo je grubo definisana ali obuhvata ono što i sam web dizajner može da realizuje.

Kako odgovoriti klijentu na pitanje kako da se sajt nađe na prvoj strani pretraživača?

Nije nam cilj da po svaku cenu objašnjavamo klijentu kako mora da angažuje stručnjaka iz oblasti internet marketinga koga će dodatno platiti niti da ga ubeđujemo da je to jedini način da se pojavi na pretraživaču. Uz malo dodanog truda i sami možemo definisati ključne reči koje odgovaraju tematici sajta. Svakoj slici ćemo dodeliti alt tekst u kome ćemo opisati sadržaj slike trudeći se da koristimo reči koje imaju veze sa tekstom uz koji stoji slika. Unećemo meta opise za svaku stranu.

U zavisnosti od obima posla i dogovora sa klijentom možete mu ponuditi prijavu na nekoliko pretraživača koju ćete uključiti u cenu izrade sajta (što zapravo predstavlja neki minimum koji se od vas očekuje) ali mu ponuditi i uslugu internet marketinga i konsalting. Ukoliko se ne bavite ovom oblašću bolje je da taj posao prepustite stručnjaku sa kojim ćete kasnije razvijati svaki segment sajta i nakon čega ćete na osnovu njegove analize unositi opise slika, strana, naslove stranica i drugo.

U svakom slučaju je potrebno u startu klijenta obavestiti o tome da bolje pozicioniranje na pretraživačima zahteva ozbiljnije angažovanje i vas i njega i po potrebi dodatnog stručnjaka za internet marketing.

13 comments for now

Maja Vasic's Facebook profile