Informacije o obuci:

Broj časova: 64

Ciljna grupa: deca od V razreda do VIII razreda osnovne škole i učenici srednjih škola

Dinamika: 1x 90 min nedeljno

Potrebno predznanje: Osnove rada na računaru u operativnom sistemu Windows.

Oblast programa: informatika

Cilj kursa:

Cilј programa obuke na programu Web Design je da osposobi polaznike da samostalno izrađuju atraktivne web sajtove, da ih postave i održavaju.

Na Web Design programu polaznici će naučiti načine izrade i postavlјanja web prezentacija, uz Photoshop kao uvod, a potom i rad sa konkretnim alatom za kreiranje prezentacija. Naučiće da prave web prezentacije, kao i dinamičke animirane sajtove. Uz to, polaznici će se upoznati sa osnovama Dreamweaver-a, HTML jezika, CSS stilovima, JavaScript-om, WordPress-om ali i najmodernijim tehnikama HTML5 animacije i prikaza sadržaja, uz optimizaciju responsive dizajna primenjivog kako za računare, tako i za mobilne telefone, tablet uređaje i tako dalјe.

Šta ćete znati posle kursa:

• Primenjuje principe bezbednosti i zdravlja na radu.
• primenjena znanja iz oblasti računarstva
• zna i koristi različite alatke u programu Photoshop (poznaje radnu površinu, korišćenje File Browser-a, retuširanje fotografija, rad sa selekcijama, slojevi, maske i kanali, retuširanje i popravlјanje, slikanje i uređivanje, vektorske maske, putanje i oblici, napredne tehnike rada sa slojevima, specijalni efekti, štampanje, priprema slike za web, vrste i tehnike štampe)
• poznaje principe funkcionisanja web sajtova (odnos domen- hosting fajl), poznaje i koristi programski jezik za kreiranje sajtova HyperText Markup Language (HTML) i programski jezik za ulepšavanje sajta Cascading Style Sheet (CSS). Polaznik treba da zna da kreira Layout i definiše izgled web sajta, napravi i radi sa linkovima (Hyperlink), radi sa naslovima, tekstom i slikama, ugradi Mape ili YouTube video u web sajt, napravi galerije i druge kataloške prikaze, napravi Mail Form za slanje E-mail poruka direktno sa sajta, poveže se sa serverom i prebacivši fajlove “objavi” sajt, izmeni fajlove sa “živog” na internetu vidlјivog sajta, primeni korisne navike u cilјu bolјeg rangiranja web sajta kod pretraživača po želјenim pretragama
• zna i koristi različite alatke u programu Dreamweaver (štampanje slika, rad u prozoru dokumenta, dizajniranje stranice pomoću tabela i frejmova, dizajniranje stranica pomoću apsolutno postavlјenih objekata, rad sa tekstom i slikama, planiranje i unošenje elemenata sajta, formatiranje elemenata stranice pomoću CSS-a, sakuplјanje podataka u formularima, ugnežđivanje medija, dodavanje efekata i interaktivnosti pomoću Spry-a, dodavanje interaktivnosti i ponašanja, testiranje i održavanje sajtova)
• poznaje osnove programskog jezika JavaScript, zna kako i implementira JavaScript code u web stranice, zna kako i pristupa HTML elementima radi kontrole ili animacije, zna kako da koriste podatke i vrši njihovu proveru i aktivaciju, zna kako i keriraju JavaScript funkcije radi obavlјanja kompleksnijih radnji,zna kako ivrši animaciju dostupnih elemenata
• radi instalaciju i administraciju WordPress-a, osmišlјava strukturu web sajta, prikuplјa sadržaj za web sajt (tekstovi, slike), koristi komponente, module i dodatake, pravilno organizuje sadržaj na web sajtu, koristi različite formate na sajtu (JPG, PNG, Mp3), vrši odabir odgovarajućih domena i hostinga za web sajt

Struktura kursa:

• Bezbednost i zdravlje na radu

Photoshop:

• Uvod u Photoshop i upoznavanje radne površine.
• Rad sa selekcijama.
• Osnove o slojevima.
• Retuširanje fotografija.
• Maske i kanali.
• Tipografski dizajn.
• Napredne tehnike rada na slojevima.
• Izrada specijalnih efekata.
• Optimizacija slika za Web i upravljanje bojama.

HTML /CSS

• Upoznavanje sa HTML i CSS i funkcionisanjem weba
• Struktura HTML dokumenta i sadržaja stranice
• Kreiranje linkova, dodavanje slika, rad sa listama, tabelama i obrascima
• CSS selektori
• CSS svojstva za definisanje izgleda elemenata stranice
• Dodavanje drop-down menija
• Uvod u Bootstrap i responsive design

Adobe Dreamweaver

• Upoznavanje
• Rad sa kaskadnim stilovima
• Rad sa tekstom, listama i tabelama
• Rad sa slikama
• Rad sa navigacijom
• Dodavanje interaktivnosti
• Kreiranje izgleda stanice
• Rad sa formulama
• Rad sa flashom
• Povećanje produktivnosti
• Objavljivanje veb sajta

JavaScript

• Kratak uvod u JavaScript
• Uvod u događaje
• Upotreba JavaScripta
• Novi selektori
• Interakcija s dokumentom
• Interfejsi za programiranje aplikacija (API-ji)
• Greške i otklanjanje grešaka
• Klijentski JavaScript

WordPress

• Wordpress osnove
• Kreiranje postova i stranica
• Dizajniranje i razvoj wordpress tema
• Korišćenje wordpress dodataka
• Dodatne funkcije i funkcionalnost
• Dodaci