Web dizajn kurs (osnovni nivo)

Web dizajn kurs je nastao kao kombinacija 3 osnovna 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.

Pravljenje web sajta često 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.

Ukoliko vas ne zanima timski rad, već vas zanima da napravite sajt samostalno, možda je bolje da razmislite o kursu WordPress-a, koj, takođe, imamo u ponudi.

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.

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.

Koliko traje i koliko košta?

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

Plan i program za Web dizajn kurs (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 web dizajnere

Uvod u Photoshop

  • Radno okruženje (palete)
  • Otvaranje i kreiranje novih fajlova
  • Tipovi fajlova
  • Navigacija kroz dokument
  • Uvoz AI, EPS i PDF fajlova

Rad sa bojom

  • Foreground i Background boja
  • Swatches panel
  • Biranje boje iz Color panela
  • Biranje boja i Color Picker prozor
  • CMYK, RGB, HSB i LAB

Kolorne i tonske korekcije fotografija

  • Image – Adjustments
  • Ostale komande Image menija

Selekcije (parcijalna obrada fotografija)

  • Osnovne selekcije uz pomoć Marquee alata
  • Lasso alati
  • Magic Wand
  • Quick Selection
  • Ostali načini selektovanja
  • Feather
  • Crop alat
  • Measure alat

Četkice i osnovne tehnike slikanja

  • Četkice i rad sa četkicama
  • Modovi bojenja
  • Gumice
  • History četkica

Retuširanje fotografija

  • Clone Stamp
  • Healing Brush i Patch alati
  • Content Aware tehnologija
  • Dodge, Burn i Sponge alati
  • Smudge, Blur i Sharpen
  • Liquify filter

Slojevi

  • Move alat
  • Osnovne manipulacije nad objektima
  • Slojevi i Layers panel
  • Povezivanje i grupisanje slojeva
  • Spajanje slojeva (MERGE i FLATTEN)

Tekst

  • Character i Paragraph paneli

Česti efekti u web dizajnu

  • Layer Styles (senke, sjajevi, itd.)
  • Styles panel

Filteri

  • Filter galerija
  • Drugi filteri koji se često koriste

Priprema dizajna za web

  • Slice i Slice Select alati
  • Save for Web prozor

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 (nekada Flash) 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 videaAdobe Dreamweaver, program za web dizajn i web programiranje sa podrškom za HTML, CSS, JavaScript, PHP, XML, jQuery, WordPress, Joomla!, DrupalAdobe Flash, program za web i karakternu animaciju, izradu web banner-a i reklama, prezentacija, Facebook i kompjuterske multiplayer igrice, aplikacije za mobilne telefone na Android i iOS platformi

Comments are closed