Adobe web? – Photoshop – Fórum – Programujte.com

Chtěl jsem se zeptat když si vytvořím v adobe první stránku na web jak jí dostat někam na server. Nebo postup v čem psát kody a jak. Kdyžtak mě někam odkažte jestli píši blbě. Předem všem děkuji.

A v čem děláš ten layout ( stránku)? Photoshop, Illustrator, Fireworks?
Napřed ji musíš udělat, pak rozkrájet, pak si udělat HMTL kód a pomocí CSS složit ty nařezaný části layoutu do finální podoby webu.

No ve Photoshopu a nevíš o nějakém návodu?

Není to tak jednoduché, jak si pravděpodobně myslíš. Tvorba není o tom, že pustíš Malování, uděláš obdelník a máš web. Tvorba webu se skládá z následujících částí.

1) designování layoutu, vytváření grafiky, prostě designování.
- na to potřebuješ libovolný grafický program. MSpaint, photoshop, gimp, who cares.
- výsledkem práce máš "mrtvý" obrázek. Prostě nic víc, než obrázek, stejně jako fotka z foťáku.

2) kódování webdesignu (HTML, CSS)
- vytváříš strukturu webu, definuješ bloky, odstavce, nadpisy (na to použiješ "značkovací jazyky" - HTML, nebo XHTML)
- definuješ vzhled webu, barvy, zarovnání - díky jazyku CSS se ti rozčleněná stránka změní na hotový web.
- pokud máš nadesignovaný vzhled, tak ho nařežeš na části a poskládáš je do stránky jako puzzle tak, aby to fungovalo.
- výsledkem je statický web. Nejde o dynamický web, ale máš to už jako prostě normální stránku.

3) programování enginu, motoru webu, nazývej to jak chceš
- vytváříš funkce, fungování. Asi z webů znáš věci, jako diskuse, registrace, ankety, administrace. Teď děláš tenhle job.
- teď už neděláš vzhled webu, ale dynamickou část. Na to potřebuješ programovací jazyky (kterýkoli z PHP,ASP,ASP.NET...)
- výsledkem máš naprosto fungující webovou stránku tak, jak je znáš. Celá důležitá část je hotová.

4) dodělávání hejbátek, trochu interakce, dynamiky
- vytváříš něco, aby stránka byla schopná dynamicky reagovat bez znovunačtení stránky.
- vidíš např. Google Instant (to, jak u Google hledání samy naskakují výsledky)? To s 1), 2) ani 3) něuděláš.
- na to použiješ obvykle Javascript (ve spojení s jinými knihovnami pro ulehčení práce), příp. Flash
- je to ta nejméně důležitá část, weby fungují většinou i bez toho. Jen takový střípek dokonalosti.

Tak, co se tím snažím říct? Pokud uděláš cokoli v grafickém programu, neděláš stránky. Děláš obrázky. Musíš se nějak naučit webům vdechnout život, a udělat z toho víc než jen obrázek.

http://www.jakpsatweb.cz/
http://www.tvorba-webu.cz/

http://sixrevisions.com/tutorials/web-development-tutorials/minimal-and-modern-layout-psd-to-xhtmlcss-conversion/
Tady máš taky jak na to. Jinak na tý stránce jsou i tutoriály na cca 50 layoutů i se skládáním pomocí CSS.

3), 4) - tohle už jsou podstatně těžší věci, takže napřed se nauč HTML a CSS a pak si můžeš na stránku přidělávat takovýhle věci. (stejnak asi začneš statickým webem)

A u toho řezání hlavně nevykrajuj nějaký obrovský obdelníky. Stačí malinkej proužek a pak dáš jen aby se opakoval.

No to chápu já jsem něco na ametérské úrovni zkoušel. Ale nikde jsem neviděl nějaké základní tutoriály s Photoshopem.

http://sixrevisions.com/web_design/40-useful-photoshop-web-layout-tutorials/Speciálně na layouty. Pokud myslíš úplný základy, tak si dej do googlu photoshop basics.

no já jsem toho našel dost ale moje angličtina není moc extra spíš hledam český. Ale díky moc aspoň za tohle.

Český weby o tomhle moc nejsou. Možná byl na tohle tutoriál někde tady na programujte.com, ale podle toho se mi moc nedařilo. Já jsem zkoušel ten Corporate Layout - je u něho i návod, jak ho poskládat a dělá se poměrně jednoduše.

A angličtiny moc nepotřebuješ. Stačí mít takovej základní přehled o Photoshopu, a všechny kroky tutoriálu bys měl nějak zvládnout. Nějak to zkoušej. Jinak není zač ;)