CSS za početnike

Želeo bih da naučim, kako da pišem css. Nisam neki poznavalac html jezika, ali ipak se uspevam snaći u tome. Ništa nešto zahtevno. Uglavnom neki wap sajtovi i sl. Ipak, postajem ambiciozniji, a sa tim i zahtevniji. Želeo bih napraviti wap sajt, al' s' tim, da njegov vizuelni izgled zaista bude poseban, a ne već klasičan, kakvi se uglavnom danas mogu videti. Svi ti wap sajtovi, se uglavnom kopiraju. Malo se preurede i to je to. Ja to ne želim i to mi nije namera. Stoga, želim savladati css kod. Da mogu ideje pretočiti u delo. Na internetu ima pregršt tutorijala, ali ništa konkretno za početnike. Znači, da počnem od same nule, korak po korak. Po mogućstvu praćeno primerima. Recimo, kod i primer, kako taj detalj izgleda na sajtu, uz naravno opis i objašnjenje svega ponaosob. Ne bih voleo samo to, da to bude na Engleskom jeziku. Pa ako neko zna, gde to mogu pronaći i kako mogu naučiti, odnosno da mi pomogne u tome, zaista bih bio veoma zahvalan na tome...

Potpis

Jači od sudbine!

http://www.w3schools.com/css/ je najpoznatiji tutorijal za početnike. Kreni odatle, pa onda eventualno možeš da probaš da učiš iz neke knjige. Tu ćeš da savladaš tehnike neophodne za pravljenje sajta, a za naprednije stvari pretražuj gugl. Ako znaš engleski, toplo preporučujem sajt http://stackoverflow.com.

Potpis

http://biske.rs

Preporučujem kurseve sa www.lynda.com
Po meni je to najbolja varijanta, video snimci po lekcijama, korak po korak ...

Kako ste vi počinjali? Šta ste koristili?

Potpis

Jači od sudbine!

Prvo skini ovaj kurs CSS for Developers
a onda sa ovim jer predpostavljam da to tražiš : CSS Web Site Design

Program TopStyle Pro (verovatno najbolji vizuelni CSS editor) je izuzetan za učenje CSS-a. Namestiš da pored koda bude preview i vidiš kakve rezultate tvoj kod daje u praksi. Menjaš kod i gledaš kakve promene se dešavaju i tako učiš kakav je efekat kojeg parametra. Takođe imaš i formular sa svim CSS parametrima pa ne moraš ni njih da znaš na pamet beć ih biraš sa liste.

Koristio sam i pokoju knjigu ali TopStyle je bio ključan za praksu.

Bitna stvar je i to da sam je nekolko godina pre toga koristio stilove u Microsoft Office Word-u pa mi je bilo mnogo lakše da ukapiram CSS. Većina ljudi koji koriste word samo kucaju tekst i ne znaju za stilove. Veći problem mi je bio kako da "povežem" CSS sa HTML-om.


Danas takođe može da ti posluži i Opera Dragonfly. Znači otvoriš neku internet stranicu u Opera browseru. Dovedeš kursor na neki deo stranice koji te zanima, otvoriš meni i izaberes "Inspect element". Ispod ti se otvori Opera Dragonfly gde takodje možeš uživo da menjaš CSS parametre i gledaš šta se dešava sa stranicom. Sa leve strane je HTML kod i tu biraš elemente a sa desne je CSS koji je relevantan za prikaz tog elementa. Ako hoćeš da vratiš kako je bilo klikneš na refresh i stranica se ponovo učita u originalu. Opera dragonfly će ti takođe pomoći da ukapiraš vezu između HTML-a i pratećeg CSS koda.

Bez engleskog jezika nemoj ni da pocinjes bilo sta da radis, odmah sve zaboravi i radi nesto drugo.

Evo nekih smernica:

- Instaliras DreamWeaver, Mozilu Firefox i Firebug ads on za mozilu firefox.
Napomena: u DW otvoris code view i samo to koristis, nista drugo.

- Uzmes neki tutorijal za html i prvo predjes to. Najvise ce ti trebati 7 dana za to.

- Onda uzmes par tutorijala za CSS: Lynda.com su ok, potrazi tutorijale od Eric Meyer i Andy Clarke.

- Pogledas i naucis sve to onda krenes da pravis jednostavne layoute. Ovde imas dobrih primera: http://www.maxdesign.com.au/presentation/page_layouts/

- Sledece, obratis paznju na cross-browser resenja. (pretrazi google na temu css hacks, css cross-browser i sl...)

- Prelistaj i ove sajtove:
http://www.quirksmode.org
http://css.maxdesign.com.au/floatutorial/index.htm
http://www.maxdesign.com.au/articles/css-layouts/
http://htmldog.com/

- Pretrazi google za "CSS mobile"

- Sledece ucis ili PHP ili Photoshop zavisi da li ti vise odgovara logika ili kreativnost. Inace raditi samo html/css tesko da moze da se nadje posao...

Itd... itd... sve dok se bavis web developmentom ti konstantno moras da ucis.... U suprotnom ako ti treba samo za jedan licni projekat, nadjes nekog da ti to uradi brzo i ti se ne mucis.

Preporucujem www.cssbasics.com, jednostavno i fino objasnjeno.

I jedan odlican video serijal: http://www.youtube.com/watch?v=ZRqEyPDPaCo imas 15 vezanih video klipova.

Potpis

"But out of limitations comes creativity."
- Debbie Allen

Da li biste mi preporučili knjigu "Briljantno HTML5 i CSS3", CET izdanje? Kakva su vam iskustva sa pomenutom literaturom? CET ili Mikro knjiga, šta odabrati?

Potpis

dadi

Slobodno uzmi knjigu, to su dobri izdavaci.
Ja bih ti preporucio od mikro knjige da nadjes knjigu "Smashing CSS", jako je dobra!

Potpis

"But out of limitations comes creativity."
- Debbie Allen

Hvala ti za ovaj link, super je!!

Potpis

Pozdrav,
Goca

idesigncss.com
(na Srpskom)