HTML i CSS

Škola Web Programiranja

• Svrha HTML & CSS kursa?
• Ciljevi kursa
• Metodologija
• Trajanje i dinamika kursa HTML i CSS
• Cena kursa HTML i CSS
• Preduslovi
• Detaljan plan obuke HTML i CSS

---

Zašto HTML i CSS?

Svaka stranica koju pogledate na internetu (računajući i ovu koju sada čitate), na kraju krajeva, kreirana je programskim jezikom HyperText Markup Language poznatijim pod imenom HTML. Ali zašto ja ne vidim nikakve tragove tog jezika? Paaa, vaš browser/pregledač (tipa: Mozilla Firefox, Chrome, Safari, Internet Explorer) čita HTML kôd i prikazuje vam samo prevedenu, prilagođenu i ulepšanu verziju dobijenog sadržaja. Tome, uostalom, i služe browseri/pregledači , da prevedu HTML u nešto razumljivo ljudskom oku i umu…

Da skratimo priču, na ovom kursu prilično ćete uposliti ruke i um osnovama HTML-a. Konstruisaćete web stranice, puniti ih sadržajem, linkovima, slikama i drugim elementima. Naučićete kako da napravite jednostavne ali neprivlačne stranice.

Ukoliko želite da postanu privlačne – upotrebićete znanja stečena na Cascading Style Sheet (CSS) časovima!

HTML (kao i CSS) je prisutan više od deceniju ali su se poželjne tehnike i prakse znatno menjale tokom godina, tako da ako ste već radili sa ovim jezicima/programima, ovaj kurs će značajno ažurirati vaše veštine.

Pogledajte primer

Na primeru ispod možete vidti kako izgleda jednostavna konstrukcija koja proizvodi izgled većine web stranica koje posećujete. Otvaranjem kartica/tab-ova HTML i CSS možete steći uvid u to šta dobija/čita vaš browser kako bi vam prikazao sadržaj (Result).

▲ vrh strane

Ciljevi kursa

Tomom ovog kursa naučićete kako da:

• Pojmite princip rada web sajtova (Odnos domen-hosting-fajl)
• Definišete i podesite web sajt na sopstvenom računaru
• Kreirate Layout i definišete izgled web sajta
• Napravite i radite sa linkovima (Hyperlink)
• Radite sa naslovima, tekstom i slikama
• Ugradite Mape ili YouTube video u web sajt
• Napravite galerije i druge kataloške prikaze
• Napravite Mail Form za slanje E-mail poruka direktno sa sajta
• Povežete se sa serverom i prebacivši fajlove “objavite” sajt
• Izmenite fajlove sa “živog”, na internetu vidljivog, sajta
• Primenite korisne navike u cilju boljeg rangiranja web sajta kod pretraživača po željenim pretragama

▲ vrh strane

Metodologija

Dvo i po nedeljna obuka pokriva sve najpoželjnije tehnike i pristupe u sferi web dizajna odnosno korišćenju HTML+CSS kao i upotrebu alata u različitim scenarijima.

Redosled radnji pri izvođenju nekih osnovnih dizajn zadataka je obavezan predmet našeg proučavanja tj. vežbi.

Kreiranje mnoštva radova tj. dokumenata tokom višestrukih vežbi koje se sprovode tokom kursa omogućava da pored sticanja znanja o HTML-u i CSS-u  steknete i rutinu u izvođenju radnji te tako ovladate ovom neophodnom veštinom.

Poimanje principa rada i logike koju je tvorac imao na umu tokom organizacije i stvarnja HTM+CSS  logike olakšava kretanje po nepoznatom terenu tj. omogućava vam da znate šta da očekujete od koje opcije, šta su slepe ulice (nemoguće stvari) i gde i kako tražiti rešenja..

▲ vrh strane

Trajanje i dinamika kursa HTML i CSS

Obuka HTML  i CSS u grupi traje 36 časova (oko tri sedmice). Nastava se pohađa tri puta nedeljno po tri školska časa (dva i po sata ). Prijavite se već danas za grupnu obuku i na raspolaganju su vam dva termina:

• 16:30-19:00
• 19:00-21:30

kao i dve kombinacije dana:

• ponedeljak – sreda – petak
• utorak – četvrtak – subota

Ukoliko obuku pohađate individualno (polaznik sam sa instruktorom) obuka traje 24 školska časa i na raspolaganju su vam termini tokom celog dana, od 9:00 do 22:00h, no u dogovoru sa instruktorom možete ih menjati, kao i intezitet obuke (svaki drugi dan, svaki dan…). Nastava se pohađa tri puta nedeljno po tri školska časa (dva i po sata ).

▲ vrh strane

▲ vrh strane

Preduslovi

Za pohađanje ove obuke neophodno je poznavanje operativnog sistema Windows na nivou poznavanja foldera, kreiranja fajlova, pokretanja programa i sl.

Možete se prijaviti svakog radnog dana od 09:00 do 21:30 telefonom ili lično u školi. Prijavu za upis možete popuniti i na web strani online prijava.

▲ vrh strane

Sadržaj obuke HTML i CSS

HTML

1. Tekst
   1. HTML kod
   2. Pozadina
   3. Tekst format, Uredjenje teksta
   4. Lista
   5. Linije
   6. Slika i link
      1. Slika
      2. Link
      3. Skrolovanje slika i teksta
      4. Tabela
         1. Simetrične HTML tabele
         2. Asimetrične HTML tabele
         3. TABLE tag
         4. TR tag
         5. TD tag
         6. Dekorativne HTML tabele
         7. Frejm
            1. Frejmovi
            2. Scrollbar, margin i ivične linije
            3. Forma
               1. FORM tag
               2. TEXT BOX, PASSWORD FIELD, SUBMIT, RESET, IMAGE BUTTON
               3. HIDDEN FIELD
               4. TEXT AREA
               5. RADIO BUTTON
               6. CHECK BOX
               7. DROP DOWN MENU
               8. FILE UPLOAD

CSS

1. CSS osnove
   1. CSS sintaksa i umetanje CSS fajla
   2. CSS selektor
   3. CSS atributi, vrednosti i jedinice mere
   4. CSS stil
      1. CSS pozadina i boje
      2. CSS i font
      3. CSS tekst atributi
      4. CSS link
      5. CSS lista
      6. CSS box model
         1. Širina i visina CSS BOX elementa
         2. CSS border
         3. CSS margin i padding
         4. Sadržaj CSS BOX elementa
         5. CSS display
            1. CSS atribut DISPLAY
            2. CSS DISPLAY i tabele
            3. CSS dimenzije
            4. CSS LAYER
            5. CSS i cursor

▲ vrh strane