View Single Post
Staro 23.07.2007., 00:45   #6
gorluk
Čovjek
Moj komp
 
gorluk's Avatar
 
Datum registracije: Oct 2006
Lokacija: Zagreb
Postovi: 1,166
Što se tiče tutoriala / resursa, preporučio bih ti da si bookmarkiraš ovu stranicu:

http://www.alvit.de/handbook/

Tu ćeš naći gomilu linkova na (kvalitetne) tutoriale, tekstove o teoriji designa, boja i sl., tekstove o novitetima u web tehnologiji / web designu, galerije dobro dizajniranih web stranica itd itd.

Što se pak samih aplikacija tiče, preporučio bih ti HTML Kit, ili PSPad. PSPad nije striktno HTML editor, već tekst editor s podrškom za razne programske jezike. Oba imaju syntax highlight, te razne korisne alate, iako je IMHO HTML Kit jači za pisanje HTML-a. I jedan i drugi su besplatni, tako da te ništa ne košta isprobati ih.

http://www.htmlkit.com/
http://www.pspad.com/en/pspad.htm

Što se CSS editora tiče, preporučio bih ti Style Master ili Top Style:

http://www.westciv.com/style_master/
http://www.newsgator.com/Individuals...e/Default.aspx

Oni nisu besplatni (iako Top Style postoji u "Lite" verziji, koja je besplatna), no odlični su alati, jako jako olakšavaju pisanje CSS-a, a ako želiš besplatan, preporučio bih ti CSS Vista:

http://www.sitevista.com/cssvista/

Također bih ti preporučio da si obavezno instaliraš Web Developer ekstenziju za Firefox:

http://chrispederick.com/work/web-developer/

To je ultra koristan dodatak za Firefox, nezamjnenjiv za bilo koga tko se bavi web designom / web developementom.

Nadalje, pretraži i ovaj forum, ja sam u nekoliko threadova naveo razne linkove i sl. Naprimjer:

http://forum.pcekspert.com/showthread.php?t=50581

Što se pak Flasha tiče, naučiti Flash odnosno Actionscript (programski jezik koji se koristi za pisanje Flash aplikacija) je definitivno teže od HTML / CSS kombinacije. No, ako si znatiželjan i imaš volje - ne vidim zašto ne probati - ako se misliš ozbiljnije baviti web designom onda će ti znanje Flasha sigurno puno koristiti, ali isto tako te moram upozoriti kako ti to neće biti lagan zadatak. Actionscript (sada u 3.0 inačici) je gotovo potpun OOP jezik (object oriented) pomoću kojeg je moguće raditi dosta napredne stvari, od sajtova, preko igrica do raznih vizualnih eksperimenata, kvazi 3D enginea i sl. Nekoliko godina rada ti ne gine (pogotovo ako nikad nisi radio s OOP jezicima, ako jesi onda će ti biti puno puno lakše, u biti ćeš trebati pohvatati samo neke specifičnosti, razlike u sintaksi i sl.). I btw. odmah ti moram reći kako Flash nije zamjena za HTML ili obratno, nije da možeš naučiti Flash i isključivo njega koristiti za izradu web stranica. Istina je da se možeš definirati kao isključivo Flash designer / developer (a čak i tada ćeš morati znati nešto HTML-a), no Flash i HTML su jako različiti, i Flash se koristi samo u određenim situacijama, kada postoji opravdanje za korištenje Flasha (neki čak smatraju da NE POSTOJI opravdanje za korištenje Flasha, no ja nisam tako tvrdog stava, mislim da Flash može odlično poslužiti u određenim situacijama). Moraš znati kako se korištenjem Flasha za izradu određenog sajta odričeš punostvari (iako dobijaš i neke specifične stvari koje s HTML-om ne bi mogqao dobiti, ili bi pak morao koristiti složeni javascript).

No, da se vratimo na HTML / CSS. Toplo ti preporučujem da naučiš raditi što "pravilnije" HTML stranice odnosno da radiš validan HTML + CSS. Neću ovdje naširoko o tome, na http://www.alvit.de/handbook/ ćeš naći gomilu informacija o tome. Znači trebaš pravilno koristiti tagove, što manje moguće raznoraznih "hackova" ne koristiti tablice ta layout (već samo za tablične podatke), zatim trebaš odvajati sadržaj od forme (znači styling pomoću CSS-a) itd itd. Učinit ćeš sebi veliku uslugu ako kreneš tim putem - kao prvo, pisat ćeš stranice po standardima (što je na veliku žalost u Hrvatskoj još jako rijetka pojava, ljudi uglavnom rade layout pomoću tablica, što je IMHO u 2007. godini jednostavno nedopustivo), kao drugo puno lakše ćeš moći unositi promjene u gotove stranice (moći ćeš i potpuno promijeniti layout čitavog sajta, boje, fontove itd. mijenjanjem samo CSS dokumenta, bez ikakvog diranja HTML-a), zatim ćeš biti konkurentniji na tržištu (budući da radiš stranice na ispravan način) itd itd.

Npr. ovdje možeš pronaći gomilu tekstova o pravilnom pisanju stranica, pridržavanju standarda i sl:

http://www.alistapart.com/

Dakle, moja preporuka ti je da si nabaviš navedne programe, instaliraš Web Developer ekstenziju (ta ekstenzija će ti uvelike olakšati učenje HTML / CSS-a - pomoću nje možeš iscrtavati outline oko određenih elemenata na stranici, paliti i gasiti određene stvari na stranici, "uživo" editirati CSS dokumente, prikazati dimenzije određenih elemenata, prikazati razne informacije vezane uz određene elemente itd itd - znači pronađeš neke dobro napisane stranice i onda pručavaš što se događa s određenim elementima, zašto su korišteni na određen način, kako određene postavke u CSS dokumentu djeluju na layout, itd itd.), te počneš pručavati linkove s Handbooka (a za osn ove je naravno www.w3schools.com dobar resource). Nauči osnove HTML-a (ok, kažeš da već nešto znaš), te osnove CSS, i onda pručavaj pravilno napisane sajtove. Zatim, ovako nešto ti može koristiti da brzo dobiješ dojam što određeni tagovi odnosno properties rade:

http://rendur.com/

To je alat za tzv. "rapid prototyping", odnosno pomoću te stranice možeš "uživo" editirati HTML i CSS, te odmah vidjeti promjene u samom browseru. Korisno je i za početnike, a i za veterane ukoliko žele nešto nabrzinu iskicirati.

To je uglavnom to. Mogu još samo nadodati da i kad jednom dobro ovladaš HTML-om / CSS-om tu nije kraj - i dalje bi trebao pratiti što se događa, kakve se promjene unose u jezik (baš zbog tog nepraćenja razvoja tehnologije 95% hrvatskih sajtova je rađeno na krivi način, kakav se prestao koristiti početkom ovog tisućljeća)...znači praćenje sajtova poput A List Apart i sl.

edit: da još dodam - prepručio bih ti i da pogledaš ovu Firefox ekstenziju:

http://www.getfirebug.com/

To je HTML / CSS editor koji je integriran u Firefox, ful koristan dodatak. Btw. nadam se da koristiš Firefox? (nemoj mi samo reći da si na IE?). U svakom slučaju bi na kompu trebao imati Firefox, IE, OPeru, sada eventualno i Safari, te eventualno i određene starije verzije tih browsera, kako bi mogao provjeriti način na koji se stranica prikazuje u svakom od tih browseru (da ne bi bilo neugodnih iznenađenja - krajnji korisnik bi mogao vidjeti nešto sasvim deseto od onog što si ti zamisli odnosno vidio u jednom od browsera).

Što se pak tvojeg pitanja o Dreamweaveru tiče - ne, ne bih ti ga preporučio. Em je HTML Kit besplatan, a odličan HTML editor, em se u gomili tutoriala za Dreamweaver koriste tablice za layout. Stvarno nemaš nikakve potrebe za DW. Instaliraj HTML Kit i Firebug i gotovo (plus neki od CSS editora koje sam naveo naravno).

Znam da ti sad ovo sve možda zvuči malo komplicirano (standardi, tableless layout, CSS, odvajanje forme od sadržaja itd itd.), ali vjeruj mi da ćeš jednom kad počneš učiti vidjeti da nije previše složeno, a sebi ćeš učiniti veliku uslugu ako naučiš raditi na takav način (kasnije će ti biti deset puta teže to nanovo učiti ako sad kreneš krivim putem).
gorluk je offline   Reply With Quote