Otázka - ako to funguje?

Ahojte, minule som na jednej stránke videl tutoriál. Dotyčný tam spravil layout webovej stránky. Hodil tam aj zdrojový photošopí súbor .psd. Tejto problematike nerozumiem, ako sa dá z tohoto layoutu ( mal to pekne rozvrstvené, každý prvok vo vrstvách ) spraviť CSS/HTML kód? Je na to niečo čo automaticky generuje kód? Ak by aj existovalo, asi by to bolo nie moc schopné, lepšie povedané radšej by som si to urobil sám ako to pozicovať, relatívne, absolútne, alebo to nasúkať do tabulky? Lenže on to mal tak dorobené, že si neviem predstaviť ako by som to mohol zapracovať do CSS či HTML kódu.
ďakujem

Spravit to PS dokaze, ale pravdaze to nebude nic extra. Ak si to chces robit sam pomocou CSS, musis sa to najprv naucit. Ale pozor, nie je to take jednoduche ako otvorit kindervajco a postavit z neho hracku. Na zaciatok by som odporucal www.jakpsatweb.cz a hlavne vela skusat. Ked nastane problem, skus ho riesit a tym sa naucis asi najviac. Ohladom tabuliek/CSS, tabulky su zastarale, ale ak neplanujes vyrabat stranky, myslim ze stacia aj tabulky.

vďaka za reakciu..
Ja viem pracovať s CSS a HTML. Základy mám. Len jednoducho neviem, ako tie vrstvy, s efektami napozicovať. Či spraviť každý prvok stránky do divu. ten layout bol dosť zložitý, veľa prvkov v tvare štvorca, porozhadzované po ploche atď... Je mi jasné že automaticky to bude nepoužiteľné. Rád by som to dokázal sám.

No v photoshope si vyber Nastroj : Silice s nim si narezes stranku ako chces .... potom staci dat save for web a je to urobi ti to obrazky a aj html kod . Ten html kod je robeny pomocou tabuliek .

tu to mate podla mna lepsie riesenie
http://www.pcforum.sk/program-ktory-po- ... 59578.html

"Ja viem pracovať s CSS" ... "Len jednoducho neviem, ako tie vrstvy, s efektami napozicovať". Tak ovladas CSS alebo nie? A ohladom divov, zaklad je hadzat mensie bloky do vacsich, tzn. spravit jeden velky div (stranka) a potom uz donho hadzat mensie (napr. header, lava a prava strana) a do nich opat mensie atd.

ok, tak potom asi neviem CSS...
pozicovať viem nejake jednoduche veci, ale spominany problem by som nevyriešil. Ja sem uploadnem ten .psd subor, ako by ste to spravili, resp čo na to poviete

PSD subor si nechaj, ukaz nam ked tak screen, ako stranka vyzera. Nikto ti PSD nebude stahovat.

dufam že sa to sem dá takto pridať.
Btw je to z jedneho web, nie je to moja práca. Berte to ako príklad
shaggy: obrázok zmazaný, porušoval pravidlá

No tak toto je jednoduché ... neviem čo mám urobiť (aby si bol spokojný), ale rozhodne by som hlavný div rozdelil na 3 časti ... header, obsah, footer a potom ďalej vetvil a vetvil až kým by som to nedorobil

jednoduché.... no možno ano, ale neviem ako by som to narezal.. a k tomu ako by som napr do toho headera nafukal tie štyri štvorce ktore su na tom obrazku.. tak aby boli pekne vedľa seba, napr tabulka by mohla byť? zase ako to napozicovať, aby to začínalo kus odľava, resp aby tam ostalo to search kuja, toto je ina maturita

treba si to rozdeliť na popredie a pozadie ... pozadie ti vyrieší background:, poprednie vyriešíš divkami ktoré usmerníš podľa padding a margin. Takže tie tvoje divká: dal by som

float: right; margin-right: 50px; margin-left: 10px;

a nestane sa žeby mi to hodilo tie divy pod seba? mal som problém to dať do riadku, resp. vedľa seba

Das velky div, donho lavy a pravy a pojde to vsetko ako ma.

vďaka ide všetko ako ma

zatiaľ dik, o chviľu som tu zasa
ale nie, len keby fakt niečo súrne bolo