Web dizajn i programiranje u Adobe Dreamweaver-u (osnovni nivo)

Adobe Dreamweaver je jedan od najpoznatijih programa za web dizajn i web programiranje. Podržava najpopularnije jezike za izradu sajtova (HTML, CSS, JS, XML, PHP… ). Njegova glavna prednost u odnosu na konkurentske alate je odlična integracija sa drugim Adobe programima koji se koriste prilikom pravljenja sajtova (Photoshop, Fireworks, Animate, Illustrator… ). S obzirom da web dizajneri gotovo isključivo koriste Adobe programe za pravljenje grafike za sajtove, ova integracija može značajno da ubrza i pojednostavi izradu sajtova kada se radi u timovima.

Šta ćete naučiti na ovom kursu web dizajna/programiranja?

Primarna tema kursa su, zapravo, HTML, CSS i JavaScript a Dreamweaver upoznajete usput dok kodirate i programirate u ovim jezicima. Na kraju kursa znaćete da napravite jednostavniji sajt koji sadrži tekst, slike, linkove, navigaciju, slideshow, Google mapu, Facebook like dugme i sl. i da ga “okačite” na internet da drugi mogu da ga vide.

Kome je namenjen ovaj kurs web dizajna/programiranja?

Svima koji hoće da nauče HTML i CSS: početnicima koji bi voleli da postanu web developeri, web dizajnerima koji bi voleli da prodube svoje znanje i jednostavnije zadatke obave bez angažovanja web devlopera, WordPress (CMS) operaterima, autorima, urednicima, administratorima, grafičkim dizajnerima koji žele da prošire znanje na polje web-a…

Da li je neohodno neko predznanje?

Neophodno predznanje za ovaj kurs je poznavanje osnova nekog od pomenutih Adobe programa za web dizajn (Photoshop, Fireworks ili Illustrator).

Postoji li mogućnost da slušam kurs web dizajna/programiranja 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 ovaj kurs traje i koliko košta?

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

Ne zanima me ceo kurs web dizana/programiranja, već samo određena oblast.

Nema nikakvih problema. Objasnićete predavaču šta Vas konkretno zanima (npr. postavljanje prezentacije na server, pravljenje kontakt formulara, itd.) i organizovaćemo obuku vezanu samo za tu oblast. To nazivamo konsultacije. Cenu konsultacija možete naći na našoj stranici Cenovnik.

Da li posle ovog kursa web dizajna/programiranja mogu negde naći nekakav posao i početi da zarađujem novac?

Odgovor na ovo pitanje je kompleksan. Najviše zbog toga što postoji mnogo različitih načina i različitih platformi za pravljenje web sajtova. Takođe, koristi se 10-ak različitih programskih jezika u pravljenju sajtova.

Generalno, ovo nije kurs za nekog ko tek planira da zakorači u ovu oblast. Ovo je kurs za ljude koji već imaju neko iskustvo u pravljenju sajtova, najčešće uz pomoć nekog CMS-a i žele da prodube svoje znanje. Na ovom kursu se i dizajn i programiranje rade od nule što mogu da plate samo imućni klijenti i veće firme.

Za one koji tek planiraju da se bave web dizajnom i programiranjem, savet je da krenete prvo sa nekim CMS-om, kao što je WordPress, pa tek onda da razmišljate o ovom kursu.

Plan i program za kurs web dizajna/programiranja u Dreamweaver-u (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

Adobe Dreamweaver na prvi pogled

  • Radno okruženje
  • Site Setup prozor
  • Files panel i rad sa fajlovima

Rad sa tekstom iz ugla web dizajnera

  • 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 sa posebnim osvrtom na web dizajn

  • Optimizacija slika za web
  • GIF, JPEG, PNG, Animirani GIF
  • Kreiranje slika za Web u Photoshop-u
  • 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
  • Ubacivanje animacija u stranicu
  • Ubacivanje Google mapa
  • Ubacivanje videa i Youtube videa
  • Ubacivanje Facebook Like dugmeta

Postavljanje prezentacije (upload na server)

Adobe Dreamweaver, program za web dizajn i web programiranje sa podrškom za HTML, CSS, JavaScript, PHP, XML, jQuery, WordPress, Joomla!, Drupal
Učionica u knjizi za Dreamweaver. Zvanični udžbenik firme Adobe.

Korisni linkovi

Comments are closed.