Pozdrav! Evo vidim da clanova a i ostalih zele da saznaju sto vise o HTML. tj.da saznaju kako da naprave svoju Web stranicu! I bas zbog toga dosao sam na jednu ideju! Na ovoj temi moji saradnici i ja cemo svim zainteresovanima davati lekcije o HTML. Ipak nemojte se nadati da cete za par dana moci da napravite dobru stranicu. HTML jezik je tezak i zahtijeva mnogo truda! Inace ja imam iskustva sa kreiranjem Web stranica ali nemogu bas sve sam posticu,tako da molim neke clanove koji imaju iskustva da mi se u najkracem roku(do veceras)jave postom kako bi se dogovorili ko ce sta predavati i u koje vrijeme i ostalo.. Nadam se da ce prvi cas poceti vec veceras! Hvala!
Jako dobro smišljeno Svidja mi se ideja ,bilo bi super kad bi se ova tema razradila malo ,jer evo mene prvog zanima i planiram da 'učim' tj. nadodajem na ono svoje već postojeće znanje
I evome kao sto sam i obecao.Pocinjem sa predavanjem: Sta je HTML? HTML(HyperText Markup Language)Je jezik specijalno namijenjen za kreiranje web stranica.Osnovu HTML predstavljaju tagovi i atributi.Za kreiranje stranice vam nisu potrebni neki ekstremni programi...Jednostavno mozete koristit notpad,word ili nesto slicno ali ja vam preporucujem Sublime text 2! OK,znaci nakon sto skinete Sublime text 2 mozete poceti sa radom.Za pocetak svaki tag mora obavezno da sadrzi svoj pocetak i svoj kraj!
PRIMJER: <NEKI TAG> </NEKI TAG> Sigurno ste primjetili da na prvom tagu(kodu)na pocetku nema crte a na drugom ima,ta crta predstavlja kraj tog taga i ona se uvijek stavlja! (Mozda ovo niste abs dobro shvatili ali ubrzo ce vam postati sve jasno)
E sad..Znaci kad pocinjemo sa kreirenjem stranice UVIJEK ali bas UVIJEK stavljamo ovaj kod <html> To je pocetak svake stranice i bez tog koda necete vidjeti nista ..Znaci to je osnovno! A sad jedan primjer:
<html> Ovo je moja prva stranica </html>
Nakon sto ste zatvorili tag recenica:(ovo je moja prva stranica )ce se vidjeti! Ali osim taga <html> postoji jos mnogo tagova!A sad cu vam pokazati osnovne dijelove ili bolje receno dijece taga <html> PRIMJER:
<html> <head> <title>Moja prva stanica</title> </head> <body> Pozdrav </body> </html>
E sad ovo ja najednostavni primjer stranice! Izmedju tagova <head> stavljamo tag <title>sto znaci naslov i izmedju njih stavljamo ime nase stranice!A nakon toga u tagu <body>stavljamo ono sta hocemo da se vidi na stranici slike text vide i sve sve ostalo..A na kraju zatvaramo sa </html> A da takodje morate sacuvati ovaj dokumet znaci odete na save i u ime dokumeta ukucate neku rijec naprimer VJEZBA a nakon toga.HTML sto je obavezno! Znaci to ce izgledati ovako VJEZBA.HTML
Ovo je bila prva lekcija..Uh umorio sam se pisajuci..Nadam se da sam vam sta mogao objasniti!Sutra cu se na 2 lekci potruditi da vam objasnim porodicne veze u html a takdoje cu jos malo pojasnivati ovo sto smo do sada radili! Ostavite vasa pitanja vezana za ovu lekciju a ja cu se potruditi da odgovrim na njih na 2 lekci! Hvala!
Ukoliko ste pročitali 1 Lekciju spremni ste da krenete sa učenjem HTML-a upoznao bih vas sa nekim osnovnim pravilima. Kao što smo već rekli HTML koristi tagove za opisivanje internet strane. Tagovi se pišu unutar znakova < i > i postoje otvarajući i zatvarajući tagovi. Primer:
<p>Ovo je paragraf</p> U prethodnom primeru tag <p> predstavlja otvarajući tag, </p> je zatvarajući tag a tekst između otvarajućeg i zatvarajućeg taga je sadržaj paragrafa. Internet pretraživač će prikazati samo tekst dok će mu tagovi "reći" da se radi o paragrafu.HTML tagovi mogu se nalaziti jedan unutar drugog pri čemu se mora voditi računa o redosledu zatvaranja tagova. Tagovi se zatvaraju suprotnim redosledom od redosleda otvaranja. A sad da ponovimo: Kompletan HTML dokument nalazi se unutar <html>...</html> tagova. Sve unutar ovih tagova je internet stranica, a izvan njih možete pisati pesme i to neće imati nikakav efekat na internet stranicu. Jedini izuzetak je <!DOCTYPE> tag koi se piše izvan <html> tagova (najčešće na vrhu stranice) i koji sadrži informacije o dokumentu (opširnije kasnije).Svaki HTML dokument ima svoju glavu (head) i telo (body). Glava HTML dokumenta se ne prikazuje na stranici ali sadrži neke bitne parametre sa kojima ćemo da se upoznamo kasnije. Telo predstavlja sadržaj dokumenta koji se prikazuje u obliku nternet stranice. Svaki dokument može da ima samo jednu glavu i jedno telo.Prema gore navedenim pravilima osnova HTML dokumenta treba da izgleda ovako :
Danas cu vam nesto reci o CSS(Cascading stylesheet). Da krenemo:
Kreirajmo neku jednostavnu web stranicu pod nazivom index.html
Ja cu to ovako da uradim:
Code
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Moja web stranica</title> [b]<link rel="stylesheet" href="stil.css" />[/b] </head> <body> <h1>Ovo je naslov</h1> <p>Ovo je podnaslov</p> </body> </html>
To bi bilo to sto se tice HTML-a. Gledajuci kod sigurno ste primjetili nesto novo izmedju head tagova . Da bi vam bilo jasnije kreirajte fajl pod nazivom stil.css. Ovaj kod ce nas odvesti do fajla stil.css i iz njega uzeti potrebne podatke tj. stil stranice. Mogli smo to drugacije uraditi bez novog fajla pomocu taga ali ovako je preglednije i lakse nam je se snaci,naziv stil.css mozete mjenjati ja tako koristim.
Sada cemo da krenemo sa formiranjem css fajla.
Kod:
Code
body { /*Generalni izgled pozadina,margine(o tome cemo kasnije),font itd*/ background:black; font-faimily:Verdana; }
h1 { /*Izgled h1(h1 je definiran u HTML i sada uredjujemo kako ce izgledati text "Ovo je naslov"*/ color:red; /*Boja slova*/ font-size:35px; /*Velicina slova*/ } p { /*sredjujemo izgled paragrafa "Ovo je podnaslov" color:yellow; /*Boja paragrafa zuta*/ font-size:15px; /*velicina slova 15 piksela*"/ }
To je to za sada kasnije krecemo sa slozenijim stvarima div-ovi ,margine itd
Alo brate!!! pa da ne pretjerujes...prvo ide osnova pa tek onda css..ajmo malo sporije... a da za vas moji "ucenici"uskoro cu otvoriti sajt na kome cu vam detaljno davati lekcije..3 lekcije dolazi veceras...budite tu... Hvala!
Alo brate!!! pa da ne pretjerujes...prvo ide osnova pa tek onda css..ajmo malo sporije... a da za vas moji "ucenici"uskoro cu otvoriti sajt na kome cu vam detaljno davati lekcije..3 lekcije dolazi veceras...budite tu... Hvala!
Decko ja sam ovako ucio.Uz HTML ti ide odma CSS i ovdje nisam nista komplikovano uradio nego napravio neki lagani uvod u CSS
E pa dragi moji forumasi! Vec dugo vam obecavam 3 lekciju ali nikad nemam vremena.a razlog tome je sto sam dotjerivao svoj role play forum! Vec sam vam rekao da cu vas pozvati da mi se pridruzite!Forum zvanicno pocinje 15 ali moze i sad da se igra ali nije potpuno dotjjeran!Pa ako hocete pridruzite mi se..Znaci idete u skolu,ucite magije,mozete postati zao ili dobar..sve zavisi od vas..cijelu igriceu prave clanovi..tj.pricu...nadam se da admini nece ovo shvatiti kao reklamu..ja sam samo obecao pojedinim forumasim.. Link obrisan.
