Detailní postup, jak převést design z PSD do HTML podoby

31. května 2011

Když chcete vytvořit nějakou novou webovou stránku, jako první krok v tomto procesu typicky neotevíráte svůj oblíbený HTML editor a nezačínáte s psaním HTML a CSS kódu. Obvykle otevřete nějaký grafický editor typu Adobe Photoshop nebo GIMP, ve kterém si nejprve vytvoříte finální vzhled nového webu. Jakmile ji máte hotovou, teprve až poté začínáte s převodem nakresleného designu do funkční HTML/CSS podoby. Samozřejmě, u některých graficky jednoduchých stránek můžete rovnou začít s kódováním a design vytvářet takříkajíc za pochodu, ale většina webdesignérů začíná prvně pracovat v grafickém programu. Když ale design stránky máte hotový, jak jej co nejlépe převést do webové stránky? S tímto úkolem vám může pomoci velice detailní článek s názvem Convert 1st Ideas from PSD to HTML [Very Detailed] , který tento úkol (na vzorovém webu) rozděluje do několika kroků – od přípravy adresářové struktury, přes vytvoření základní struktury v HTML a přidání obsahu do záhlaví až k přidání hlavního obsahu webu či zápatí.

Zdroj: 1stwebdesigner.com.

Mohlo by vás také zajímat

Nejnovější

1 komentář

  1. Tomáš Vorlíček

    Srp 6, 2015 v 9:02

    Co takhle zkusit GraphicLetter, nová služba, kde stačí nahrát psd/jpg, přidat odkazy a nechat si vygenerovat html email, který stačí poslat přes oblíbený nástroj na rozesílku. Není potřeba žádné kódování. Celá služba je zdarma v beta verzi na http://www.graphicletter.com

    Odpovědět

Napsat komentář: Tomáš Vorlíček Zrušit odpověď na komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *