OriginalEXE čet 2.2.2012 06:21

S obzirom da sam se i sam malo ulijenio, a vidim da mnogi imaju želje sami raditi web stranice, razmišljao sam o pokretanju ovog malog(velikog) tečaja u kojem bi se učilo html i css od samih osnova pa do naprednih stvari (tako da i onaj tko nema pojma može krenuti s ovim tečajem).

 

Da ne bi išli zbrda zdola, držat ću se jedne odlične knjige no s izmjenjenim primjerima/zadacima da ne bi bilo varanja :)

 

Kako bi ovo funkcioniralo?

 

Svaki dan bih objavljivao određeni dio gradiva, ovisno o napredku grupe i o mojem slobodnom vremenu i volji (studira se :)) Dobra je stvar što bismo svi radili zajedno pa si tako i međusobno pomagali, a ja bih se potrudio što stručnije odgovoriti na vaša pitanja. S obzirom da na ovom forumu ima puno stručnijih osoba od mene, ukoliko gdje zapnemo siguran sam da će netko priskočiti u pomoć.

 

***DOVOLJAN BROJ ZAINTERESIRANIH - KRENULI SMO*** - 2.2.2012

 

Kazalo:

 

OriginalEXE čet 2.2.2012 09:13
captain_soap_McTawish kaže...

Ako ovoga bude ja ću sigurno pratiti. Dosada znam stvarno najosnovnije stvari i već neko vrijeme planiram početi ozbiljnije proučavati web tehnologije, a za to mi je prije svega potreban HTML/CSS.

Hvala na prijavi, drago mi je da si zainteresiran :)

OriginalEXE čet 2.2.2012 11:20
FiCoO kaže...

Antisa jel to za mene? :D

Nemoj se umisliti :D To je za sve, al znao sam da mogu računati na jednog :)

tomo007 kaže...
OriginalEXE kaže...
tomo007 kaže...

pratim!

Hvala!

nemoj se ti ništa zahvaljivat meni, ovako nuditi znanje free je velika zahvala tebi!

{#}

FiCoO čet 2.2.2012 11:23
OriginalEXE kaže...
FiCoO kaže...

Antisa jel to za mene? :D

Nemoj se umisliti :D To je za sve, al znao sam da mogu računati na jednog :)

tomo007 kaže...
OriginalEXE kaže...
tomo007 kaže...

pratim!

Hvala!

nemoj se ti ništa zahvaljivat meni, ovako nuditi znanje free je velika zahvala tebi!

{#}

haha :D

 

gle, imas dvojicu sigurnih...toni i ja :)

toxic čet 2.2.2012 11:31
FiCoO kaže...

Ovo sa natjecanjem mi se svidja, recimo imas rok od 2 dana da napravis neki sajt na temu (sira :P) i najbolji pobjedjuje i tako kad skupi 3 pobjede dobije neku nagradu malu :)

dobis free edukaciju i jos bi nagradu, ljudskoj pohlepi nikad kraja :(

win4crazzy čet 2.2.2012 12:11
OriginalEXE kaže...

Super je odaziv. Mislim da ćemo onda večeras krenuti polagano sa uvodom. Naravno tko ne stigne pratiti isti dan nema veze, i dalje će se odgovarati na postavljena pitanja ;)

super, i bilo bi uredu da se ne spama previse, jer ako netko nemoze biti prisutan u tocno to vrijeme onda ce biti problema da pohvata sve sto je bilo u jednom gradivu.

OriginalEXE čet 2.2.2012 12:13
win4crazzy kaže...
OriginalEXE kaže...

Super je odaziv. Mislim da ćemo onda večeras krenuti polagano sa uvodom. Naravno tko ne stigne pratiti isti dan nema veze, i dalje će se odgovarati na postavljena pitanja ;)

super, i bilo bi uredu da se ne spama previse, jer ako netko nemoze biti prisutan u tocno to vrijeme onda ce biti problema da pohvata sve sto je bilo u jednom gradivu.

Ma spama/pitanja će uvijek biti ( i treba biti (pitanja)). Zato ću prvi post updateat kako prolazimo gradivo sa linkom na post i kratki sadržaj šta smo radili u tom postu.

FiCoO čet 2.2.2012 14:46
toxic kaže...
FiCoO kaže...

Ovo sa natjecanjem mi se svidja, recimo imas rok od 2 dana da napravis neki sajt na temu (sira :P) i najbolji pobjedjuje i tako kad skupi 3 pobjede dobije neku nagradu malu :)

dobis free edukaciju i jos bi nagradu, ljudskoj pohlepi nikad kraja :(

ja bih dao neke nagrade ;)

pirat01 čet 2.2.2012 14:52

Ovo naravno dobija drugu dimenziju, za razliku od tutorijala na YT, kada radimo ovako grupno. Kao sto si i sam rekao imamo priliku da jedni drugima pomazemo, pa mislim da ce ovo ici poprilicno brzo i glatko.

 

Pratim naravno.

OriginalEXE čet 2.2.2012 15:19

Uvod

 

  • Što mi tu zapravo radimo? 

 

Ono što upravo čitate je čisti HTML + CSS. HTML je jezik weba, koji osim čistog teksta, kao što mu i ime kaže (HyperText Markup Language), donosi sa sobom i tag-ove. Tag-ovi su obične riječi ili kombinacija slova kojećete prepoznati po tome što se nalaze unutar < i > Ono što tag-ovi rade jest govore našem web pregledniku (Chrome, IE, Firefox, Opera) kako treba interpretirati određeni dio teksta. O tome kasnije

 

CSS (Cascading Style Sheeets) nam služi da bismo elemente web stranice prikazali gdje mi želimo i kako mi želimo. CSS je zaslužan za zadebljanje ove rečenice. CSS je također zaslužan za to da je ovaj tekst baš ovdje, a ne na nekom nasumičnom mjestu na stranici. 

 

  • Što nam je potrebno da bismo pratili ovaj tečaj?

 

S obzirom na to da HTML i CSS funkcioniraju i bez posebnog namještanja radnog okruženja, za ovaj tečaj potrebno nam je samo:

  1. Internet preglednik (Ne želim vidjeti IE verzije 8 i ispod)
  2. Notepad++

 

Zašto ne obični Notepad? Zato jer je Notepad++ napravljen u svrhu programiranja. Osim super korisne funkcije označavanja redaka, također automatski raspoznaje sintaksu jezika u kojem pišemo program te pisani kod oboji u boje na način da je lako raspoznati običan text od npr. tag-ova.

 

Zašto ne Dreamweaver? U ovom nam je tečaju cilj naučiti HTML i CSS. Dreamweaver pomaže u pisanju koda davanjem hintova itd. a mi to ne želimo!

 

Ako ste instalirali Notepad++, to je to, možemo krenuti!

 

EDIT: Također molim sve koji sudjeluju da negdje po želji naprave folder bugtecaj (svi želimo imati istu strukturu datoteka radi lakšeg snalaženja).