Ako postupovať so stránkou, keď je hotový layout v PS

ahoj, minule som "dostal po nose" že tu sa riešia konkrétne problémy a nedávajú sa tu rady ako začať a podobné. to si ma každý naštudovať sám.
design v html už celkom ovládam a preto by som chcel ísť ďalej.
Chcem sa spýtať ako je to s webom, ktorý sa designuje cez PhotoShop?
Časti stránky robím v PS a potom pomocou html zostavím stránku. Ale ako je to v prípade, keď si celú stránku navrhnem v PS? Potom len divami nastaviť kde ma byť text? Pretože na stránke quatro, mi to príde, ako keby ten layout bol rozdelení na kopec menších obrázkov...nejaký stručný postup alebo link na dobrý tutoriál ???

Ďakujem za vaše odpovede, a kto nie je ochotný poradiť, prosím nech to tu zbytočne nevypisuje

neviem ci ta spravne chapem, ale asi to mas tak ze si dostal projekt PSD a chces ho nakodit do HTML?

tak si jednoducho postupne kodis html od hora az dole, neviem ci konkretny tutorial existuje kedze kazdy navrh je specificky vseobecne:
1. z navrhu si zistis sirku celej stranky, nastavis nejaky obalovaci DIV s tou sirkou
2. mas tam logo tak si z projektu ulozis logo ako samostatny obrazok a do html ho das ako IMG,
3. je menu, tak si ho nakodis ako oznam, cez CSS mu dodas spravne vlastnosti textu, obrazok pozadia atd.

takto postupujes s celym webom, cez CSS si spravne nastavis poziciu farby a celkovo styly a tym docielis celkovy vzhlad stranky

urcite to nie je tak ze teraz z navrhu vo photoshope si ulozis pozadie bez textu a zacnes tam text aplikovat cez absolutne pozicovane DIV... to by bolo dost nechutne

AReYco - už dlhšie sa chystám napísať článok pre začiatočníkov o tom, ako kódovať. Teraz je najvyšší čas sa do toho pustiť.
Zjednodušene - pozrieš sa na stránku a vidíš jednotlivé bloky (myslené abstraktne) - hlavičku, obsah, ľavý/pravý panel, pätičku atď.
V tých jednotlivých blokoch si urobíš ďalšie, podľa toho ako potrebuješ, aby si stránku napasoval na ten dizajn, ktorý si si navrhol.

To čo vidíš na stránke quatro.sk - aj oni tak postupovali, ale ich kód nepatrí medzi najlepšie. Najjednoduchšie bude, ak si popozeráš viac stránok (začni jednoduchšími) a budeš sa snažiť pochopiť, načo slúži konkrétny kód.

Vinikajuci serial rozdeleny do styroch casti najdes tu
http://www.tutorials.cz/clanek1330-jak- ... ast#clanky
Ja som to podla toho kedysi davno aj urobil takze drzim palce

Mam toho viac ale ostatne uz len v english

Na tutorials.cz je možno všetko, ale dobré návody o kódovaní webov určite nie. Okrem toho obkecávania sa tam venujú množstvu nepodstatných vecí, ktoré začiatočníkom nepomôžu.
Tu ti stačí iba dobré abstraktné myslenie (že si budeš vedieť v hlave rozložiť stránku na jednotlivé "bloky") a ak máš problémy so základmi HTML, tak skús JPW

Kazdy nie je genius tvojho formatu, ze mu staci len abstraktne myslenie (inac tuto radu si musim zapamatat). Podla mna su tie clanky dobre a zrozuminitelne,kazdy kto to
cital to len chvalil, ale chapem, ze ten tvoj co "ides napisat" bude lepsi
jakpsatweb.cz ?
Kde tam najdes ako narezat a nakodovat layout ??? .... a to je presne to co sa pytal

A ty v tom článku vidíš ako narezať a nakódovať layout? Ja nie, vidím tam iba obšírnejšie napísané to, čo nájdeš pekne vysvetlené napr. na jpw.

Ďakujem shaggy, scrysurn a pa3ick dobre ste to pochopili
Shaggy keď mi niečo vypadne z html tak automaticky hľadám na jakpsatweb... a už pri klasickom html a pomocou css sa snazim si stranku vzdy predstavit na "časti" ako je hlavička menu, obsah, päta.... do takých blokov s ktorými potom pracujem Vďaka chalani za tipy.... uvidím, čo mi z toho vyjde a shaggy teším sa na článok

Ale ja som predsa napisal ze sa jedna o serial pozostavajuci zo 4roch casti kde toto je uvodny clanok.
Hned hore mas odkazy na cast 2,3,4 a dokonca este aj 5 co najdes v kontexte.
Uplne podrobne a podla mna velmi dobre a zrozumitelne je tam popisovane vsetko od zakladov HTML, vlastnosti CSS pokracuje navodom ako rezat a exportovat z PS, dalej ako zoskupovat a stylovat jednotlive bloky, podrobne o menu az po finalne nakodovanie.
Ja som podla toho robil prve stranky z PS do HTML a uplne v pohode sa to da podla toho naucit....
Nechapem co viac mozes este chciet ? resp. zakladatel temy

Samozrejme suhlasim ze JPW je biblia kazdeho zaciatocnika a nodcenitelna a prehladna prrucka HTML a CSS najma jedina svojho druhu co sa CSS vlastnosti tyka i ked je ten web zastaraly.

EDIT:
Este jedna rada na zaciatok odporucam vyuzivat 960grid system, ktory obsahuje templaty aj pre PS aj pre HTML,CSS pomoze ti to doatat do oka aj do ruk. Jednak sa ti podla toho v PS bude dobre robit a da sa to potom na zaklade CSS template aj rychlo nakodovat.
Ja to pouzivam dodnes, len uz som si za ten cas ten grid poupravoval podla seba

jasne pa3ick... preštudujem a uvidím čo z toho tutoriálu (všetkých častí) sa naučím... ešte raz ďakujem - presne takéto odpovede som potreboval

2 pa3ick: ohladom toho 960GS ake templaty mas na mysli? ja som prisiel len na "teoriu" a tie zvisle pruzky, su tam aj nejake konkretne templaty ci tie pruzky si tym myslel?

Pozri do temy, ktoru som zakladal
http://www.pcforum.sk/webdesign-trendy- ... 93053.html

su tam linky a aj tutorialy popripade google

Tie pruzky su template pre Photoshop, alebo iny graficky editor, ale mas tam aj CSS framework ktory pouzivas na nastylovanie layoutu.
Tazko ti to tu vysvetlim lebo to nie je na par riadkov a je to off topic...

Ešte teplý článok: http://sixrevisions.com/tutorials/web-d ... te-design/ škoda, že EN