Ivano, kao što sam već rekao - obavezno instaliraj Web Developer ekstenziju za Firefox (a ako ne koristiš Firefox iz istih stopa ga instaliraj i prestani koristiti Internet Explorer - IE koristi samo za testiranje stranica, uz Firefox i Operu, te eventualno Safari - kada malo dublje uđeš u web design vidjet ćeš kako je određene stvari potrebno rješavati s tzv. "hackovima", budući da razni browseri na različite načine interpretiraju CSS).
No, da se vratim na Web Developer ekstenziju - pomoću nje možeš označavati određene elemente na stranici (iscrtavajući outline oko njih), dobiti imena odnosno klase određenih elemenata, zatim prikazivati stranicu sa i bez slika, sa i bez CSS-a (odmah probaj pogledati neku stranicu s isključenim stylesheetovima, bit će ti jasnije što CSS u biti radi), zatim možeš editirati CSS u sidebaru i "uživo" vidjeti promjene koje se događaju na stranici, te još mnogo korisnih opcija...
Što se pak tvojeg pitanja od Dreamweaveru tiče - nikako ti ne bih savjetovao korištenje te aplikacije budući da si početnik (ne zato što je aplikacija nešto posebno teška za naučiti, već bi vrlo lako mogao mnogo toga naučiti raditi na pogrešan način, a kasnije ćeš imati većih problema to "izbiti" iz glave). Kasnije, kada ćeš dobro naučiti HTML / CSS (pod dobro smatram da bez problema možeš napraviti sajtove raznih obima i namjena, da znaš razne hackove, da razumiješ odvajanje izgleda od same strukture sajta itd itd.) možeš probati Dreamweaver, pa sam odluči pruža li ti on nešto što tebi treba, ili ti ubrzava rad, a da to nema HTML Kit, PSPad, NotePad 2 ili neki sličan text / HTML editor.
Budući da su i HTML Kit i PSPad i NotePad 2 besplatni, možeš isprobati sva tri, pa vidi koji ti najviše odgovara (u biti uopće nije loše da na početku učiš sa što jednostavnijim programom, poput Notepad 2, jer ćeš se tako prisiliti da dobro znaš što svaki tag čini, i morat ćeš sve editirati ručno, bez nekih helpera i sl.). Notepad 2 također ima codes / syntax highlight, tako da je rad u njemu puno ugodniju nego u običnom Notepadu (a tu su i još neke korisne funkcije).
Što se CSS-a tiče, za početak bi isto bilo dobro da ga "ručno" pišeš u npr. Notepad 2, ali kasnije obavezno stavi Style master, ili Top Style, ili CSS Vista, budući da uvelike olakšavasju i ubrzavaju rad sa style sheetovima (no svejedno moraš znati CSS, ti programi neće nadomjestiti eventualne rupe u znanju, samo imaju zgodne funkcije koje ubrzavaju pisanje).
I to sam već rekao, ali ću ponovit - odmah stavi u bookmarks
http://www.alvit.de/handbook/ , tu ćeš naći gomilu resursa vezanih uz HTML i CSS, i praktički sve stranice linkane tamo su napravljene dobro (pod time mislim da koriste validan HTML / CSS, ne koriste tablice za layout, a bogami puno ih je i odlično dizajnirano s grafičke strane).
Moja preporuka ti je da paralelno proučavaš W3C Schools, pregledavaš source u Firefoxu (preporuka i za ekstenziju "View Source Chart", mogla bi ti pomoći da se lakše snalaziš u kodu), te pališ / gasiš odnosno iscrtavaš elemente i njihova imena pomoću Web Developer ekstenzije. Samo je iznimno bitno da pronađeš stranice koje su napisane dobro, koje koriste validan CSS i (X)HTML, jer ne bi bilo dobro da se učiš na nekim sprtljanim sajtovima, ili pak u nekom kaosu od tablica i slično.
Vidio si da dosta spominjem odvajanje izgleda stranica od njihovog sadržaja / strukture, te koristim izraze poput "validan XHTML / CSS", kao i da spominjem tablice - neću ti sad to naširoko objašnjavati, na Handbooku ćeš naći gomilu tekstova o tome, samo ukratko:
Sve negdje do početka 2000-ih većina sajtova je koristila tablice (engleski "tables") za layout, odnosno za raspored elemenata, slika itd. na stranici. To je pogrešan način, i tablice nisu napravljene za tako nešto. već isključivo služe za razne tablične podatke. U nedostatku boljih načina, te nepodržavanju / krivom podržavanju CSS-a od strane vodećih browsera, prvenstveno Internet Explorera), dizajneri su počeli koristiti tablice za layout - pozicioniranje elemenata, bojanje elemeanata itd. Ubrzo su i vodeće aplikacije za web design počele korstiti tzv. WSIWYG (what-you-see-is-what-you-get), pomoću kojeg je dizajniranje stranica bilo bliže klasičnim grafičkim programima (za to su se koristile tablice, a i pored toga je kod koji su te palikacije izbacivale je uglavnom bio loš i nepotrebno kompliciran).
Što god radio, nemoj učiti raditi sajtove pomoću tablica jer je to zastraio, a što je važnije - POGREŠAN način, a uostalom sajtovi koje napraviš na takav način imaju puno manju fleksibilnost, puno teže je na njima napraviti veće promjene (bile one vizualne ili strukturalne) itd. NPr. kada želiš redizajnirati site koji je napravljen pomoću dobro napisanog XHTML-a i CSS-a dovoljno je promijeniti CSS file i imat ćeš potpuno novi layout, boje, tip i veličinu fontova, pozicioniranje elemenata itd.
Dakle, ukoliko naletiš na site koji ima hrpu TABLE, TD, TR i sličnih tagova, a nema tabličnih podataka - izbjegavaj učenje iz koda takovog sajta.
Na žalost, velika većina hrvatskih sajtova je napravljena pomoću tablica, i nema ni blizu pravilan i vlaidan kod (da, čak i ovaj site je takav), budući da je većina ljudi koji rade sajtove uljuljkana u znanje koje su stekli sredinom / krajem 90-ih, i ne prati uopće što se u posljednjih 7 godina dogodilo s web tehnologijama i sl.