HTML prvi koraci - Zaključak
Mislim da ću ovde završiti HTML priručnik, ali ću nastaviti da objavljujem lekcije o HTML-u ako mi nešto novo padne na pamet. Možda će vam se činiti da je priručnik veoma kratak, ali nazvan je "Prvi koraci". Ne mislim da je potrebno odmah opisivati sve tagove, to ću učiniti kasnije u HTML priručniku kao referenci.
Ako razmišljate o nastavku učenja, preporučujem da nastavite sa učenjem CSS-a, koji je deo HTML-a i omogućava da se HTML elementi stilizuju i da sve izgleda lepo.
Evo link ka mom priručniku za CSS.
Priručnik HTML - dodatni materijali
Na HTML možete napisati svoj sopstveni sajt. Ovaj priručnik za HTML naučiće vas mnogo o pisanju HTML sajta. HTML lekcije su jednostavne za razumevanje i uživaćete u radu sa HTML-om.
Priručnik CSS
Dakle, pročitali ste knjigu o HTML-u i sada pravite još jedan korak ka kreiranju svog lepog sajta i počinjete da učite CSS. Zašto je CSS potreban? Ako ste pročitali moj vodič "Prvi koraci u HTML-u", verovatno ste primetili koliko je to mali priručnik. Namerno sam izostavio mnogo tagova i atributa koji se odnose na stilizaciju: kurziv, podebljano, boju, oblik, isticanje. Uradio sam to zato što vam to nije bilo potrebno.
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>: