Web dizajn kurs (osnovni nivo)

Web dizajn kurs je nastao kao kombinacija 3 osnovna Adobe autorizovana kursa: Photoshop, Dreamweaver i Animate. Na ovom kursu ćete naučiti kako da napravite web sajt manjeg obima. Stranice se dizajniraju u Photoshop-u, dizajn pretvara u web stranice u Dreamweaver-u, odakle se i prebacuje na server da bude vidljiv drugim korisnicima. Na kraju se uče osnove animacije u Animate-u gde je cilj da samostalno napravite web banner (reklamu).

Kome je namenjen osnovni web dizajn kurs?

Svima koji žele da se profesionalno bave web dizajnom i da rade u okviru nekog tima. Ukoliko vas ne zanima timski rad, već vas zanima da napravite i održavate sajt samostalno, preporučujemo da razmislite o WordPress kursu koji, takođe, imamo u ponudi. WordPress je, već duže vreme, najpopularnija platforma za izradu sajtova. Odlikuju ga jednostavnost i mnogštvo gotovih templejt-a, tako da manji sajt može da se napravi za samo nekoliko dana.

Ali, generalno gledano, pravljenje web sajta može da bude vrlo kompleksan projekat na kome radi čitav tim stručnjaka. Svaki stručnjak je zadužen za jednu fazu izrade sajta. Web dizajner se bavi dizajnom tj. koncentriše se na izgled i lako korišćenje sajta. Posle njega, tu su developeri (programeri) koji dizajn pretvaraju u funkcionalne web strane i implementiraju plaćanje proizvoda i slične servise. U takvom okruženju, dizajner je zadužen za izgled i funkcionalnost sajta i ne brine o kodiranju i programiranju. Ali, i pored toga, ipak mora da poznaje osnovne HTML-a i CSS-a da bi mogao da razume koliko je dizajn koji je osmislio lako ili teško sprovesti u praksi. Drugačije rečeno, treba da zna šta je dobra praksa, a šta se izbegava kada dizajnira web sajt. Zbog toga je akcenat na ovom kursu više na dizajnu, a manje na pisanju koda, pošto se kodiranjem i programiranjem obično, bave programeri.

Da li je neohodno neko predznanje?

Neophodno predznanje je osnovno poznavanje rada na računaru, tj. da znate da napravite folder, premeštate fajlove iz foldera u folder i sl. Dakle, ne morate ništa znati o samim programima Photoshop, Dreamweaver i Animate.

Postoji li mogućnost da slušam web dizajn kurs online (preko interneta)?

Naravno. Ako niste iz Beograda, Srbije ili Vam, jednostavno, više odgovara da učite od kuće, možete da pohađate kurs online (preko interneta). Više informacija o online (internet) kursevima možete naći na stranici posvećenoj internet (online) kursevima.

Da li dobijam neku knjigu/literaturu?

Naravno. Svaki polaznik dobija udžbenik koji izdaje sama firma Adobe i koji se zove Adobe Dreamweaver Classroom in a Book (Adobe Dreamweaver učionica u knjizi). Sem ove knjige, polaznici dobijaju i preporuke gde još mogu naći korisne informacije vezane za Dreamweaver kao i kako mogu da unaprede i prodube svoje znanje iz ovog programa.

Da li dobijam i instalaciju Dreamweaver-a?

Ne. Firma Adobe ne obezbeđuje polaznicima besplatan software. Njihova politika je da je kupovina njihovog software-a je potpuno odvojena stvar od kurseva. Neke druge firme dozvoljavaju da koristite njihov software besplatno ukoliko ga koristite za učenje, ali to nije slučaj kod firme Adobe. Sve što mi možemo da uradimo je da Vam na početku kursa damo informacije kako možete da instalirate probnu verziju programa koja traje 7 dana.

Da li na kraju kursa dobijam neki sertifikat?

S obzirom da smo Adobe autorizovani trening partner, naši polaznici dobijaju sertifikat koji su napravili ljudi iz firme Adobe. U pitanju je šablon u koji se ubacuju podaci o polazniku i koji je potpisala Kim Pereti, senior direktor tima za edukaciju u okviru firme Adobe.

Originalni Adobe sertifikat samo za polaznike klasičnih i internet kurseva kod Adobe trening partnera. Sertifikat se dobija za: Photoshop, Illustrator, InDesign, Dreamweaver, Flash, Game dizajn, web i grafički dizajn...

Više o sertifikatu možete naći stranici Adobe sertifikat za polaznike.

Koliko traje i koliko košta?

Informacije o trajanju i ceni kursa možete naći na stranici cenovnik.

Plan i program Web dizajn kursa (osnovni nivo)

Uvod u web dizajn

  • Pojam web dizajna, web developmenta i njihova veza
  • Pojam web sajta i vrste sajtova
  • Priprema za izradu sajta
  • Šta su HTML, CSS, JavaScript…
  • Razlike između browsera
  • Pojam hostinga i registracije domena

I celina – Photoshop za dizajnere (osnovni nivo)

Uvod u Adobe Photoshop
  • Pojam vektora i bitmape
  • Radno okruženje
  • Otvaranje novog dokumenta
Alati za vektorsko crtanje
  • Crtanje osnovnih oblika
Osnovne manipulacije objektima
  • Princip slojeva i Layers paleta
  • Skaliranje, rotiranje i pozicioniranje objekata
  • Poravnavanje, raspoređivanje, grupisanje objekata
  • Pomoćne linije
  • Pravljenje složenih objekata kombinacijom prostih
Popuna (Fill) i konturna linija (Stroke)
  • Osnovni parametri popune
  • Osnovni parametri konturne linije
Složene popune
  • Teksture
  • Pattern-i
  • Gradijenti
Rad sa tekstom
  • Alati za rad sa tekstom
  • Posebne napomene ako dizajnirate za web
Rad sa bitmapama
  • ubacivanje slika na stranicu
  • Clipping maske
Najčešći dizajnerski efekti (Layer stilovi)
  • Senke (Drop Shadow i Inner Shadow)
  • Sjajevi (Inner Glow i Outer Glow)
  • Bevel & Emboss
Rad sa više stranica
  • Primer brošure/manjeg kataloga
  • Primeri web stranica
Priprema grafike za web i štampu
  • Bitmap formati: TIF, JPG, PNG, GIF…
  • Vektorski formati: EPS, PDF
  • Priprema grafike za web
  • Priprema grafike za štampu

II celina – Dreamweaver za web dizajnere

Adobe Dreamweaver na prvi pogled
  • Radno okruženje
  • Site Setup prozor
  • Files panel i rad sa fajlovima
Rad sa tekstom
  • Unos teksta – ručno i iz drugih aplikacija (MS Word)
  • Osnovne napomene o web tipografiji
  • Pojam hiperteksta i hiperlinkova
  • Interni, eksterni i anchor linkovi
  • Formatiranje teksta i linkova
Rad sa slikama
  • Optimizacija slika za web
  • GIF, JPEG, PNG, Animirani GIF
  • Kreiranje slika za Web u Photoshopu
  • Save for Web komanda
  • Integracija Dreamweaver-a i Photoshop-a
  • Slice alat i slajsovanje
  • Ubacivanje slika na stranicu
  • Slike kao linkovi
Tabele
  • Osnove rada sa tabelama
CSS (Kaskadni stilovi)
  • Osnovno o CSS-u
  • CSS za formatiranje teksta
  • CSS za pozicioniranje elemenata
Interaktivni elementi stranice
  • Roloveri
  • Meniji
Kontakt formulari
  • Opšte napomene o kontakt formularima
  • Korišćenje tekstualnih polja
  • Ubacivanje check box-ova i radio button-a
  • Izrada stavki u listi/meniju
  • Ubacivanje button-a
  • Validacija formulara
  • Povezivanje sa skriptom za slanje podataka na email
Obogaćivanje prezentacije završnim detaljima
  • Otvaranje novog prozora
  • Ekstenzije
  • Extension Manager
  • Ubacivanje Animate sadržaja na stranicu
  • Ubacivanje Google mapa
  • Ubacivanje videa i Youtube videa
  • Ubacivanje Facebook Like dugmeta
Postavljanje prezentacije (upload na server)

III celina – Animate za web dizajnere

Uvod
  • Pravljenje novog dokumenta
  • Uređivanje radnog okruženja
  • Rad sa više dokumenata
  • Help
Osnove crtanja
  • Crtanje osnovnih oblika
  • Crtanje pen alatom
  • Selektovanje i manipulacija objektima
  • Brush-evi
  • Modovi crtanja
  • Manipulacija objektima
Rad sa bojama
  • Color Mixer
  • Gradienti
  • Color Swatches
Rad sa tekstom
  • Vrste teksta
  • Rad sa tekstom
Rad sa slikama
  • Uvoz slika i razlicitih formata
  • Manipulacija slikama
Timeline
  • Layeri i njihove osobine
  • Frame i Keyframe
  • Rad sa više frame-ova
Simboli i Library panel
  • Šta su i čemu služe simboli
  • Manipulacija simbolima
  • Vrste simbola
Osnove animacije
  • Shape Tween
  • Shape Hint-ovi
  • Classic Tween
  • Copy i Paste Motion
  • Animacija po krivoj
  • Usporavanje i ubrzavanje (Ease)
Filteri
  • Vrste i osobine filtera
  • Filteri u animaciji
Rad sa zvukom
  • Dodavanje zvuka Timeline-u
  • Efekti
  • Sync meni
  • Dodavanje zvuka dugmi ćima
  • Kompresija zvuka
Testiranje i publikovanje fajlova
Adobe Photoshop, program za obradu fotografija, dizajn, slikanje, 3D, obradu videa
Adobe Dreamweaver, program za web dizajn i web programiranje sa podrškom za HTML, CSS, JavaScript, PHP, XML, jQuery, WordPress, Joomla!, Drupal
Naslovna strana knjige, Adobe Animate CC Classroom in a Book, zvaničnog udžbenika za polaznike Adobe autorizovanih kurseva

Comments are closed.