Kreiranje Blog Dizajna od Photoshopa preko HTML&CSS do WordPressa

• 
• Ivan Mišić
  09.08.2010
  0 Komentara
• 
  Tweet
• Photoshop, Web Design | css, html, Photoshop, Wordpress, Wordpress teme

U svrhu redizajna vlastitih stranica Chris Spooner je na svom blogu objavio seriju od 3 tutorijala u kojima je detaljno opisan cijeli proces. Od skice u Photoshopu, rezanja u HTML & CSS, te na kraju kreiranja WordPress teme.

Kreiranje skice dizajna u Photoshopu

Prvi i osnovni korak je kreiranje skice u nekom od alata za obradu grafike, u ovom slučaju radi se o Photoshopu no možete koristiti i malo jednostavniji Macromedia Fireworks, odnosno bilo koji od dostupnih vam alata u kojima znate raditi.

LINK: Creating a Stylish Blog Design Layout in Photoshop

Prebacivanje skice u HTML & CSS – rezanje

Nakon što ste skicirali dizajn kakav želite isti “režete” i na temelju njega pišete HTML & CSS.

LINK: Coding a Stylish Blog Design Layout in HTML & CSS

Kreiranje WordPress predloška

Sad kada je napisan HTML & CSS potrebno je samo ubaciti WordPress tagove, podijeliti ih u pripadajuće datoteke i predložak je tu.

LINK: Building a Stylish Blog Design Layout in WordPress

Povezani postovi

• Prvi koraci nakon instalacije WordPressa
• Global News: Besplatna WordPress Tema
• Kolekcija odličnih video tutorijala
• 40+ Besplatnih WordPress Predložaka
• Tutorijali HDonWEB Blog je dobio novi dizajn!