Blog
Priručnik CSS - Lekcija 1 - Povezivanje CSS stilova
Neću objašnjavati zašto je CSS potreban. Ako ste otvorili ovaj priručnik, znači da želite da ga naučite. Sa svoje strane mogu reći da su mogućnosti CSS-a vrlo široke i da omogućavaju pravljenje šablona bilo koje složenosti. Korišćenje CSS-a podrazumeva da ćete morati da se odreknete raznih atributa tagova kao što su size, color, bgcolor, align i drugih, koji bi "smetali" CSS-u.
Priručnik CSS - Lekcija 2 - Počinjemo sa korišćenjem CSS-a. CSS svojstva background, color.
Zdravo svima. Dakle, u prethodnoj lekciji sam napravio dva fajla: html i css. Evo njihovog koda:
index.html:
<html> <head> <title>Priručnik CSS</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>Učite CSS zajedno sa drupalbook.org</p> <p>Drugi red, učite CSS zajedno sa drupalbook.org</p> </body> </html>
style.css:
Priručnik CSS - Lekcija 3 - Svojstva background-color, font-style, font-weight, text-align, text-decoration, text-transform.
Tokom postojanja HTML-a stvoreno je mnogo tagova i sada sa širokom primenom css-a neke od njih ćemo morati napustiti, među takvim tagovima su <font>, <b>, <i>, <center>. Kasnije ćemo razmotriti i druge "zabranjene" tagove. Takođe, ova svojstva će vam pomoći da izbegnete suvišan kod u HTML kodu stranice i da ga izdvojite u css fajlove.
Priručnik CSS - Lekcija 4 - Svojstvo display. Razlika između div i span.
U prethodnim lekcijama smo povezali css preko fajla i napisali malo css koda da vidimo kako to funkcioniše. U ovoj lekciji ćemo se upoznati sa jednim važnim svojstvom display. Svojstvo display određuje kako se prikazuje tag u HTML dokumentu, da li će biti prikazan kao tekst u liniji ili kao blok koji ima svoju visinu i širinu. Dakle, počnimo sa najosnovnijim, kako se tagovi prikazuju po default-u, a oni se razlikuju: <div> se prikazuje kao blok, a <span> kao tekst u liniji. Hajde da počnemo sa prikazom teksta. Napravićemo test liniju i obmotati je u span.
Priručnik CSS - Lekcija 5 - Svojstva float, clear. Obtekanje i kraj obtekanja.
Zamislite brzu planinsku reku koja bučno i brzo teče. I na putu te reke nalazi se kamen, pa reka teče oko tog kamena. Ako je kamen sa leve strane u odnosu na smer toka reke, reka teče oko kamena sa desne strane, a ako je kamen sa desne strane, reka teče oko kamena sa leve strane. Tako funkcioniše CSS svojstvo float.
Priručnik CSS - Lekcija Zaključak - Od HTML/CSS do Drupala
Ovde završava priručnik za CSS, ali učenje CSS-a se ne završava. Predlažem da pređemo na praksu i nastavimo da učimo CSS kroz kreiranje Drupal teme. Pronaći ću na internetu PSD maketu i mi ćemo je složiti u Drupal temu zasnovanu na Zen temi.
Možete takođe preći na učenje PHP-a:
Lekcije Javascript (priručnik, samoučitelj)
Javascript je jedan od najpopularnijih jezika na svetu, iako tokom vremena gubi svoj značaj, ali ga mnogi programeri i dalje uče.
Javascript će vam trebati za dalje učenje jQuery, zato pre nego što se uhvatite jQuery, koji je u stvari javascript framework, treba ipak poznavati osnove javascript-a.
Javascript kod se ubacuje direktno u kod HTML stranice pomoću koda <script></script>:
JavaScript lekcija 1 Promenljive i operacije nad njima
Neću dugo okolo da objašnjavam sve tipove promenljivih i sve operacije, to nam nije potrebno, naš glavni cilj je da savladamo osnovni sintaksu javascript-a, da bismo potom prešli na učenje jQuery i tek onda ćete moći da unapredite svoja znanja i veštine u javascript-u. Ako ipak želite da učite javascript i ne privlači vas korišćenje sjajnog javascript framework-a, onda treba da potražite neki obimniji udžbenik za javascript. A ako želite da pravite sajtove na drupalu i kasnije učite jQuery, onda smo na istom putu. Dakle, hajde da počnemo.
JavaScript lekcija 2 If konstrukcija
U ovoj lekciji ćemo razmotriti kako se koristi if konstrukcija u Javascript-u. Sintaksa u Javascript-u je otprilike ista kao u PHP-u (oboje su rađeni sa ciljem da budu razumljivi C++ programerima), pa o if konstrukciji možete pročitati u ovoj PHP lekciji:
JavaScript lekcija 3 Petlje while, for
U ovoj lekciji ćemo razmotriti petlje u Javascript-u. Kao što sam ranije rekao, sintaksa PHP jezika je slična Javascript-u, pa tako možete pogledati i petlje u PHP-u:
Lekcije PHP - lekcija 12 - Petlje while, foreach, for
Osim jednog detalja, u Javascript-u ne postoji petlja foreach(), zato ćemo u budućnosti koristiti metodu each() u jQuery za iteraciju elemenata.