Salut , am nevoie de putin ajutor pentru ca pe mine ma depaseste problema si nu stiu de ce cred ca e simplu de rezolvat dar eu nu reusc
Cerintele problemei, Se da:
Un design facut in Photoshop , taiate partile componente ( butoane , body , footer etc.. ) cum am crezut eu ca trebuiesc taiate
Trimis designu tot in Image Rady unde i-am dat un efect simplu la butoane (cand pui mouse pe buton sa isi schimbe culoarea ) si save as pentru website (html+image)
[ Daca am facut ceva gresit pana acum va rog sa ma atentionati ] continuam,
Se ia index.html si se deschide cu dreamwaver , bagam un beckground , si apoi asezam site-ul center .

Cam astea sunt datele problemei , acum cer eu rezolvarea  la care recunosc ca am lipsit de la acele ore , eu nu stiu alta modalitate da a baga un text pe site in locul unde vrei tu si etc decat intr-un layer , eu lucrez pe rezolutia mea si woowww site-ul arata ok, textul la locul lui, toate bune si frumoase.. (sunt un geniu.. )
si trimitem linkul unui prieten si aflii ca nu mai esti un geniu si ca habar nu ai sa bagi un text pe site, si de ce zic asta.. pentru ca pe o rezolutie mai mica, sau mai mare ca a mea textul se deformeza, nu mai ramane la locul lui, se modeleaza dupa rezolutie, (practic se deformeaza continutl ) .
Am inteles ca aceasta problema se poate rezolva bagand tot designu in tabele si aici recunosc ca habar nu am cum, apoi am deschis un alt template luat de pe net sa vad cum au facut aia si am aflat cu stupoare ca ei au div-uri si nu tabele si aici iar vin si zic ca habar nu am cum se face .

Cum as putea sa fac ca textul sa nu se modele dupa rezolutie si sa ramana la locul lui , sa nu se duca in stanga, sa nu se duca in dreapta etc..
Banuiesc ca aceiasi problema o sa fie si la imagini , inca nu am adaugat dar banuiesc o sa intampin aceiasi problema.

nu stiu daca imi este permis sa postez link-uri in topic , sper sa nu supar pe nimeni ,

site-ul cu problema il puteti gasi aici : templatecms[dot]info/html

Va multumesc anticipat , mentionez ca vreau neaparat sa fie totul facut in dreamwaver, in webpage maker il faceam in 5 minte si textul ramanea la locul lui  dar vreau sa lucrez profesionist .

URA!!!!

LOL!

Pai vezi tu... cand i-ai dat save as html + images . Tot layout-ul tau a fost facut cu TABELE! Iar div-ul ala pluteste cumva pe langa tabelele alea .

Daca vrei sa lucrezi profesionist, dupa ce iti slice-uiesti layout-ul cum crezi de cuviinta, treci si fa codarea manual. In DW foloseste sistemul SPLITED care iti arata si codul si WYSIWYG (preview la html).

De unde sa inveti HTML + CSS ... gasesti pe aici pe forum zeci de thread-uri cu link-uri catre resurse HTML/CSS .

Bafta.

Image Ready??? Inca se mai foloseste CS2? Un prim sfat ar fi sa treci la CS4 sau macar CS3.

Al doilea sfat e sa inveti sa codezi site-ul in div-uri nu in table-uri.

Daca textul se deformeaza de la o rezolutie la alta inseamna ca html-ul nu e scris corect. De retinut ca un site trebuie sa fie cross-browser. Adica sa se comporte la fel in toate browserele si pe toate rezolutiile.

Cat despre tutorialele despre html si css pe google sunt plenty.

Privitor la problema ta, primul pas e sa iti faci slice-urile in PS si sa le salvezi intr-un folder numit "images" si apoi sa treci in DW sau Notepad++(eu recomand Notepad++) si sa redactezi manual layout-ul cu tag-urile html si regulile css.

Ca sa iti faci o idee despre structura unui site trebuie sa iti faci un folder numit "numelesiteuluitau". In interiorul lui vei avea mai multe subfoldere:
-"images": aici se gasesc toate slice-urile layout-ului si imaginile care apar pe site
-"css": aici se gasesc toate fisierele css care aplica reguli pe felul in care o sa arate site-ul in browser. In acest subfolder exista de obicei un fisier "reset.css" care contine reguli css ce suprascriu regulile default ale browserelor
-"js": in caz ca folosesti scripturi js
-"includes": in caz ca folosesti include-uri php
-"backend": in caz ca site-ul are si un admin in spate
-"swf": in caz ca ai si animatii flash pe site
-"xml": in caz ca folosesti fisiere xml
In rest, folderul "numelesiteuluitau" contine paginile efective ale site-ului: index.php, about.php, contact.php s.a.m.d. si fisierele robots.txt si .htacces.

Daca vrei sa vezi cum se comporta un site la diferite rezolutii poti folosi ad-on-ul firefox Web Developer 1.1.8. Dupa ce l-ai instalat te duci la Resize - 800*600. Atunci fereastra firefox o sa aibe dimensiunile 800*600 aratandu-ti cum se comporta pagina ta web la acea rezolutie. Pe langa acest ad-on ar fi recomandat sa iti instalezi si add-on-ul Firebug 1.5.0 care e pur si simplu superb si un tool foarte util web developerilor.

Din cate vad esti la un nivel superbasic. Ce ar trebui sa faci tu e sa iti instalezi CS3 sau CS4 si sa citesti cat mai multe tutoriale despre html si css. Daca nu ai niste notiuni elementare despre redactarea html/css nu o sa intelegi mai nimic din explicatiile tehnice de pe forumuri privitoare la problemele tale.